diff --git a/src/bin/BinActions.tsx b/src/bin/BinActions.tsx
index d50fedb..6331524 100644
--- a/src/bin/BinActions.tsx
+++ b/src/bin/BinActions.tsx
@@ -28,7 +28,7 @@ import ObjectTeams from "teams/ObjectTeams";
 // import BinDuplication from "./BinDuplication";
 import BinsIcon from "products/Bindapt/BinsIcon";
 import HelpIcon from "@mui/icons-material/Help";
-// import BinSensors from "./BinSensors";
+import BinSensors from "./BinSensors";
 import { useGlobalState, useSnackbar, useUserAPI } from "providers";
 import { useMobile } from "hooks";
 import { makeStyles } from "@mui/styles";
@@ -239,7 +239,7 @@ export default function BinActions(props: Props) {
             setOpenState({ ...openState, settings: false });
           }}
         />
-        {/* <BinSensors
+        <BinSensors
           mode="update"
           bin={bin}
           canEdit={hasWritePermission}
@@ -254,7 +254,7 @@ export default function BinActions(props: Props) {
             }
             setOpenState({ ...openState, sensors: false });
           }}
-        /> */}
+        />
         <ShareObject
           scope={binScope(key)}
           label={label}
diff --git a/src/bin/BinComponentTypes.tsx b/src/bin/BinComponentTypes.tsx
new file mode 100644
index 0000000..4495f29
--- /dev/null
+++ b/src/bin/BinComponentTypes.tsx
@@ -0,0 +1,926 @@
+import {
+  Avatar,
+  Box,
+  darken,
+  Divider,
+  Grid2 as Grid,
+  IconButton,
+  List,
+  ListItem,
+  ListItemAvatar,
+  ListItemSecondaryAction,
+  ListItemText,
+  ListSubheader,
+  Menu,
+  MenuItem,
+  Theme,
+  Typography,
+  useTheme
+} from "@mui/material";
+import { Component } from "models";
+import { GetComponentIcon } from "pbHelpers/ComponentType";
+import { pond, quack } from "protobuf-ts/pond";
+import { useBinAPI, useSnackbar, useGlobalState } from "providers";
+import React, { useState, useEffect, useCallback } from "react";
+import { getThemeType } from "theme";
+import { Plenum } from "models/Plenum";
+import { Controller } from "models/Controller";
+import { GrainCable } from "models/GrainCable";
+import { Pressure } from "models/Pressure";
+import { Headspace } from "models/Headspace";
+import { MoreVert } from "@mui/icons-material";
+import { describeMeasurement } from "pbHelpers/MeasurementDescriber";
+import { Ambient } from "models/Ambient";
+import { makeStyles } from "@mui/styles";
+
+const useStyles = makeStyles((theme: Theme) => {
+  return ({
+    bgItem: {
+      background: darken(theme.palette.background.paper, getThemeType() === "light" ? 0.05 : 0.25),
+      position: "relative",
+      width: "auto",
+      borderRadius: theme.spacing(0.5),
+      display: "flex",
+      flexDirection: "column",
+      padding: theme.spacing(0.5)
+    },
+    avatar: {
+      width: theme.spacing(3),
+      height: theme.spacing(3),
+      marginTop: "auto",
+      marginBottom: "auto"
+    },
+    avatarIcon: {
+      background: "transparent",
+      width: theme.spacing(3),
+      height: theme.spacing(3),
+      margin: "auto",
+      marginBottom: "auto"
+    },
+    spacingItem: {
+      paddingLeft: theme.spacing(0.75),
+      paddingRight: theme.spacing(1),
+      display: "flex",
+      flexDirection: "row",
+      justifyContent: "center"
+    },
+    pointerLeft: {
+      borderBottom: "1px solid",
+      borderLeft: "1px solid",
+      borderColor: theme.palette.text.primary,
+      width: theme.spacing(5.5),
+      height: theme.spacing(0.7)
+    },
+    pointerRight: {
+      borderBottom: "1px solid white",
+      borderLeft: "1px solid white",
+      borderRight: "1px solid white",
+      borderColor: theme.palette.text.primary,
+      width: theme.spacing(5.5),
+      height: theme.spacing(0.7)
+    },
+    spacer: {
+      paddingLeft: theme.spacing(0.25)
+    },
+    smallFont: {
+      fontSize: "10px"
+    },
+    bigSpacer: {
+      paddingLeft: theme.spacing(3.2)
+    }
+  });
+});
+
+interface Props {
+  bin: string;
+  components: Map<string, Component>;
+  preferences: Map<string, pond.BinComponentPreferences>;
+  setPreferences: React.Dispatch<
+    React.SetStateAction<Map<string, pond.BinComponentPreferences> | undefined>
+  >;
+  updateBinStatus: (componentKeys: string[], removed?: boolean) => void;
+  setComponents: React.Dispatch<React.SetStateAction<Map<string, Component>>>;
+}
+
+export default function BinComponentTypes(props: Props) {
+  const { bin, components, preferences, setPreferences, updateBinStatus } = props;
+  const classes = useStyles();
+  const theme = useTheme();
+  const binAPI = useBinAPI();
+  const snackbar = useSnackbar();
+  const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);
+  //only used to determine what preferences are options for the selected component ie. DHT can be a plenum or a headspace
+  const [selectedComponentType, setSelectedComponentType] = useState<
+    quack.ComponentType | undefined
+  >(undefined);
+  const [componentUnassigned, setComponentUnnassigned] = useState(false);
+  const [unassigned, setUnassigned] = useState<Component[]>([]);
+  const [plenums, setPlenums] = useState<Plenum[]>([]);
+  const [ambients, setAmbients] = useState<Ambient[]>([]);
+  const [pressures, setPressures] = useState<Pressure[]>([]);
+  const [grainCables, setGrainCables] = useState<GrainCable[]>([]);
+  const [headspace, setHeadspace] = useState<Headspace[]>([]);
+  const [heaters, setHeaters] = useState<Controller[]>([]);
+  const [fans, setFans] = useState<Controller[]>([]);
+  const [lidars, setLidars] = useState<Component[]>([]);
+  const [headspaceCo2s, setHeadspaceCo2s] = useState<Component[]>([]);
+  const [tempUnit, setTempUnit] = useState<pond.TemperatureUnit>();
+  const [pressureUnit, setPressureUnit] = useState<pond.PressureUnit>();
+  const [selectedComponentKey, setSelectedComponentKey] = useState("");
+  const [selectedComponentSubtype, setSelectedComponentSubtype] = useState(0);
+  const [selectedComponentTopNode, setSelectedComponentTopNode] = useState(0);
+  const [{ user }] = useGlobalState();
+
+  useEffect(() => {
+    if (user.settings.temperatureUnit) {
+      setTempUnit(user.settings.temperatureUnit);
+    } else {
+      setTempUnit(pond.TemperatureUnit.TEMPERATURE_UNIT_CELSIUS);
+    }
+    if (user.settings.pressureUnit) {
+      setPressureUnit(user.settings.pressureUnit);
+    } else {
+      setPressureUnit(pond.PressureUnit.PRESSURE_UNIT_INCHES_OF_WATER);
+    }
+  }, [user]);
+
+  const selectType = useCallback(
+    (component: string, type: pond.BinComponent, topNode?: number) => {
+      setAnchorEl(null);
+      let p = preferences.get(component);
+      if (p) {
+        p.type = type;
+        p.node = topNode ?? 0;
+        binAPI
+          .updateComponentPreferences(bin, component, p)
+          .then(() => {
+            snackbar.success("Component preferences updated");
+            preferences.set(component, p!);
+            setPreferences(new Map(preferences));
+          })
+          .catch(() => {
+            snackbar.error("Component preference update failed");
+          });
+      }
+    },
+    [bin, binAPI, preferences, setPreferences, snackbar]
+  );
+
+  useEffect(() => {
+    var plenums: Plenum[] = [];
+    var grainCables: GrainCable[] = [];
+    var heaters: Controller[] = [];
+    var fans: Controller[] = [];
+    var pressures: Pressure[] = [];
+    var headspace: Headspace[] = [];
+    var lidar: Component[] = [];
+    var unassigned: Component[] = [];
+    var ambients: Ambient[] = [];
+    var headspaceCo2s: Component[] = [];
+    components.forEach(comp => {
+      let pref = preferences.get(comp.key());
+      if (pref) {
+        if (pref.type) {
+          if (pref.type === pond.BinComponent.BIN_COMPONENT_PLENUM)
+            plenums.push(Plenum.create(comp));
+          if (pref.type === pond.BinComponent.BIN_COMPONENT_AMBIENT)
+            ambients.push(Ambient.create(comp));
+          if (pref.type === pond.BinComponent.BIN_COMPONENT_GRAIN_CABLE)
+            grainCables.push(GrainCable.create(comp));
+          if (pref.type === pond.BinComponent.BIN_COMPONENT_HEATER)
+            heaters.push(Controller.create(comp));
+          if (pref.type === pond.BinComponent.BIN_COMPONENT_FAN) fans.push(Controller.create(comp));
+          if (pref.type === pond.BinComponent.BIN_COMPONENT_PRESSURE)
+            pressures.push(Pressure.create(comp));
+          if (pref.type === pond.BinComponent.BIN_COMPONENT_HEADSPACE) {
+            if (comp.type() === quack.ComponentType.COMPONENT_TYPE_DHT) {
+              headspace.push(Headspace.create(comp));
+            } else if (comp.type() === quack.ComponentType.COMPONENT_TYPE_LIDAR) {
+              lidar.push(comp);
+            } else if (comp.type() === quack.ComponentType.COMPONENT_TYPE_CO2) {
+              headspaceCo2s.push(comp);
+            }
+          }
+        } else {
+          unassigned.push(comp);
+        }
+      } else {
+        unassigned.push(comp);
+      }
+    });
+    setPlenums(plenums);
+    setAmbients(ambients);
+    setGrainCables(grainCables);
+    setHeaters(heaters);
+    setFans(fans);
+    setPressures(pressures);
+    setHeadspace(headspace);
+    setLidars(lidar);
+    setHeadspaceCo2s(headspaceCo2s);
+    setUnassigned(unassigned);
+  }, [components, preferences, setPlenums, setGrainCables, setHeaters, selectType, setPressures]);
+
+  const getOptions = () => {
+    let options: JSX.Element[] = [];
+
+    if (!componentUnassigned) {
+      options.push(
+        <MenuItem
+          key="remove"
+          onClick={() => {
+            selectType(selectedComponentKey, pond.BinComponent.BIN_COMPONENT_UNKNOWN);
+            updateBinStatus([selectedComponentKey], true);
+          }}>
+          Remove
+        </MenuItem>
+      );
+    }
+    if (
+      selectedComponentType === quack.ComponentType.COMPONENT_TYPE_DHT ||
+      selectedComponentType === quack.ComponentType.COMPONENT_TYPE_GRAIN_CABLE
+    ) {
+      options.push(
+        <MenuItem
+          key="ambientOption"
+          onClick={() => {
+            selectType(selectedComponentKey, pond.BinComponent.BIN_COMPONENT_AMBIENT);
+          }}>
+          Ambient
+        </MenuItem>
+      );
+      options.push(
+        <MenuItem
+          key="plenumOption"
+          onClick={() => {
+            selectType(selectedComponentKey, pond.BinComponent.BIN_COMPONENT_PLENUM);
+          }}>
+          Plenum
+        </MenuItem>
+      );
+    }
+    if (
+      selectedComponentType === quack.ComponentType.COMPONENT_TYPE_DHT ||
+      selectedComponentType === quack.ComponentType.COMPONENT_TYPE_LIDAR ||
+      selectedComponentType === quack.ComponentType.COMPONENT_TYPE_CO2
+    ) {
+      options.push(
+        <MenuItem
+          key="headspaceOption"
+          onClick={() => {
+            selectType(selectedComponentKey, pond.BinComponent.BIN_COMPONENT_HEADSPACE);
+            updateBinStatus([selectedComponentKey]);
+          }}>
+          Headspace
+        </MenuItem>
+      );
+    }
+    if (
+      selectedComponentType === quack.ComponentType.COMPONENT_TYPE_PRESSURE ||
+      selectedComponentType === quack.ComponentType.COMPONENT_TYPE_PRESSURE_CABLE
+    ) {
+      options.push(
+        <MenuItem
+          key="pressureOption"
+          onClick={() => {
+            selectType(selectedComponentKey, pond.BinComponent.BIN_COMPONENT_PRESSURE);
+          }}>
+          Plenum Pressure
+        </MenuItem>
+      );
+    }
+    if (selectedComponentType === quack.ComponentType.COMPONENT_TYPE_GRAIN_CABLE) {
+      options.push(
+        <MenuItem
+          key="cableOption"
+          onClick={() => {
+            selectType(
+              selectedComponentKey,
+              pond.BinComponent.BIN_COMPONENT_GRAIN_CABLE,
+              selectedComponentTopNode
+            );
+          }}>
+          Grain Cable
+        </MenuItem>
+      );
+    }
+    if (selectedComponentType === quack.ComponentType.COMPONENT_TYPE_BOOLEAN_OUTPUT) {
+      options.push(
+        <MenuItem
+          key="controlOption"
+          onClick={() => {
+            if (
+              selectedComponentSubtype === quack.BooleanOutputSubtype.BOOLEAN_OUTPUT_SUBTYPE_HEATER
+            ) {
+              selectType(selectedComponentKey, pond.BinComponent.BIN_COMPONENT_HEATER);
+            } else if (
+              selectedComponentSubtype ===
+              quack.BooleanOutputSubtype.BOOLEAN_OUTPUT_SUBTYPE_AERATION_FAN
+            ) {
+              selectType(selectedComponentKey, pond.BinComponent.BIN_COMPONENT_FAN);
+            }
+          }}>
+          Heaters & Fans
+        </MenuItem>
+      );
+    }
+
+    if (options.length === 0) {
+      return <MenuItem>No Available Options</MenuItem>;
+    } else {
+      return options;
+    }
+  };
+
+  const assignmentMenu = () => {
+    return (
+      <Menu
+        id="groupMenu"
+        anchorEl={anchorEl}
+        open={Boolean(anchorEl)}
+        onClose={() => setAnchorEl(null)}
+        keepMounted
+        disableAutoFocusItem>
+        {getOptions()}
+      </Menu>
+    );
+  };
+
+  const grainCableList = () => {
+    if (grainCables.length < 1) return null;
+    return (
+      <React.Fragment>
+        <ListSubheader component="div" disableGutters>
+          Grain Cables
+        </ListSubheader>
+        <Divider />
+        {grainCables.map((cable, index) => {
+          let cIcon = GetComponentIcon(
+            cable.settings.type,
+            cable.settings.subtype,
+            theme.palette.mode
+          );
+          return (
+            <ListItem key={index} style={{ height: theme.spacing(8) }}>
+              <ListItemAvatar>
+                <Avatar
+                  variant="square"
+                  src={cIcon}
+                  alt={cable.name()}
+                  style={{ width: theme.spacing(3), height: theme.spacing(3) }}
+                />
+              </ListItemAvatar>
+              <ListItemText inset={cIcon === undefined}>{cable.name()}</ListItemText>
+              <ListItemSecondaryAction>
+                <Grid container direction="row" alignItems="center">
+                  <Grid>
+                    <Box className={classes.bgItem}>
+                      <Box style={{ display: "flex", flexDirection: "row" }}>
+                        <Box>
+                          <Typography variant="body2" color="textSecondary">
+                            {tempUnit === pond.TemperatureUnit.TEMPERATURE_UNIT_FAHRENHEIT
+                              ? "°F"
+                              : "°C"}
+                          </Typography>
+                        </Box>
+                        <Box display={"flex"} alignItems="center" textAlign="center">
+                          <Typography
+                            variant="body2"
+                            style={{ color: cable.tempColour(), marginLeft: theme.spacing(1.5) }}>
+                            {isFinite(cable.minTemp(tempUnit)) && !isNaN(cable.minTemp(tempUnit))
+                              ? cable.minTemp(tempUnit).toFixed(1)
+                              : "--"}
+                          </Typography>
+                          <Typography
+                            variant="body2"
+                            style={{ color: cable.tempColour(), marginLeft: theme.spacing(1.5) }}>
+                            {isFinite(cable.aveTemp(tempUnit)) && !isNaN(cable.aveTemp(tempUnit))
+                              ? cable.aveTemp(tempUnit).toFixed(1)
+                              : "--"}
+                          </Typography>
+                          <Typography
+                            variant="body2"
+                            style={{ color: cable.tempColour(), marginLeft: theme.spacing(1.5) }}>
+                            {isFinite(cable.maxTemp(tempUnit)) && !isNaN(cable.maxTemp(tempUnit))
+                              ? cable.maxTemp(tempUnit).toFixed(1)
+                              : "--"}
+                          </Typography>
+                        </Box>
+                      </Box>
+                      <Box marginY={0.25}>
+                        <Divider style={{ background: "gold" }} />
+                      </Box>
+                      <Box style={{ display: "flex", flexDirection: "row" }}>
+                        <Box>
+                          <Typography
+                            variant="body2"
+                            color="textSecondary"
+                            style={{ marginLeft: theme.spacing(0.4) }}>
+                            %
+                          </Typography>
+                        </Box>
+                        <Box display={"flex"} alignItems="center" textAlign="center">
+                          <Typography
+                            variant="body2"
+                            style={{ color: cable.humidColour(), marginLeft: theme.spacing(1.5) }}>
+                            {isFinite(cable.minHumidity()) && !isNaN(cable.minHumidity())
+                              ? cable.minHumidity().toFixed(1)
+                              : "--"}
+                          </Typography>
+                          <Typography
+                            variant="body2"
+                            style={{ color: cable.humidColour(), marginLeft: theme.spacing(1.5) }}>
+                            {isFinite(cable.aveHumidity()) && !isNaN(cable.aveHumidity())
+                              ? cable.aveHumidity().toFixed(1)
+                              : "--"}
+                          </Typography>
+                          <Typography
+                            variant="body2"
+                            style={{ color: cable.humidColour(), marginLeft: theme.spacing(1.5) }}>
+                            {isFinite(cable.maxHumidity()) && !isNaN(cable.maxHumidity())
+                              ? cable.maxHumidity().toFixed(1)
+                              : "--"}
+                          </Typography>
+                        </Box>
+                      </Box>
+                    </Box>
+                  </Grid>
+                  <Grid >
+                    <IconButton
+                      onClick={(event: React.MouseEvent<HTMLButtonElement>) => {
+                        setComponentUnnassigned(false);
+                        setSelectedComponentType(cable.type());
+                        setSelectedComponentKey(cable.key());
+                        setSelectedComponentTopNode(cable.settings.grainFilledTo);
+                        setAnchorEl(event.currentTarget);
+                      }}>
+                      <MoreVert />
+                    </IconButton>
+                  </Grid>
+                </Grid>
+              </ListItemSecondaryAction>
+            </ListItem>
+          );
+        })}
+      </React.Fragment>
+    );
+  };
+
+  const controllerList = (heaters: Controller[], fans: Controller[]) => {
+    if (heaters.length < 1 && fans.length < 1) return null;
+    let controllers = heaters.concat(fans);
+    return (
+      <React.Fragment>
+        <ListSubheader component="div" disableGutters>
+          Heaters & Fans
+        </ListSubheader>
+        <Divider />
+        {controllers.map((controller, index) => {
+          let cIcon = GetComponentIcon(
+            controller.settings.type,
+            controller.settings.subtype,
+            theme.palette.mode
+          );
+          return (
+            <ListItem key={index}>
+              <ListItemAvatar>
+                <Avatar
+                  variant="square"
+                  src={cIcon}
+                  alt={controller.name()}
+                  style={{ width: theme.spacing(3), height: theme.spacing(3) }}
+                />
+              </ListItemAvatar>
+              <ListItemText inset={cIcon === undefined}>{controller.name()}</ListItemText>
+              <ListItemSecondaryAction>
+                <Grid container direction="row" alignItems="center">
+                  <Grid >
+                    <Box className={classes.bgItem} padding={1}>
+                      <div style={{ display: "flex", flexDirection: "row", margin: "auto" }}>
+                        <Typography variant="body2" style={{ color: controller.color() }}>
+                          {controller.on ? "On" : "Off"}
+                        </Typography>
+                      </div>
+                    </Box>
+                  </Grid>
+                  <Grid >
+                    <IconButton
+                      onClick={(event: React.MouseEvent<HTMLButtonElement>) => {
+                        setComponentUnnassigned(false);
+                        setSelectedComponentType(controller.type());
+                        setSelectedComponentSubtype(controller.subType());
+                        setSelectedComponentKey(controller.key());
+                        setAnchorEl(event.currentTarget);
+                      }}>
+                      <MoreVert />
+                    </IconButton>
+                  </Grid>
+                </Grid>
+              </ListItemSecondaryAction>
+            </ListItem>
+          );
+        })}
+      </React.Fragment>
+    );
+  };
+
+  const pressureList = () => {
+    if (pressures.length < 1) return null;
+    return (
+      <React.Fragment>
+        <ListSubheader component="div" disableGutters>
+          Plenum Pressure
+        </ListSubheader>
+        <Divider />
+        {pressures.map((component, index) => {
+          let cIcon = GetComponentIcon(
+            component.settings.type,
+            component.settings.subtype,
+            theme.palette.mode
+          );
+          return (
+            <ListItem key={index}>
+              <ListItemAvatar>
+                <Avatar
+                  variant="square"
+                  src={cIcon}
+                  alt={component.name()}
+                  style={{ width: theme.spacing(3), height: theme.spacing(3) }}
+                />
+              </ListItemAvatar>
+              <ListItemText inset={cIcon === undefined}>{component.name()}</ListItemText>
+              <ListItemSecondaryAction>
+                <Grid container direction="row" alignItems="center">
+                  <Grid>
+                    <Box className={classes.bgItem} padding={1}>
+                      <div style={{ display: "flex", flexDirection: "row", margin: "auto" }}>
+                        <Typography variant="body2" style={{ color: Pressure.colour() }}>
+                          {component.getPressureString(pressureUnit)}
+                        </Typography>
+                      </div>
+                    </Box>
+                  </Grid>
+                  <Grid>
+                    <IconButton
+                      onClick={(event: React.MouseEvent<HTMLButtonElement>) => {
+                        setComponentUnnassigned(false);
+                        setSelectedComponentType(component.type());
+                        setSelectedComponentKey(component.key());
+                        setAnchorEl(event.currentTarget);
+                      }}>
+                      <MoreVert />
+                    </IconButton>
+                  </Grid>
+                </Grid>
+              </ListItemSecondaryAction>
+            </ListItem>
+          );
+        })}
+      </React.Fragment>
+    );
+  };
+
+  const plenumList = (plenums: Plenum[]) => {
+    if (plenums.length < 1) return null;
+    return (
+      <React.Fragment>
+        <ListSubheader component="div" disableGutters>
+          Plenums
+        </ListSubheader>
+        <Divider />
+        {plenums.map((component, index) => {
+          let cIcon = GetComponentIcon(
+            component.settings.type,
+            component.settings.subtype,
+            theme.palette.mode
+          );
+          return (
+            <ListItem key={index}>
+              <ListItemAvatar>
+                <Avatar
+                  variant="square"
+                  src={cIcon}
+                  alt={component.name()}
+                  style={{ width: theme.spacing(3), height: theme.spacing(3) }}
+                />
+              </ListItemAvatar>
+              <ListItemText inset={cIcon === undefined}>{component.name()}</ListItemText>
+              <ListItemSecondaryAction>
+                <Grid container direction="row" alignItems="center">
+                  <Grid>
+                    <Box className={classes.bgItem} padding={1}>
+                      <div style={{ display: "flex", flexDirection: "row" }}>
+                        <Typography variant="body2" style={{ color: Plenum.tempColour() }}>
+                          {component.getTempString(user.settings.temperatureUnit) + ","}
+                        </Typography>
+                        <Typography
+                          variant="body2"
+                          style={{
+                            color: Plenum.humidColour(),
+                            marginLeft: theme.spacing(1)
+                          }}>
+                          {component.getHumidityString()}
+                        </Typography>
+                      </div>
+                    </Box>
+                  </Grid>
+                  <Grid>
+                    <IconButton
+                      onClick={(event: React.MouseEvent<HTMLButtonElement>) => {
+                        setComponentUnnassigned(false);
+                        setSelectedComponentType(component.type());
+                        setSelectedComponentKey(component.key());
+                        setAnchorEl(event.currentTarget);
+                      }}>
+                      <MoreVert />
+                    </IconButton>
+                  </Grid>
+                </Grid>
+              </ListItemSecondaryAction>
+            </ListItem>
+          );
+        })}
+      </React.Fragment>
+    );
+  };
+
+  const ambientList = (ambients: Ambient[]) => {
+    if (ambients.length < 1) return null;
+    return (
+      <React.Fragment>
+        <ListSubheader component="div" disableGutters>
+          Ambient
+        </ListSubheader>
+        <Divider />
+        {ambients.map((component, index) => {
+          let cIcon = GetComponentIcon(
+            component.settings.type,
+            component.settings.subtype,
+            theme.palette.mode
+          );
+          return (
+            <ListItem key={index}>
+              <ListItemAvatar>
+                <Avatar
+                  variant="square"
+                  src={cIcon}
+                  alt={component.name()}
+                  style={{ width: theme.spacing(3), height: theme.spacing(3) }}
+                />
+              </ListItemAvatar>
+              <ListItemText inset={cIcon === undefined}>{component.name()}</ListItemText>
+              <ListItemSecondaryAction>
+                <Grid container direction="row" alignItems="center">
+                  <Grid>
+                    <Box className={classes.bgItem} padding={1}>
+                      <div style={{ display: "flex", flexDirection: "row" }}>
+                        <Typography variant="body2" style={{ color: Ambient.tempColour() }}>
+                          {component.getTempString(user.settings.temperatureUnit) + ","}
+                        </Typography>
+                        <Typography
+                          variant="body2"
+                          style={{
+                            color: Ambient.humidColour(),
+                            marginLeft: theme.spacing(1)
+                          }}>
+                          {component.getHumidityString()}
+                        </Typography>
+                      </div>
+                    </Box>
+                  </Grid>
+                  <Grid>
+                    <IconButton
+                      onClick={(event: React.MouseEvent<HTMLButtonElement>) => {
+                        setComponentUnnassigned(false);
+                        setSelectedComponentType(component.type());
+                        setSelectedComponentKey(component.key());
+                        setAnchorEl(event.currentTarget);
+                      }}>
+                      <MoreVert />
+                    </IconButton>
+                  </Grid>
+                </Grid>
+              </ListItemSecondaryAction>
+            </ListItem>
+          );
+        })}
+      </React.Fragment>
+    );
+  };
+
+  const formatDistance = (distanceCM: number) => {
+    if (user.settings.distanceUnit === pond.DistanceUnit.DISTANCE_UNIT_METERS) {
+      return distanceCM / 100 + "m";
+    } else if (user.settings.distanceUnit === pond.DistanceUnit.DISTANCE_UNIT_FEET) {
+      return (distanceCM / 30.48).toFixed(2) + "ft";
+    }
+    return distanceCM + "cm";
+  };
+
+  const headspaceList = (sensors: Headspace[], lidars: Component[], headspaceCo2s: Component[]) => {
+    if (sensors.length < 1 && lidars.length < 1 && headspaceCo2s.length < 1) return null;
+    let headspaceComponents = lidars.concat(headspaceCo2s);
+    return (
+      <React.Fragment>
+        <ListSubheader component="div" disableGutters>
+          Headspace
+        </ListSubheader>
+        <Divider />
+        {sensors.map((component, index) => {
+          let cIcon = GetComponentIcon(
+            component.settings.type,
+            component.settings.subtype,
+            theme.palette.mode
+          );
+          return (
+            <ListItem key={index}>
+              <ListItemAvatar>
+                <Avatar
+                  variant="square"
+                  src={cIcon}
+                  alt={component.name()}
+                  style={{ width: theme.spacing(3), height: theme.spacing(3) }}
+                />
+              </ListItemAvatar>
+              <ListItemText inset={cIcon === undefined}>{component.name()}</ListItemText>
+
+              <ListItemSecondaryAction>
+                <Grid container direction="row" alignItems="center">
+                  <Grid >
+                    <Box className={classes.bgItem} padding={1}>
+                      <div style={{ display: "flex", flexDirection: "row" }}>
+                        <Typography variant="body2" style={{ color: Plenum.tempColour() }}>
+                          {component.getTempString(user.settings.temperatureUnit) + ","}
+                        </Typography>
+                        <Typography
+                          variant="body2"
+                          style={{
+                            color: Plenum.humidColour(),
+                            marginLeft: theme.spacing(1)
+                          }}>
+                          {component.getHumidityString()}
+                        </Typography>
+                      </div>
+                    </Box>
+                  </Grid>
+                  <Grid >
+                    <IconButton
+                      onClick={(event: React.MouseEvent<HTMLButtonElement>) => {
+                        setComponentUnnassigned(false);
+                        setSelectedComponentType(component.type());
+                        setSelectedComponentKey(component.key());
+                        setAnchorEl(event.currentTarget);
+                      }}>
+                      <MoreVert />
+                    </IconButton>
+                  </Grid>
+                </Grid>
+              </ListItemSecondaryAction>
+            </ListItem>
+          );
+        })}
+        {headspaceComponents.map((component, index) => {
+          let cIcon = GetComponentIcon(
+            component.settings.type,
+            component.settings.subtype,
+            theme.palette.mode
+          );
+
+          let colour = "white"; //default colour if there are no measurements to get the type from
+
+          let dString = "--";
+          if (
+            component.status.measurement[0] &&
+            component.status.measurement[0].values[0] &&
+            component.status.measurement[0].values[0].values[0]
+          ) {
+            colour = describeMeasurement(
+              component.status.measurement[0].type,
+              component.type(),
+              component.subType()
+            ).colour();
+            dString = formatDistance(component.status.measurement[0].values[0].values[0]);
+          }
+
+          return (
+            <ListItem key={index}>
+              <ListItemAvatar>
+                <Avatar
+                  variant="square"
+                  src={cIcon}
+                  alt={component.name()}
+                  style={{ width: theme.spacing(3), height: theme.spacing(3) }}
+                />
+              </ListItemAvatar>
+              <ListItemText inset={cIcon === undefined}>{component.name()}</ListItemText>
+
+              <ListItemSecondaryAction>
+                <Grid container direction="row" alignItems="center">
+                  <Grid >
+                    <Box className={classes.bgItem} padding={1}>
+                      <div style={{ display: "flex", flexDirection: "row" }}>
+                        <Typography
+                          variant="body2"
+                          style={{
+                            color: colour
+                          }}>
+                          {dString}
+                        </Typography>
+                      </div>
+                    </Box>
+                  </Grid>
+                  <Grid >
+                    <IconButton
+                      onClick={(event: React.MouseEvent<HTMLButtonElement>) => {
+                        setComponentUnnassigned(false);
+                        setSelectedComponentType(component.type());
+                        setSelectedComponentKey(component.key());
+                        setAnchorEl(event.currentTarget);
+                      }}>
+                      <MoreVert />
+                    </IconButton>
+                  </Grid>
+                </Grid>
+              </ListItemSecondaryAction>
+            </ListItem>
+          );
+        })}
+      </React.Fragment>
+    );
+  };
+
+  const unassignedList = (sensors: Component[]) => {
+    if (sensors.length < 1) return null;
+    return (
+      <React.Fragment>
+        <ListSubheader component="div" disableGutters>
+          Unassigned Components
+        </ListSubheader>
+        <Divider />
+        {sensors.map((component, index) => {
+          let cIcon = GetComponentIcon(
+            component.settings.type,
+            component.settings.subtype,
+            theme.palette.mode
+          );
+          return (
+            <ListItem key={index}>
+              <ListItemAvatar>
+                <Avatar
+                  variant="square"
+                  src={cIcon}
+                  alt={component.name()}
+                  style={{ width: theme.spacing(3), height: theme.spacing(3) }}
+                />
+              </ListItemAvatar>
+              <ListItemText inset={cIcon === undefined}>{component.name()}</ListItemText>
+              <ListItemSecondaryAction>
+                <IconButton
+                  onClick={(event: React.MouseEvent<HTMLButtonElement>) => {
+                    setComponentUnnassigned(true);
+                    setSelectedComponentType(component.type());
+                    setSelectedComponentSubtype(component.subType());
+                    setSelectedComponentKey(component.key());
+                    setAnchorEl(event.currentTarget);
+                  }}>
+                  <MoreVert />
+                </IconButton>
+              </ListItemSecondaryAction>
+            </ListItem>
+          );
+        })}
+      </React.Fragment>
+    );
+  };
+
+  const noComponents = () => {
+    return (
+      <Box style={{ margin: "auto" }} textAlign="center">
+        <Typography variant="subtitle1" color="textSecondary">
+          No attached components.
+        </Typography>
+        <Typography variant="subtitle1" color="textSecondary">
+          Go to settings to assign components from your devices.
+        </Typography>
+      </Box>
+    );
+  };
+
+  if (components.size < 1) return noComponents();
+
+  return (
+    <React.Fragment>
+      <List
+        //subheader={<ListSubheader>Bin Components</ListSubheader>}
+        style={{ padding: theme.spacing(1), width: "100%" }}>
+        {plenumList(plenums)}
+        {ambientList(ambients)}
+        {headspaceList(headspace, lidars, headspaceCo2s)}
+        {grainCableList()}
+        {controllerList(heaters, fans)}
+        {pressureList()}
+        {unassignedList(unassigned)}
+        {assignmentMenu()}
+      </List>
+    </React.Fragment>
+  );
+}
diff --git a/src/bin/BinComponents.tsx b/src/bin/BinComponents.tsx
new file mode 100644
index 0000000..0bc9e63
--- /dev/null
+++ b/src/bin/BinComponents.tsx
@@ -0,0 +1,605 @@
+import {
+  Autocomplete,
+  Avatar,
+  Box,
+  Button,
+  CircularProgress,
+  DialogActions,
+  DialogContent,
+  DialogContentText,
+  DialogTitle,
+  Divider,
+  Grid2 as Grid,
+  IconButton,
+  List,
+  ListItem,
+  ListItemAvatar,
+  ListItemButton,
+  ListItemSecondaryAction,
+  ListItemText,
+  ListSubheader,
+  Tab,
+  Tabs,
+  TextField,
+  Theme,
+  Tooltip,
+  Typography,
+  useTheme
+} from "@mui/material";
+import { Component, Device } from "models";
+import { pond } from "protobuf-ts/pond";
+import React, { useCallback, useEffect, useState } from "react";
+import { useComponentAPI, useDeviceAPI, useSnackbar } from "hooks";
+// import { Autocomplete } from "@material-ui/lab";
+import { useBinAPI } from "providers";
+import { GetComponentIcon } from "pbHelpers/ComponentType";
+import { CheckBox as CheckBoxIcon, CheckBoxOutlineBlank, Remove } from "@mui/icons-material";
+import ResponsiveDialog from "common/ResponsiveDialog";
+import { quack } from "protobuf-ts/quack";
+import { GetProductDefaults } from "products/DeviceProduct";
+import DeviceWizard from "device/DeviceWizard";
+import { makeStyles } from "@mui/styles";
+
+const useStyles = makeStyles((theme: Theme) => {
+  return ({
+    stepper: {
+      padding: theme.spacing(0.5)
+    },
+    secondaryColor: {
+      color: theme.palette.secondary.main
+    },
+    textSecondaryColor: {
+      color: theme.palette.text.secondary
+    },
+    bottomSpacing: {
+      marginBottom: theme.spacing(1)
+    },
+    tabs: {
+      width: "100%",
+      boxSizing: "border-box",
+      flexShrink: 1
+    },
+    tabSmall: {
+      width: "100%",
+      boxSizing: "border-box",
+      flexShrink: 1,
+      minWidth: "48px",
+      marginTop: 0,
+      paddingTop: 0
+    }
+  })
+});
+
+interface Props {
+  components?: Map<string, Component>;
+  setComponents?: React.Dispatch<React.SetStateAction<Map<string, Component>>>;
+  bin: string;
+  binGrain: pond.Grain;
+  updateBinStatus?: (componentKeys: string[], removed?: boolean) => void;
+}
+
+interface Option {
+  label: string;
+  id: number;
+  icon?: string;
+}
+
+export default function BinComponents(props: Props) {
+  const { components, bin, setComponents, updateBinStatus, binGrain } = props;
+  const classes = useStyles();
+  const binAPI = useBinAPI();
+  const theme = useTheme();
+  const deviceAPI = useDeviceAPI();
+  const componentAPI = useComponentAPI();
+  const snackbar = useSnackbar();
+  const [devicesLoading, setDevicesLoading] = useState<boolean>(false);
+  const [componentsLoading, setComponentsLoading] = useState<boolean>(false);
+  const [deviceOptions, setDeviceOptions] = useState<Option[]>([]);
+  const [devMap, setDevMap] = useState<Map<number, Device>>(new Map());
+  const [selectedDevice, setSelectedDevice] = useState<number>(-1);
+  const [deviceComponents] = useState<Map<number, Component[]>>(new Map<number, Component[]>());
+  const [activeStep, setActiveStep] = useState(0);
+  const [componentToRemove, setComponentToRemove] = useState<Component | undefined>(undefined);
+  const [removeAllDialog, setRemoveAllDialog] = useState(false);
+  const [wizardOpen, setWizardOpen] = useState(false);
+  const [setupAllowed, setSetupAllowed] = useState(false);
+
+  const loadDevices = useCallback(() => {
+    let mounted = true;
+    setDevicesLoading(true);
+    deviceAPI
+      .list(100000, 0, "asc", "name")
+      .then(response => {
+        if (mounted) {
+          let data = response.data.devices ? response.data.devices : [];
+          let newDevMap: Map<number, Device> = new Map();
+          let devices: Option[] = data.map(d => {
+            let device = Device.create(pond.Device.fromObject(d));
+            newDevMap.set(device.id(), device);
+            return { id: device.id(), label: device.name() } as Option;
+          });
+          setDevMap(newDevMap);
+          setDeviceOptions(devices);
+        }
+      })
+      .catch(() => {
+        if (mounted) {
+          setDeviceOptions([]);
+        }
+      })
+      .finally(() => {
+        if (mounted) {
+          setDevicesLoading(false);
+        }
+      });
+    return () => {
+      mounted = false;
+    };
+  }, [deviceAPI]);
+
+  useEffect(() => {
+    loadDevices();
+  }, [loadDevices]);
+
+  const loadComponents = useCallback(
+    (forceLoad?: boolean) => {
+      if (selectedDevice < 1) return;
+      let comps = deviceComponents.get(selectedDevice);
+      if (comps === undefined || forceLoad) {
+        comps = [];
+        setComponentsLoading(true);
+        componentAPI
+          .list(selectedDevice, false, [selectedDevice.toString()], ["device"], true)
+          .then(resp => {
+            let d = pond.ListComponentsResponse.fromObject(resp.data);
+            d.components.forEach(comp => {
+              // Don't show modems
+              if (comp.settings?.type === quack.ComponentType.COMPONENT_TYPE_MODEM) return;
+              let c = Component.create(comp);
+              if (c.permissions.includes(pond.Permission.PERMISSION_WRITE)) {
+                setSetupAllowed(true);
+              }
+              comps!.push(c);
+            });
+            if (comps) deviceComponents.set(selectedDevice, comps);
+          })
+          .catch(err => {
+            snackbar.error(err);
+          })
+          .finally(() => {
+            setComponentsLoading(false);
+          });
+      }
+    },
+    [selectedDevice, componentAPI, deviceComponents, snackbar]
+  );
+
+  useEffect(() => {
+    loadComponents();
+  }, [loadComponents]);
+
+  // useEffect(() => {
+  //   if (selectedDevice < 1) return;
+  //   let comps = deviceComponents.get(selectedDevice);
+  //   if (comps === undefined) {
+  //     comps = [];
+  //     setComponentsLoading(true);
+  //     componentAPI
+  //       .list(selectedDevice, false, [selectedDevice.toString()], ["device"], true)
+  //       .then(resp => {
+  //         let d = pond.ListComponentsResponse.fromObject(resp.data);
+  //         d.components.forEach(comp => {
+  //           // Don't show modems
+  //           if (comp.settings?.type === quack.ComponentType.COMPONENT_TYPE_MODEM) return;
+  //           let c = Component.create(comp)
+  //           if(c.permissions.includes(pond.Permission.PERMISSION_WRITE)){
+  //             setSetupAllowed(true)
+  //           }
+  //           comps!.push(c);
+  //         });
+  //         if (comps) deviceComponents.set(selectedDevice, comps);
+  //       })
+  //       .catch(err => {
+  //         snackbar.error(err);
+  //       })
+  //       .finally(() => {
+  //         setComponentsLoading(false);
+  //       });
+  //   }
+  // }, [selectedDevice, componentAPI, deviceComponents, snackbar]);
+
+  const removeComponent = (component: string) => {
+    binAPI.removeComponent(bin, component).then(() => {
+      if (components && setComponents) {
+        if (components.delete(component)) {
+          let newComponents = new Map(components);
+          setComponents(newComponents);
+        }
+      }
+      snackbar.info("Component removed from bin");
+    });
+    setComponentToRemove(undefined);
+  };
+
+  const removeComponentConfirmation = () => {
+    return (
+      <ResponsiveDialog
+        fullScreen={false}
+        open={componentToRemove !== undefined}
+        onClose={() => setComponentToRemove(undefined)}>
+        <DialogTitle>Remove {componentToRemove?.name()}?</DialogTitle>
+        <DialogContent>
+          <DialogContentText>
+            This will remove {componentToRemove?.name()} from this bin. If you don't have direct
+            access to this component or the device it is attached to, you will not be able to add it
+            back.
+          </DialogContentText>
+        </DialogContent>
+        <DialogActions>
+          <Button onClick={() => setComponentToRemove(undefined)} color="primary">
+            Cancel
+          </Button>
+          <Button onClick={() => removeComponent(componentToRemove!.key())} color="primary">
+            Remove
+          </Button>
+        </DialogActions>
+      </ResponsiveDialog>
+    );
+  };
+
+  const removeAllConfirmation = () => {
+    return (
+      <ResponsiveDialog
+        fullScreen={false}
+        open={removeAllDialog}
+        onClose={() => setRemoveAllDialog(false)}>
+        <DialogTitle>Remove All Components?</DialogTitle>
+        <DialogContent>
+          <DialogContentText>
+            This will remove All attached components from this bin. If you don't have direct access
+            to these components or the devices they are attached to, you will not be able to add
+            them back.
+          </DialogContentText>
+        </DialogContent>
+        <DialogActions>
+          <Button onClick={() => setRemoveAllDialog(false)} color="primary">
+            Cancel
+          </Button>
+          <Button onClick={() => removeAll()} color="primary">
+            Remove
+          </Button>
+        </DialogActions>
+      </ResponsiveDialog>
+    );
+  };
+
+  const determinePreset = (comp: Component, devProduct?: pond.DeviceProduct) => {
+    let preset = pond.BinComponent.BIN_COMPONENT_UNKNOWN;
+    if (devProduct) {
+      let defaults = GetProductDefaults(devProduct);
+      let plenumAddresses: string[] | undefined = defaults?.get("plenum");
+      let headspaceAddresses: string[] | undefined = defaults?.get("headspace");
+      let pressureAddresses: string[] | undefined = defaults?.get("pressure");
+      let heatersFansAddresses: string[] | undefined = defaults?.get("heatersFans");
+      if (plenumAddresses && plenumAddresses.includes(comp.locationString())) {
+        preset = pond.BinComponent.BIN_COMPONENT_PLENUM;
+      } else if (pressureAddresses && pressureAddresses.includes(comp.locationString())) {
+        preset = pond.BinComponent.BIN_COMPONENT_PRESSURE;
+      } else if (headspaceAddresses && headspaceAddresses.includes(comp.locationString())) {
+        preset = pond.BinComponent.BIN_COMPONENT_HEADSPACE;
+      } else if (heatersFansAddresses && heatersFansAddresses.includes(comp.locationString())) {
+        switch (comp.subType()) {
+          case quack.BooleanOutputSubtype.BOOLEAN_OUTPUT_SUBTYPE_HEATER:
+            preset = pond.BinComponent.BIN_COMPONENT_HEATER;
+            break;
+          case quack.BooleanOutputSubtype.BOOLEAN_OUTPUT_SUBTYPE_AERATION_FAN:
+          case quack.BooleanOutputSubtype.BOOLEAN_OUTPUT_SUBTYPE_EXHAUST_FAN:
+            preset = pond.BinComponent.BIN_COMPONENT_FAN;
+            break;
+        }
+      } else if (comp.type() === quack.ComponentType.COMPONENT_TYPE_GRAIN_CABLE) {
+        //grain cables should be treated as cables by default no matter what the address is
+        preset = pond.BinComponent.BIN_COMPONENT_GRAIN_CABLE;
+      } // else if ("is a pressure cable"){}
+    }
+    return preset;
+  };
+
+  const toggleComponent = (device: number, component: Component, checked: boolean) => {
+    if (checked) {
+      let devObj = devMap.get(device);
+      let preset = determinePreset(component, devObj?.settings.product);
+      let preferences = pond.BinComponentPreferences.create({
+        type: preset,
+        node: component.settings.grainFilledTo ?? 0
+      });
+      binAPI.addComponent(bin, device, component.key(), preferences).then(resp => {
+        if (components && setComponents) {
+          if (components.set(component.key(), component)) {
+            let newComponents = new Map(components);
+            setComponents(newComponents);
+          }
+        }
+        //if a grain cable was added to the bin update the components grain type to match the bin
+        if (preferences.type === pond.BinComponent.BIN_COMPONENT_GRAIN_CABLE) {
+          let settings = component.settings;
+          settings.grainType = binGrain;
+          settings.defaultMutations = [pond.Mutator.MUTATOR_EMC];
+          componentAPI
+            .update(device, settings)
+            .then(resp => {
+              snackbar.info("Component added to bin, and updated cables grain type");
+            })
+            .catch(err => {
+              snackbar.info("Component added to bin, but failed to update grain type on cable");
+            });
+        } else {
+          snackbar.info("Component added to bin");
+        }
+      });
+    } else {
+      binAPI.removeComponent(bin, component.key()).then(resp => {
+        if (components && setComponents) {
+          if (components.delete(component.key())) {
+            let newComponents = new Map(components);
+            setComponents(newComponents);
+          }
+        }
+        snackbar.info("Component removed from bin");
+      });
+    }
+  };
+
+  const removeAll = () => {
+    binAPI.removeAllComponents(bin).then(resp => {
+      if (setComponents) {
+        setComponents(new Map());
+      }
+      if (components && updateBinStatus) {
+        updateBinStatus(Array.from(components.keys()), true);
+      }
+      snackbar.info("All components removed from bin");
+      setRemoveAllDialog(false);
+    });
+  };
+
+  const deviceComponentsDisplay = (device: number) => {
+    if (deviceComponents.get(device) && deviceComponents.get(device)!.length < 1) {
+      return (
+        <Typography
+          variant="subtitle2"
+          style={{
+            margin: theme.spacing(2),
+            display: "flex",
+            justifyContent: "center"
+          }}>
+          No Sensors
+        </Typography>
+      );
+    }
+    return (
+      <React.Fragment>
+        {deviceComponents.get(device)?.map((comp, index) => {
+          let cIcon = GetComponentIcon(
+            comp.settings.type,
+            comp.settings.subtype,
+            theme.palette.mode
+          );
+          let share = comp.permissions.includes(pond.Permission.PERMISSION_SHARE);
+
+          return (
+            <React.Fragment key={index}>
+              <Tooltip
+                title={
+                  !share
+                    ? "User or team does not have share permissions on this device"
+                    : "Share component with bin"
+                }
+                key={index}>
+                <div>
+                  <ListItemButton
+                    disabled={!share}
+                    onClick={() =>
+                      toggleComponent(device, comp, components?.get(comp.key()) === undefined)
+                    }>
+                    {cIcon && (
+                      <ListItemAvatar>
+                        <Avatar
+                          variant="square"
+                          src={cIcon}
+                          alt={comp.name()}
+                          style={{ width: theme.spacing(3), height: theme.spacing(3) }}
+                        />
+                      </ListItemAvatar>
+                    )}
+                    <ListItemText inset={cIcon === undefined}>
+                      <Grid container direction="row" justifyContent="space-between">
+                        <Grid >{comp.name()}</Grid>
+                        <Grid >
+                          {components?.get(comp.key()) !== undefined ? (
+                            <CheckBoxIcon />
+                          ) : (
+                            <CheckBoxOutlineBlank />
+                          )}
+                        </Grid>
+                      </Grid>
+                    </ListItemText>
+                  </ListItemButton>
+                </div>
+              </Tooltip>
+              <Divider />
+            </React.Fragment>
+          );
+        })}
+      </React.Fragment>
+    );
+  };
+
+  const wizardDialog = () => {
+    let device = devMap.get(selectedDevice);
+    let components = deviceComponents.get(selectedDevice);
+    if (device && components) {
+      return (
+        <ResponsiveDialog
+          open={wizardOpen}
+          onClose={() => {
+            setWizardOpen(false);
+          }}>
+          <DeviceWizard
+            device={device}
+            components={components}
+            refreshCallback={() => {
+              loadComponents(true);
+            }}
+          />
+        </ResponsiveDialog>
+      );
+    }
+    return;
+  };
+
+  const componentsByDevice = () => {
+    return (
+      <React.Fragment>
+        <Typography variant="subtitle2" align="center" color="primary" gutterBottom>
+          Bin Sensors
+        </Typography>
+        <Box marginY={1}>
+          <Autocomplete
+            disablePortal
+            options={deviceOptions}
+            getOptionLabel={option => option.label || ""}
+            onChange={(_, newValue) => {
+              setSelectedDevice(newValue ? newValue.id : -1);
+            }}
+            renderInput={params => <TextField {...params} variant="outlined" label="Device" />}
+            loading={devicesLoading}
+          />
+          {selectedDevice < 0 ? (
+            <Typography
+              variant="subtitle2"
+              style={{
+                margin: theme.spacing(3),
+                display: "flex",
+                justifyContent: "center"
+              }}>
+              Select a device
+            </Typography>
+          ) : componentsLoading ? (
+            <CircularProgress />
+          ) : (
+            <React.Fragment>
+              {setupAllowed && (
+                <Button
+                  variant="contained"
+                  color="primary"
+                  onClick={() => {
+                    setWizardOpen(true);
+                  }}
+                  style={{ marginTop: 15 }}>
+                  Device Setup
+                </Button>
+              )}
+              <List
+                disablePadding
+                subheader={
+                  deviceComponents?.get(selectedDevice) && (
+                    <React.Fragment>
+                      <ListSubheader component="div" disableGutters>
+                        Choose Sensors
+                      </ListSubheader>
+                      <Divider />
+                    </React.Fragment>
+                  )
+                }>
+                {deviceComponentsDisplay(selectedDevice)}
+              </List>
+            </React.Fragment>
+          )}
+        </Box>
+      </React.Fragment>
+    );
+  };
+
+  const attachedComponents = () => {
+    if (components === undefined) return;
+    let comps = [...components.values()];
+    return (
+      <React.Fragment>
+        <Button
+          onClick={() => {
+            setRemoveAllDialog(true);
+          }}>
+          Remove All Components
+        </Button>
+        <List>
+          <ListSubheader component="div" disableGutters>
+            This Bin's Sensors
+          </ListSubheader>
+          <Divider />
+          {comps.length < 1 && (
+            <Typography
+              variant="subtitle2"
+              style={{
+                margin: theme.spacing(2),
+                display: "flex",
+                justifyContent: "center"
+              }}>
+              No Sensors
+            </Typography>
+          )}
+          {comps.map((component, index) => {
+            let cIcon = GetComponentIcon(
+              component.settings.type,
+              component.settings.subtype,
+              theme.palette.mode
+            );
+            return (
+              <React.Fragment key={index}>
+                <ListItem>
+                  <ListItemAvatar>
+                    <Avatar
+                      variant="square"
+                      src={cIcon}
+                      alt={component.name()}
+                      style={{ width: theme.spacing(3), height: theme.spacing(3) }}
+                    />
+                  </ListItemAvatar>
+                  <ListItemText inset={cIcon === undefined}>{component.name()}</ListItemText>
+                  <ListItemSecondaryAction>
+                    <IconButton onClick={() => setComponentToRemove(component)}>
+                      <Remove />
+                    </IconButton>
+                  </ListItemSecondaryAction>
+                </ListItem>
+                <Divider />
+              </React.Fragment>
+            );
+          })}
+        </List>
+      </React.Fragment>
+    );
+  };
+
+  return (
+    <React.Fragment>
+      <Tabs
+        value={activeStep}
+        onChange={(_, value) => setActiveStep(value)}
+        indicatorColor="primary"
+        textColor="primary"
+        variant="fullWidth"
+        aria-label="bin tabs"
+        classes={{ root: classes.tabSmall }}>
+        <Tab label={"Your Devices"} className={classes.tabSmall} />
+        <Tab label={"Attached"} className={classes.tabSmall} />
+      </Tabs>
+      <Box width="100%" marginTop={activeStep === 0 ? 2 : 1}>
+        {activeStep === 0 ? componentsByDevice() : attachedComponents()}
+      </Box>
+      {removeComponentConfirmation()}
+      {removeAllConfirmation()}
+      {wizardDialog()}
+    </React.Fragment>
+  );
+}
diff --git a/src/bin/BinSensors.tsx b/src/bin/BinSensors.tsx
new file mode 100644
index 0000000..f1c81ac
--- /dev/null
+++ b/src/bin/BinSensors.tsx
@@ -0,0 +1,145 @@
+import {
+  AppBar,
+  Box,
+  Button,
+  DialogActions,
+  DialogTitle,
+  Grid2 as Grid,
+  IconButton,
+  Toolbar,
+  Typography
+} from "@mui/material";
+import { Close } from "@mui/icons-material";
+import ResponsiveDialog from "common/ResponsiveDialog";
+import { useMobile } from "hooks";
+import { Bin, Component } from "models";
+import { pond } from "protobuf-ts/pond";
+import React, { useEffect, useState } from "react";
+import BinComponents from "./BinComponents";
+
+type Mode = "add" | "update" | "remove";
+
+interface Props {
+  open: boolean;
+  onClose: (refresh?: boolean) => void;
+  mode?: Mode;
+  bin?: Bin;
+  canEdit: boolean;
+  openedBinYard?: string;
+  userID: string;
+  coords?: { longitude: number; latitude: number };
+  binYards?: pond.BinYardSettings[];
+  components?: Map<string, Component>;
+  setComponents?: React.Dispatch<React.SetStateAction<Map<string, Component>>>;
+  updateBinStatus?: (componentKeys: string[], removed?: boolean) => void;
+}
+
+export default function BinSensors(props: Props) {
+  const isMobile = useMobile();
+  const {
+    open,
+    bin,
+    onClose,
+    mode,
+    openedBinYard,
+    components,
+    setComponents,
+    updateBinStatus
+  } = props;
+  const [initialized, setInitialized] = useState(false);
+
+  useEffect(() => {
+    if (open) {
+      setInitialized(true);
+    } else {
+      setInitialized(false);
+    }
+  }, [bin, open, mode, openedBinYard]);
+
+  const close = (refresh?: boolean) => {
+    onClose(refresh);
+  };
+
+  const titleText = () => {
+    return "Add Sensors to " + (bin ? bin.name() : "Bin");
+  };
+
+  const title = () => {
+    if (isMobile) {
+      return (
+        <AppBar position="relative">
+          <Toolbar>
+            <IconButton edge="start" color="inherit" onClick={() => close()} aria-label="close">
+              <Close />
+            </IconButton>
+            <Typography variant="h6" style={{ flex: 1 }}>
+              {titleText()}
+            </Typography>
+          </Toolbar>
+        </AppBar>
+      );
+    }
+
+    return (
+      <React.Fragment>
+        <DialogTitle>{titleText()}</DialogTitle>
+      </React.Fragment>
+    );
+  };
+
+  const componentsForm = () => {
+    if (bin) {
+      return (
+        <Box padding={1}>
+          <BinComponents
+            components={components ? components : undefined}
+            setComponents={setComponents}
+            bin={bin.key()}
+            binGrain={bin.grain()}
+            updateBinStatus={updateBinStatus}
+          />
+        </Box>
+      );
+    }
+
+    return null;
+  };
+
+  const actions = () => {
+    return (
+      <DialogActions>
+        <Grid container justifyContent="space-between" direction="row">
+          <Grid size={{ xs: 7 }} container justifyContent="flex-end">
+            {!isMobile && (
+              <React.Fragment>
+                <Button onClick={() => close()} aria-label="Cancel">
+                  Done
+                </Button>
+              </React.Fragment>
+            )}
+          </Grid>
+        </Grid>
+      </DialogActions>
+    );
+  };
+
+  if (!open || !initialized) {
+    return null;
+  }
+
+  return (
+    <ResponsiveDialog
+      maxWidth={"xs"}
+      fullWidth
+      fullScreen={isMobile}
+      open={open}
+      scroll="paper"
+      onClose={() => {
+        onClose();
+      }}>
+      {title()}
+      {componentsForm()}
+      {actions()}
+    </ResponsiveDialog>
+  );
+}
diff --git a/src/bin/BinTour.tsx b/src/bin/BinTour.tsx
index aa356c9..a685ada 100644
--- a/src/bin/BinTour.tsx
+++ b/src/bin/BinTour.tsx
@@ -156,8 +156,6 @@ export default function BinTour() {
     return steps;
   };
 
-  console.log(user.status.finishedBinIntro)
-
   // if this intro has been done, return null
   if (user.status.finishedBinIntro.length > 1) return null;
 
diff --git a/src/device/DeviceWizard.tsx b/src/device/DeviceWizard.tsx
new file mode 100644
index 0000000..33da9bf
--- /dev/null
+++ b/src/device/DeviceWizard.tsx
@@ -0,0 +1,267 @@
+import {
+  Avatar,
+  Box,
+  Card,
+  CardContent,
+  CardHeader,
+  List,
+  ListItem,
+  ListItemIcon,
+  ListItemText,
+  ListSubheader,
+  Menu,
+  MenuItem,
+  Theme,
+  Tooltip,
+  Typography
+} from "@mui/material";
+import ComponentSettings from "component/ComponentSettings";
+import { Component, Device } from "models";
+import { GetComponentIcon } from "pbHelpers/ComponentType";
+import {
+  DeviceAvailabilityMap,
+  FindAvailablePositions,
+  OffsetAvailabilityMap
+} from "pbHelpers/DeviceAvailability";
+import { GetDeviceProductIcon, GetDeviceProductLabel } from "products/DeviceProduct";
+import { pond } from "protobuf-ts/pond";
+import { quack } from "protobuf-ts/quack";
+import { useComponentAPI, useSnackbar } from "providers";
+import React, { useState } from "react";
+import DeviceSVG, { PortInformation } from "./deviceSVG";
+import { makeStyles } from "@mui/styles";
+
+interface Props {
+  device: Device;
+  //permissions: pond.Permission[];
+  components: Component[];
+  refreshCallback: () => void;
+}
+
+const useStyles = makeStyles((theme: Theme) => {
+  return ({
+    card: {
+      //   position: "relative",
+      //   display: "flex",
+      //   height: "100%",
+      //   flexDirection: "column",
+      //   overflow: "visible"
+      minHeight: "200px"
+    },
+    cardHeader: {
+      padding: theme.spacing(1),
+      paddingLeft: theme.spacing(2)
+    },
+    cardContent: {
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: "space-between",
+      alignItems: "center",
+      padding: theme.spacing(1),
+      paddingTop: 0
+    },
+    avatarIcon: {
+      width: theme.spacing(3),
+      height: theme.spacing(3)
+    }
+  })
+});
+
+export default function DeviceWizard(props: Props) {
+  const { device, components, refreshCallback } = props;
+  const [componentDialogOpen, setComponentDialogOpen] = useState(false);
+  const [availableOffsets, setAvailableOffsets] = useState<OffsetAvailabilityMap>(new Map());
+  const [availablePositions, setAvailablePositions] = useState<DeviceAvailabilityMap>(new Map());
+  const compAPI = useComponentAPI();
+  const [menuAnchor, setMenuAnchor] = useState<null | Element>(null);
+  const [portComponents, setPortComponents] = useState<Component[]>([]);
+  const [componentToUpdate, setComponentToUpdate] = useState<Component | undefined>();
+  const { error, success } = useSnackbar();
+  const [ComponentSettingsMode, setComponentSettingsMode] = useState<"add" | "remove" | "update">(
+    "add"
+  );
+  const classes = useStyles();
+  const [selectedPort, setSelectedPort] = useState<PortInformation>();
+  //const [addressType, setAddressType] = useState<quack.AddressType>(quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY);
+
+  const wizardMenu = () => {
+    return (
+      <Menu
+        id="groupMenu"
+        anchorEl={menuAnchor}
+        open={Boolean(menuAnchor)}
+        onClose={() => setMenuAnchor(null)}
+        keepMounted
+        disableAutoFocusItem>
+        <MenuItem
+          key={"add"}
+          onClick={() => {
+            setComponentSettingsMode("add");
+            setComponentToUpdate(undefined);
+            setComponentDialogOpen(true);
+          }}>
+          Add Component
+        </MenuItem>
+        {/* <MenuItem key={"list_error"} onClick={() => {
+          }}>
+            List Errors
+          </MenuItem> */}
+        {selectedPort && selectedPort.autoDetectable && (
+          <Tooltip title="Used to Detect Grain Cables">
+            <MenuItem
+              key={"auto"}
+              onClick={() => {
+                setAutoDetect();
+              }}>
+              Auto Detect
+            </MenuItem>
+          </Tooltip>
+        )}
+        {portComponents.length > 0 && (
+          <List>
+            <ListSubheader>Current Components</ListSubheader>
+            {portComponents.map(comp => (
+              <ListItem
+                key={comp.key()}
+                onClick={() => {
+                  setComponentToUpdate(comp);
+                  setComponentSettingsMode("update");
+                  setComponentDialogOpen(true);
+                }}>
+                <ListItemIcon>
+                  <Avatar
+                    className={classes.avatarIcon}
+                    alt={comp.subTypeName() + "Icon"}
+                    src={GetComponentIcon(comp.type(), comp.subType())}
+                  />
+                </ListItemIcon>
+                <ListItemText>{comp.name()}</ListItemText>
+              </ListItem>
+            ))}
+          </List>
+        )}
+      </Menu>
+    );
+  };
+
+  /**
+   * sets an autodetect component on the port that was selected
+   * TODO: when the auto detect gets expanded out of being a grain cable component this will have to be re-factored to use the new component type since it is hard coded
+   */
+  const setAutoDetect = () => {
+    if (selectedPort) {
+      let componentSettings = pond.ComponentSettings.create();
+      componentSettings.type = quack.ComponentType.COMPONENT_TYPE_GRAIN_CABLE; // use the grain cable component
+      componentSettings.subtype = quack.GrainCableSubtype.GRAIN_CABLE_SUBTYPE_OPI_DIAG; //use the port diagnostic subtype
+      componentSettings.addressType = quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY;
+      componentSettings.address = selectedPort.address; // the address of the selected port
+      componentSettings.measurementPeriodMs = 600000; //set the measurement period to 10 mins
+      componentSettings.reportPeriodMs = 600000;
+      componentSettings.name = "Port " + selectedPort.label + " Auto Detect";
+      compAPI
+        .add(device.id(), componentSettings)
+        .then(resp => {
+          success("Added Auto Detect Component to Port");
+        })
+        .catch(err => {
+          error("Failed to Add Auto Detect Component to Port");
+        })
+        .finally(() => {
+          refreshCallback();
+        });
+    }
+  };
+
+  /**
+   * function that restricts the pin availabilty in the availability map to the pin of the port that was selected
+   * does nothing for I2C ports as the restrictions for that are handled by the component type
+   * @param port port that was selected
+   * @param availability availability map of the device
+   * @returns modified availability map
+   */
+  const adjustAvailablePositions = (port: PortInformation, availability: DeviceAvailabilityMap) => {
+    let currentAvailability = availability;
+    switch (port.addressType) {
+      case quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY:
+        currentAvailability.set(port.addressType, [{ address: port.address, label: port.label }]);
+    }
+    return currentAvailability;
+  };
+
+  const findPortComponents = (components: Component[], port: PortInformation) => {
+    let pc: Component[] = [];
+    switch (port.addressType) {
+      case quack.AddressType.ADDRESS_TYPE_I2C:
+        components.forEach(comp => {
+          if (comp.settings.addressType === quack.AddressType.ADDRESS_TYPE_I2C) {
+            pc.push(comp);
+          }
+        });
+        break;
+      case quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY:
+        components.forEach(comp => {
+          if (comp.settings.address === port.address) {
+            pc.push(comp);
+          }
+        });
+    }
+    return pc;
+  };
+
+  const setupCard = () => {
+    return (
+      <Card className={classes.card} raised>
+        <CardHeader
+          avatar={
+            <Avatar
+              variant="square"
+              src={GetDeviceProductIcon(device.settings)}
+              className={classes.avatarIcon}
+              alt={"devIcon"}
+            />
+          }
+          title={GetDeviceProductLabel(device.settings.product) + " - ID:" + device.id()}
+          className={classes.cardHeader}
+        />
+        <CardContent style={{ paddingTop: 0 }}>
+          <Typography variant="caption">
+            Select a port on the device below to modify components
+          </Typography>
+          <Box paddingLeft={"15%"} paddingRight={"15%"} paddingTop={"20px"}>
+            <DeviceSVG
+              device={device}
+              openMenu={(e, port) => {
+                let available = FindAvailablePositions(components, device.settings.product);
+                setAvailableOffsets(available.offsetAvailability);
+                setAvailablePositions(adjustAvailablePositions(port, available.availability));
+                //setAddressType(port.addressType);
+                setSelectedPort(port);
+                setPortComponents(findPortComponents(components, port));
+                setMenuAnchor(e.currentTarget);
+              }}
+            />
+          </Box>
+        </CardContent>
+      </Card>
+    );
+  };
+
+  return (
+    <React.Fragment>
+      {setupCard()}
+      <ComponentSettings
+        mode={ComponentSettingsMode}
+        component={componentToUpdate}
+        device={device}
+        isDialogOpen={componentDialogOpen}
+        closeDialogCallback={() => setComponentDialogOpen(false)}
+        availablePositions={availablePositions}
+        availableOffsets={availableOffsets}
+        refreshCallback={refreshCallback}
+        canEdit
+        addressTypeRestriction={selectedPort && selectedPort.addressType}
+      />
+      {wizardMenu()}
+    </React.Fragment>
+  );
+}
diff --git a/src/device/deviceSVG.tsx b/src/device/deviceSVG.tsx
new file mode 100644
index 0000000..d6399f7
--- /dev/null
+++ b/src/device/deviceSVG.tsx
@@ -0,0 +1,5246 @@
+import {
+  Box,
+  Button,
+  DialogActions,
+  DialogContent,
+  DialogTitle,
+  Theme
+} from "@mui/material";
+import { makeStyles } from "@mui/styles";
+import ResponsiveDialog from "common/ResponsiveDialog";
+import { useMobile } from "hooks";
+import { Device } from "models";
+import { pond } from "protobuf-ts/pond";
+import { quack } from "protobuf-ts/quack";
+import React, { useState } from "react";
+
+const useStyles = makeStyles((theme: Theme) => {
+  return ({
+    testBox: {
+      fill: "#ff0000",
+      strokeWidth: 0.05
+    },
+    testButton: {
+      fill: "#ffffff",
+      fillOpacity: 0.25,
+      cursor: "pointer"
+    },
+    label: {
+      fontSize: "2.8px",
+      fontWeight: 650,
+      fill: "white"
+    },
+    whiteLine: {
+      fill: "#FFFFFF"
+    },
+    haloBorder: {
+      //fill: none,
+      fillOpacity: 0,
+      stroke: "#FFFFFF",
+      strokeWidth: 1.2402,
+      strokeMiterlimit: 10
+    },
+    boxBorder: {
+      fillOpacity: 0,
+      stroke: "#FFFFFF",
+      strokeWidth: 1.2402,
+      strokeMiterlimit: 10
+    },
+    st2: {
+      opacity: 0.5
+    },
+    grayLine: {
+      opacity: 0.5,
+      fill: "gray"
+    },
+    miVent0: {
+      strokeWidth: "1.5px",
+      fill: "none",
+      stroke: "#fff",
+      strokeMiterlimit: 10
+    },
+    miVent1: {
+      strokeWidth: "1.2px",
+      fill: "none",
+      stroke: "#fff",
+      strokeMiterlimit: 10
+    },
+    miVent2: {
+      fill: "#fff"
+    },
+    miVentRectButton: {
+      fill: "#fff",
+      cursor: "pointer"
+    }
+  });
+});
+
+export interface PortInformation {
+  address: number;
+  addressType: quack.AddressType;
+  label: string;
+  autoDetectable: boolean;
+}
+
+interface Props {
+  device: Device;
+  openMenu: (event: any, port: PortInformation) => void;
+}
+
+export default function DeviceSVG(props: Props) {
+  const { device, openMenu } = props;
+  const isMobile = useMobile();
+  const classes = useStyles();
+  const [lockOpen, setLockOpen] = useState(false);
+  const buttonSize = {
+    rxLarge: 12,
+    ryLarge: 12,
+    rxSmall: 8,
+    rySmall: 8
+  };
+
+  const lockedPortDialog = () => {
+    return (
+      <ResponsiveDialog
+        open={lockOpen}
+        onClose={() => {
+          setLockOpen(false);
+        }}>
+        <DialogTitle>Port Locked</DialogTitle>
+        <DialogContent>
+          Contact Adaptive Agriculture at 1-306-850-1259 to upgrade your box and unlock remaining
+          ports
+        </DialogContent>
+        <DialogActions>
+          <Button
+            onClick={() => {
+              setLockOpen(false);
+            }}
+            color="primary">
+            Close
+          </Button>
+        </DialogActions>
+      </ResponsiveDialog>
+    );
+  };
+
+  const bindaptPlusSVG = () => {
+    return (
+      <svg version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 224.2 224.2">
+        <g id="g335">
+          <path
+            id="XMLID_00000119822745341112127770000008111702438469707138_"
+            className={classes.whiteLine}
+            d="M14.4,206.2l3.9-2.9l3.9-2.9   c2.6-1.9,5.2-3.8,7.8-5.7l7.8-5.7l7.9-5.7l-0.3,0.6c0-3.1-0.1-6.2-0.1-9.3l-0.1-9.3c0-3.1-0.1-6.2-0.1-9.3l-0.1-9.3l-0.1-9.3   c0-3.1,0-6.2,0-9.3l0-18.6l0-18.6l0-9.3l0.1-9.3l0.1-9.3c0-3.1,0.1-6.2,0.1-9.3l0.1-9.3c0-3.1,0.1-6.2,0.1-9.3l0.3,0.6l-7.9-5.7   L30,24.1c-2.6-1.9-5.2-3.8-7.8-5.7l-3.9-2.9l-3.9-2.9l4,2.7l4,2.7c2.7,1.8,5.4,3.6,8.1,5.4l8,5.4l8,5.4l0.3,0.2l0,0.4   c0,3.1,0.1,6.2,0.1,9.3l0.1,9.3c0,3.1,0.1,6.2,0.1,9.3l0.1,9.3l0.1,9.3l0,9.3l0,18.6l0,18.6c0,3.1,0,6.2,0,9.3l-0.1,9.3l-0.1,9.3   c0,3.1-0.1,6.2-0.1,9.3l-0.1,9.3c0,3.1-0.1,6.2-0.1,9.3l0,0.4l-0.3,0.2l-8,5.4l-8,5.4c-2.7,1.8-5.4,3.6-8.1,5.4l-4,2.7L14.4,206.2z   "
+          />
+          <path
+            id="XMLID_00000068672234761065879520000002967550087377252755_"
+            className={classes.whiteLine}
+            d="M207.9,206.2l-2.9-2.6   c-1-0.9-1.9-1.8-2.9-2.6l-2.8-2.7c-1-0.9-1.9-1.8-2.8-2.7l-5.7-5.3l-5.6-5.4l0.5,0.2l-4.2,0.1l-4.2,0.1l-8.4,0.1   c-2.8,0-5.6,0.1-8.4,0.1l-8.4,0.1l-8.4,0l-8.4,0l-8.4,0l-8.4,0l-4.2,0l-4.2,0l-8.4-0.1l-4.2,0l-4.2-0.1l-8.4-0.1L77,185l-4.2-0.1   l-4.2-0.1l-4.2-0.1l-4.2-0.1l-8.4-0.3l8.4-0.3l4.2-0.1l4.2-0.1l4.2-0.1l4.2-0.1l8.4-0.2l8.4-0.1l4.2-0.1l4.2,0l8.4-0.1l4.2,0l4.2,0   l8.4,0l8.4,0l8.4,0l8.4,0l8.4,0.1c2.8,0,5.6,0,8.4,0.1l8.4,0.1l4.2,0.1l4.2,0.1l0.3,0l0.2,0.2l5.4,5.6l5.4,5.6   c0.9,0.9,1.8,1.9,2.7,2.8l2.7,2.8c0.9,0.9,1.8,1.9,2.7,2.8L207.9,206.2z"
+          />
+          <g
+            id="XMLID_00000103962768369190164000000015698665035828833451_"
+            transform="translate(11.273594,0.75080622)">
+            <path
+              id="XMLID_00000024003039760686647720000013832932785715207869_"
+              className={classes.whiteLine}
+              d="m 75.5,199 -1.2,1.2 c 1,1 1.5,2.2 1.5,3.6 0,1.4 -0.5,2.6 -1.5,3.6 -2,2 -5.2,2 -7.2,0 -2,-2 -2,-5.2 0,-7.2 l -1.2,-1.2 c -2.6,2.6 -2.6,6.9 0,9.6 1.3,1.3 3,2 4.8,2 1.7,0 3.5,-0.7 4.8,-2 1.3,-1.3 2,-3 2,-4.8 -0.1,-1.8 -0.8,-3.5 -2,-4.8 z"
+            />
+            <rect
+              id="XMLID_00000017514180326105598580000008043984161823543975_"
+              x="69.800003"
+              y="196.7"
+              className={classes.whiteLine}
+              width="1.7"
+              height="8"
+            />
+          </g>
+          <g
+            id="XMLID_00000135670824213631294970000011148528041647443643_"
+            transform="translate(0.0454574)">
+            <g
+              id="XMLID_00000132081445508807587560000014519027955376333726_"
+              transform="translate(0.02965113,-1.86664)">
+              <g id="g231" transform="translate(0.65944154,19.470293)">
+                <path
+                  id="XMLID_00000180350143955467839770000009552854613289543853_"
+                  className={classes.whiteLine}
+                  d="m 24.5,108.1 c 0,0 -0.2,1.2 -0.2,1.7 v 6.6 h 2.3 c 0,0 0.4,1.7 -0.6,1.7 h -6.2 c -0.3,-1.7 0.6,-1.7 1.2,-1.7 h 1.2 v -6.4 c 0,0 -0.2,0 -0.3,0 h -0.3 c -0.9,0 -1.2,0.4 -1.2,1.4 -1.8,-1.2 -1.5,-3.1 1.2,-3.1 1.6,0 2.9,-0.2 2.9,-0.2 z"
+                />
+              </g>
+            </g>
+            <g
+              id="XMLID_00000040557030650259736360000010875847435104401578_"
+              transform="translate(0.7545426,33.10037)">
+              <g id="g235">
+                <path
+                  id="XMLID_00000172420641765141944350000014275530149518697600_"
+                  className={classes.whiteLine}
+                  d="m 19.4,142.9 c 0,-3.3 5.1,-2.8 5.1,-5.1 v -0.2 c 0,-0.8 -0.5,-1.3 -1.5,-1.3 -1.1,0 -2.6,0.3 -2.6,1.9 -0.6,-0.5 -1,-1.1 -1,-1.6 0,-1.1 1.2,-2 3.5,-2 2.2,0 3.8,1.1 3.8,2.8 v 0.5 c 0,3.3 -5.2,3.1 -5.2,4.7 v 0.2 h 3.9 c 1.1,0 1.5,-0.4 1.5,-0.4 0,0 0.1,2.1 -1.4,2.1 h -6.3 v -1.6 z"
+                />
+              </g>
+            </g>
+          </g>
+          <g
+            id="XMLID_00000038414276733131068090000017340390134942469010_"
+            transform="matrix(0.86509551,0,0,0.85638124,3.904819,14.031034)">
+            <path
+              id="XMLID_00000163757029412890235130000012466922680142279350_"
+              className={classes.whiteLine}
+              d="m 19.3,86.8 h -4.8 v -1.9 h 4.8 c 0.1,0 0.1,0 0.1,0 0.1,-0.1 0.1,-0.4 0.1,-0.7 v -0.1 -1.1 h 1.9 v 0.9 c 0,0.3 0.1,1.4 -0.6,2.2 -0.4,0.4 -0.9,0.7 -1.5,0.7 z"
+            />
+            <path
+              id="XMLID_00000134216065202879946470000008606562596444667008_"
+              className={classes.whiteLine}
+              d="m 25.9,98.1 v -1.9 c 1.3,0 2.3,-1 2.3,-2.3 0,-1.3 -1,-2.3 -2.3,-2.3 h -8.4 v -1.9 h 8.4 c 2.3,0 4.3,1.9 4.3,4.3 -0.1,2.2 -2,4.1 -4.3,4.1 z"
+            />
+            <path
+              id="XMLID_00000135651086897186230780000000973982011143388550_"
+              className={classes.whiteLine}
+              d="m 28.4,89.1 h -13.9 v -1.9 h 13.9 c 1.3,0 2.3,-1 2.3,-2.3 0,-1.3 -1,-2.3 -2.3,-2.3 v -1.9 c 2.3,0 4.3,1.9 4.3,4.3 -0.1,2.2 -2,4.1 -4.3,4.1 z"
+            />
+          </g>
+          <g id="XMLID_00000028317782106833408040000005311931792164087191_">
+            <g id="XMLID_00000116224028412915684100000008609014862423504548_">
+              <g
+                id="XMLID_00000136394267711035137830000010290694849243043234_"
+                transform="translate(15.821111,1.6148528)">
+                <path
+                  id="XMLID_00000163050252215072541390000015518660741655361950_"
+                  className={classes.whiteLine}
+                  d="m 72,104.7 c -0.3,0 -0.6,0 -0.9,0 -0.4,0 -0.7,0 -1.1,-0.1 -0.4,0 -0.8,-0.1 -1.1,-0.2 -0.4,-0.1 -0.7,-0.2 -1,-0.3 -0.9,-0.3 -1.3,-0.9 -1.3,-1.7 v -10.9 c 0,-0.3 0.1,-0.6 0.3,-0.8 0.2,-0.2 0.4,-0.3 0.7,-0.4 0.5,-0.2 1.2,-0.3 2,-0.4 0.8,-0.1 1.6,-0.1 2.4,-0.1 2,0 3.5,0.3 4.6,1 1.1,0.7 1.6,1.7 1.6,3.1 0,0.7 -0.2,1.3 -0.6,1.8 -0.4,0.5 -0.9,0.9 -1.6,1.1 0.8,0.2 1.4,0.6 1.9,1.2 0.5,0.6 0.8,1.3 0.8,2.2 0,1.5 -0.6,2.7 -1.7,3.4 -1.2,0.7 -2.8,1.1 -5,1.1 z m -1.5,-9 h 1.7 c 0.7,0 1.2,-0.1 1.5,-0.4 0.3,-0.2 0.5,-0.6 0.5,-1.1 0,-0.4 -0.2,-0.8 -0.5,-1 -0.4,-0.2 -0.9,-0.4 -1.6,-0.4 -0.2,0 -0.5,0 -0.8,0 -0.3,0 -0.5,0 -0.7,0.1 v 2.8 z m 0,5.7 c 0.2,0.1 0.5,0.1 0.8,0.1 0.3,0 0.7,0 1,0 0.6,0 1.1,-0.1 1.6,-0.4 0.4,-0.3 0.6,-0.7 0.6,-1.2 0,-0.5 -0.2,-0.9 -0.5,-1.1 -0.3,-0.2 -0.9,-0.3 -1.6,-0.3 h -1.9 z"
+                />
+                <path
+                  id="XMLID_00000101825211733406070050000008564324064454645691_"
+                  className={classes.whiteLine}
+                  d="m 80.6,89.8 c 0,-0.6 0.2,-1.1 0.6,-1.5 0.4,-0.4 0.9,-0.6 1.6,-0.6 0.7,0 1.2,0.2 1.6,0.6 0.4,0.4 0.6,0.9 0.6,1.5 0,0.6 -0.2,1.1 -0.6,1.5 -0.4,0.4 -0.9,0.6 -1.6,0.6 -0.7,0 -1.2,-0.2 -1.6,-0.6 -0.4,-0.4 -0.6,-0.9 -0.6,-1.5 z m 4.2,14.5 c -0.2,0 -0.4,0.1 -0.8,0.1 -0.3,0.1 -0.7,0.1 -1,0.1 -0.3,0 -0.6,0 -0.9,-0.1 -0.3,0 -0.5,-0.1 -0.7,-0.3 -0.2,-0.1 -0.3,-0.3 -0.4,-0.6 -0.1,-0.2 -0.2,-0.6 -0.2,-0.9 v -9.5 c 0.2,0 0.4,-0.1 0.8,-0.1 0.3,-0.1 0.7,-0.1 1,-0.1 0.3,0 0.6,0 0.9,0.1 0.3,0 0.5,0.1 0.7,0.3 0.2,0.1 0.3,0.3 0.4,0.6 0.1,0.2 0.2,0.6 0.2,0.9 z"
+                />
+                <path
+                  id="XMLID_00000009551125763266280680000011830048189517854139_"
+                  className={classes.whiteLine}
+                  d="m 94.5,97.1 c 0,-0.5 -0.1,-0.8 -0.4,-1.1 -0.3,-0.2 -0.6,-0.3 -1.1,-0.3 -0.3,0 -0.6,0 -0.9,0.1 -0.3,0.1 -0.6,0.2 -0.8,0.4 v 8.1 c -0.2,0 -0.4,0.1 -0.7,0.1 -0.3,0 -0.7,0.1 -1,0.1 -0.3,0 -0.6,0 -0.9,-0.1 -0.3,0 -0.5,-0.1 -0.7,-0.3 -0.2,-0.1 -0.3,-0.3 -0.4,-0.6 -0.1,-0.2 -0.2,-0.6 -0.2,-0.9 v -7 c 0,-0.4 0.1,-0.8 0.3,-1 0.2,-0.3 0.4,-0.5 0.7,-0.7 0.5,-0.4 1.2,-0.7 2,-0.9 0.8,-0.2 1.7,-0.3 2.7,-0.3 1.8,0 3.1,0.4 4.1,1.2 0.9,0.8 1.4,1.8 1.4,3.2 v 7.3 c -0.2,0 -0.4,0.1 -0.7,0.1 -0.3,0 -0.7,0.1 -1,0.1 -0.3,0 -0.6,0 -0.9,-0.1 -0.3,0 -0.5,-0.1 -0.7,-0.3 -0.2,-0.1 -0.3,-0.3 -0.4,-0.6 -0.1,-0.2 -0.2,-0.6 -0.2,-0.9 v -5.6 z"
+                />
+                <path
+                  id="XMLID_00000178192891436318841330000003550333257086074299_"
+                  className={classes.whiteLine}
+                  d="m 100.4,98.6 c 0,-1 0.2,-1.9 0.5,-2.7 0.3,-0.8 0.7,-1.4 1.3,-1.9 0.6,-0.5 1.2,-0.9 1.9,-1.1 0.7,-0.2 1.5,-0.4 2.4,-0.4 0.3,0 0.6,0 0.9,0.1 0.3,0.1 0.5,0.1 0.7,0.2 v -3.8 c 0.2,0 0.4,-0.1 0.7,-0.2 0.3,-0.1 0.7,-0.1 1,-0.1 0.3,0 0.6,0 0.9,0.1 0.3,0 0.5,0.1 0.7,0.3 0.2,0.1 0.3,0.3 0.4,0.6 0.1,0.2 0.1,0.6 0.1,0.9 v 11.1 c 0,0.7 -0.3,1.3 -1,1.7 -0.5,0.3 -1,0.6 -1.7,0.8 -0.7,0.2 -1.5,0.3 -2.5,0.3 -1,0 -1.9,-0.1 -2.7,-0.4 -0.8,-0.3 -1.5,-0.7 -2,-1.2 -0.6,-0.5 -1,-1.2 -1.3,-1.9 -0.2,-0.6 -0.3,-1.4 -0.3,-2.4 z m 6.6,-2.9 c -0.8,0 -1.5,0.2 -1.9,0.7 -0.5,0.5 -0.7,1.2 -0.7,2.2 0,1 0.2,1.7 0.6,2.2 0.4,0.5 1,0.7 1.8,0.7 0.3,0 0.5,0 0.8,-0.1 0.2,-0.1 0.4,-0.2 0.5,-0.3 v -5.1 c -0.3,-0.2 -0.6,-0.3 -1.1,-0.3 z"
+                />
+                <path
+                  id="XMLID_00000126298145022236308720000008955769071546120889_"
+                  className={classes.whiteLine}
+                  d="m 119.2,92.6 c 0.8,0 1.6,0.1 2.3,0.3 0.7,0.2 1.3,0.4 1.8,0.8 0.5,0.3 0.9,0.8 1.1,1.3 0.3,0.5 0.4,1.2 0.4,1.9 v 5.2 c 0,0.4 -0.1,0.7 -0.3,1 -0.2,0.3 -0.5,0.5 -0.8,0.7 -1,0.6 -2.4,0.9 -4.3,0.9 -0.8,0 -1.6,-0.1 -2.2,-0.2 -0.7,-0.2 -1.2,-0.4 -1.7,-0.7 -0.5,-0.3 -0.8,-0.7 -1.1,-1.2 -0.3,-0.5 -0.4,-1 -0.4,-1.7 0,-1.1 0.3,-1.9 1,-2.5 0.6,-0.6 1.6,-0.9 3,-1.1 l 3,-0.3 v -0.2 c 0,-0.5 -0.2,-0.8 -0.6,-1 -0.4,-0.2 -1,-0.3 -1.7,-0.3 -0.6,0 -1.2,0.1 -1.7,0.2 -0.6,0.1 -1.1,0.3 -1.5,0.5 -0.2,-0.1 -0.4,-0.4 -0.5,-0.6 -0.1,-0.3 -0.2,-0.6 -0.2,-0.9 0,-0.4 0.1,-0.7 0.3,-1 0.2,-0.2 0.5,-0.4 0.9,-0.6 0.5,-0.2 1,-0.3 1.6,-0.4 0.5,0 1.1,-0.1 1.6,-0.1 z m 0.2,9.2 c 0.3,0 0.6,0 0.9,-0.1 0.3,-0.1 0.6,-0.1 0.7,-0.2 v -1.9 l -1.7,0.1 c -0.4,0 -0.8,0.1 -1.1,0.3 -0.3,0.2 -0.4,0.4 -0.4,0.7 0,0.3 0.1,0.6 0.4,0.8 0.2,0.2 0.6,0.3 1.2,0.3 z"
+                />
+                <path
+                  id="XMLID_00000095317418252562982400000014017549004406127273_"
+                  className={classes.whiteLine}
+                  d="m 132.5,92.6 c 0.9,0 1.8,0.1 2.6,0.4 0.8,0.2 1.5,0.6 2.1,1.1 0.6,0.5 1,1.1 1.4,1.9 0.3,0.8 0.5,1.7 0.5,2.7 0,1 -0.1,1.9 -0.4,2.6 -0.3,0.7 -0.7,1.4 -1.2,1.9 -0.5,0.5 -1.1,0.9 -1.9,1.1 -0.7,0.2 -1.5,0.4 -2.4,0.4 -0.7,0 -1.3,-0.1 -1.9,-0.3 v 3.9 c -0.2,0 -0.4,0.1 -0.7,0.2 -0.3,0.1 -0.7,0.1 -1,0.1 -0.3,0 -0.6,0 -0.9,-0.1 -0.3,0 -0.5,-0.1 -0.7,-0.3 -0.2,-0.1 -0.3,-0.3 -0.4,-0.6 -0.1,-0.2 -0.1,-0.6 -0.1,-0.9 v -11.3 c 0,-0.4 0.1,-0.8 0.3,-1 0.2,-0.3 0.4,-0.5 0.7,-0.7 0.5,-0.3 1.1,-0.6 1.8,-0.7 0.5,-0.3 1.3,-0.4 2.2,-0.4 z m 0,8.9 c 1.6,0 2.4,-1 2.4,-2.9 0,-1 -0.2,-1.7 -0.6,-2.2 -0.4,-0.5 -1,-0.7 -1.7,-0.7 -0.3,0 -0.6,0 -0.8,0.1 -0.2,0.1 -0.4,0.2 -0.6,0.2 v 5.1 c 0.2,0.1 0.4,0.2 0.6,0.2 0.2,0.2 0.5,0.2 0.7,0.2 z"
+                />
+                <path
+                  id="XMLID_00000039818614958914409060000018437108864955496380_"
+                  className={classes.whiteLine}
+                  d="m 144.9,100.4 c 0,0.4 0.1,0.7 0.4,0.9 0.3,0.2 0.6,0.3 1.1,0.3 0.2,0 0.5,0 0.7,-0.1 0.2,0 0.5,-0.1 0.7,-0.2 0.1,0.2 0.3,0.4 0.4,0.6 0.1,0.2 0.2,0.5 0.2,0.8 0,0.6 -0.2,1.1 -0.7,1.4 -0.4,0.4 -1.2,0.6 -2.3,0.6 -1.4,0 -2.4,-0.3 -3.2,-0.9 -0.7,-0.6 -1.1,-1.6 -1.1,-3 v -10 c 0.2,0 0.4,-0.1 0.7,-0.2 0.3,-0.1 0.7,-0.1 1,-0.1 0.7,0 1.2,0.1 1.6,0.4 0.4,0.2 0.6,0.8 0.6,1.5 v 1.5 h 3.1 c 0.1,0.2 0.2,0.4 0.3,0.6 0.1,0.3 0.1,0.5 0.1,0.9 0,0.5 -0.1,0.9 -0.4,1.2 -0.2,0.2 -0.6,0.4 -1,0.4 h -2.1 v 3.4 z"
+                />
+              </g>
+              <g
+                id="XMLID_00000087403579423062286290000000375795222262336670_"
+                transform="translate(15.821111,1.6148528)">
+                <g id="g256">
+                  <path
+                    id="XMLID_00000077283583303934562480000011397037897503722368_"
+                    className={classes.whiteLine}
+                    d="m 152.6,93 c -0.1,0 -0.2,0.1 -0.5,0.1 -0.2,0 -0.5,0 -0.7,0 -0.4,0 -0.8,-0.1 -1,-0.2 -0.2,-0.1 -0.3,-0.5 -0.3,-0.9 v -1.8 h -2.4 c -0.1,-0.1 -0.1,-0.3 -0.2,-0.5 0,-0.2 -0.1,-0.4 -0.1,-0.6 0,-0.4 0.1,-0.7 0.3,-0.8 0.2,-0.2 0.4,-0.3 0.7,-0.3 h 1.7 v -2.7 c 0.1,0 0.3,-0.1 0.5,-0.1 0.2,0 0.4,-0.1 0.6,-0.1 0.4,0 0.8,0.1 1,0.2 0.2,0.1 0.3,0.5 0.3,0.9 v 1.8 h 2.4 c 0.1,0.1 0.1,0.3 0.2,0.5 0.1,0.2 0.1,0.4 0.1,0.6 0,0.4 -0.1,0.6 -0.3,0.8 -0.2,0.2 -0.4,0.3 -0.7,0.3 h -1.7 v 2.8 z"
+                  />
+                </g>
+              </g>
+              <g id="g265"></g>
+            </g>
+          </g>
+          <g id="g309">
+            <path
+              className={classes.whiteLine}
+              d="M79.6,113.2v-0.8h2.5v0.8h-0.8v4.5h-0.8v-4.5H79.6z"
+              id="path269"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M84,112.5h0.8v2.1h0.8v-2.1h0.8v5.2h-0.8v-2.3h-0.8v2.3H84V112.5z"
+              id="path271"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M88.7,117.7v-5.2h2.1v0.8h-1.3v1.4h0.9v0.8h-0.9v1.6h1.3v0.8H88.7z"
+              id="path273"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M93.7,115.5v2.2h-0.8v-5.2h1.2c0.4,0,0.8,0.1,1,0.4s0.3,0.6,0.3,1.2c0,0.3,0,0.6-0.1,0.8s-0.2,0.4-0.4,0.5    l0.6,2.4h-0.8l-0.5-2.2H93.7z M93.7,113.2v1.5H94c0.2,0,0.3-0.1,0.4-0.2c0.1-0.1,0.1-0.3,0.1-0.6c0-0.3,0-0.5-0.1-0.6    c-0.1-0.1-0.2-0.2-0.4-0.2H93.7z"
+              id="path275"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M97.5,117.7v-5.2h1.1l0.5,2.9c0,0.1,0,0.2,0,0.4c0,0.1,0,0.3,0,0.4c0-0.1,0-0.2,0-0.4c0-0.1,0-0.3,0.1-0.4    l0.5-2.9h1.1v5.2h-0.8v-3.3c0-0.1,0-0.2,0-0.4s0-0.3,0-0.5c0,0.1,0,0.2,0,0.3c0,0.2-0.1,0.4-0.1,0.5l-0.7,3.5h-0.4l-0.6-3.5    c0-0.1-0.1-0.3-0.1-0.5c0-0.2,0-0.3,0-0.3c0,0.2,0,0.3,0,0.5c0,0.2,0,0.3,0,0.4v3.3H97.5z"
+              id="path277"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M103,113.7c0-0.4,0.1-0.7,0.3-1s0.5-0.4,0.9-0.4c0.4,0,0.7,0.1,0.9,0.4c0.2,0.2,0.3,0.6,0.3,1v2.7    c0,0.5-0.1,0.8-0.3,1.1c-0.2,0.2-0.5,0.4-0.9,0.4c-0.4,0-0.7-0.1-0.9-0.4c-0.2-0.2-0.3-0.6-0.3-1.1V113.7z M104.7,116.5v-2.9    c0-0.2,0-0.3-0.1-0.4c-0.1-0.1-0.2-0.1-0.3-0.1c-0.1,0-0.2,0-0.3,0.1c-0.1,0.1-0.1,0.2-0.1,0.4v2.9c0,0.2,0,0.3,0.1,0.4    c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.3-0.1C104.6,116.9,104.7,116.7,104.7,116.5z"
+              id="path279"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M107.5,116.4l0.8-0.1c0,0.3,0.1,0.5,0.2,0.6c0.1,0.1,0.2,0.2,0.4,0.2c0.1,0,0.3,0,0.4-0.1s0.1-0.2,0.1-0.4    c0-0.3-0.2-0.6-0.7-1.1c0,0-0.1-0.1-0.1-0.1c-0.4-0.4-0.7-0.8-0.8-1c-0.1-0.2-0.2-0.5-0.2-0.7c0-0.4,0.1-0.7,0.4-0.9    c0.2-0.3,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.8,0.3c0.2,0.2,0.3,0.5,0.4,0.9l-0.8,0.1c0-0.2-0.1-0.4-0.1-0.5    c-0.1-0.1-0.2-0.2-0.3-0.2c-0.1,0-0.2,0-0.3,0.1c-0.1,0.1-0.1,0.2-0.1,0.4c0,0.3,0.3,0.7,0.8,1.2c0,0,0,0,0,0    c0.4,0.4,0.6,0.7,0.7,0.9s0.2,0.5,0.2,0.8c0,0.4-0.1,0.7-0.4,0.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.4,0-0.7-0.1-1-0.4    C107.6,117.2,107.5,116.8,107.5,116.4z"
+              id="path281"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M111.7,113.2v-0.8h2.5v0.8h-0.8v4.5h-0.8v-4.5H111.7z"
+              id="path283"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M115.4,117.7l0.9-5.2h1.1l0.9,5.2h-0.8l-0.2-1.1h-0.8l-0.2,1.1H115.4z M116.5,115.8h0.6l-0.3-2.2h-0.1    L116.5,115.8z"
+              id="path285"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M119.5,113.2v-0.8h2.5v0.8h-0.8v4.5h-0.8v-4.5H119.5z"
+              id="path287"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M126.7,116.3v-2.7c0-0.4,0.1-0.7,0.3-1s0.5-0.4,0.9-0.4c0.4,0,0.7,0.1,0.9,0.4c0.2,0.2,0.3,0.6,0.3,1v0.5    h-0.8v-0.6c0-0.2,0-0.3-0.1-0.4c-0.1-0.1-0.2-0.1-0.3-0.1c-0.1,0-0.2,0-0.3,0.1c-0.1,0.1-0.1,0.2-0.1,0.4v2.9c0,0.2,0,0.3,0.1,0.4    c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.3-0.1c0.1-0.1,0.1-0.2,0.1-0.4v-0.7h0.8v0.5c0,0.5-0.1,0.8-0.3,1.1    c-0.2,0.2-0.5,0.4-0.9,0.4c-0.4,0-0.7-0.1-0.9-0.4S126.7,116.8,126.7,116.3z"
+              id="path289"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M131.3,113.7c0-0.4,0.1-0.7,0.3-1s0.5-0.4,0.9-0.4c0.4,0,0.7,0.1,0.9,0.4c0.2,0.2,0.3,0.6,0.3,1v2.7    c0,0.5-0.1,0.8-0.3,1.1c-0.2,0.2-0.5,0.4-0.9,0.4c-0.4,0-0.7-0.1-0.9-0.4c-0.2-0.2-0.3-0.6-0.3-1.1V113.7z M132.9,116.5v-2.9    c0-0.2,0-0.3-0.1-0.4c-0.1-0.1-0.2-0.1-0.3-0.1c-0.1,0-0.2,0-0.3,0.1c-0.1,0.1-0.1,0.2-0.1,0.4v2.9c0,0.2,0,0.3,0.1,0.4    c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.3-0.1C132.9,116.9,132.9,116.7,132.9,116.5z"
+              id="path291"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M136,117.7v-5.2h0.7l1,3.1c0,0.1,0,0.1,0.1,0.2c0,0.1,0.1,0.2,0.1,0.3c0-0.2,0-0.3-0.1-0.4c0-0.1,0-0.2,0-0.3    v-3h0.8v5.2h-0.8l-1-2.9c0,0,0,0,0-0.1c-0.1-0.2-0.1-0.4-0.2-0.5c0,0.2,0.1,0.3,0.1,0.5c0,0.1,0,0.2,0,0.3v2.7H136z"
+              id="path293"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M140.4,113.2v-0.8h2.5v0.8H142v4.5h-0.8v-4.5H140.4z"
+              id="path295"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M145.5,115.5v2.2h-0.8v-5.2h1.2c0.4,0,0.8,0.1,1,0.4s0.3,0.6,0.3,1.2c0,0.3,0,0.6-0.1,0.8s-0.2,0.4-0.4,0.5    l0.6,2.4h-0.8l-0.5-2.2H145.5z M145.5,113.2v1.5h0.3c0.2,0,0.3-0.1,0.4-0.2c0.1-0.1,0.1-0.3,0.1-0.6c0-0.3,0-0.5-0.1-0.6    c-0.1-0.1-0.2-0.2-0.4-0.2H145.5z"
+              id="path297"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M149.2,113.7c0-0.4,0.1-0.7,0.3-1s0.5-0.4,0.9-0.4c0.4,0,0.7,0.1,0.9,0.4c0.2,0.2,0.3,0.6,0.3,1v2.7    c0,0.5-0.1,0.8-0.3,1.1c-0.2,0.2-0.5,0.4-0.9,0.4c-0.4,0-0.7-0.1-0.9-0.4c-0.2-0.2-0.3-0.6-0.3-1.1V113.7z M150.8,116.5v-2.9    c0-0.2,0-0.3-0.1-0.4c-0.1-0.1-0.2-0.1-0.3-0.1c-0.1,0-0.2,0-0.3,0.1c-0.1,0.1-0.1,0.2-0.1,0.4v2.9c0,0.2,0,0.3,0.1,0.4    c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.3-0.1C150.8,116.9,150.8,116.7,150.8,116.5z"
+              id="path299"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M153.9,117.7v-5.2h0.8v4.5h1.3v0.8H153.9z"
+              id="path301"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M157.9,117.7v-5.2h0.8v4.5h1.3v0.8H157.9z"
+              id="path303"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M161.8,117.7v-5.2h2.1v0.8h-1.3v1.4h0.9v0.8h-0.9v1.6h1.3v0.8H161.8z"
+              id="path305"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M166.9,115.5v2.2H166v-5.2h1.2c0.4,0,0.8,0.1,1,0.4s0.3,0.6,0.3,1.2c0,0.3,0,0.6-0.1,0.8s-0.2,0.4-0.4,0.5    l0.6,2.4h-0.8l-0.5-2.2H166.9z M166.9,113.2v1.5h0.3c0.2,0,0.3-0.1,0.4-0.2c0.1-0.1,0.1-0.3,0.1-0.6c0-0.3,0-0.5-0.1-0.6    c-0.1-0.1-0.2-0.2-0.4-0.2H166.9z"
+              id="path307"
+            />
+          </g>
+          <g
+            id="XMLID_00000159457671224001588530000006163810281912234891_"
+            transform="matrix(0.76834906,0,0,0.75398374,6.3577924,2.710707)">
+            <path
+              id="XMLID_00000080922146902199000480000000697750322109644935_"
+              className={classes.whiteLine}
+              d="m 19.3,61.2 v -8.1 c 0,-1.1 -0.9,-1.9 -1.9,-1.9 -1.1,0 -1.9,0.9 -1.9,1.9 v 8.1 c -1.4,0.7 -2.3,2.2 -2.3,3.8 0,2.3 1.9,4.2 4.2,4.2 2.3,0 4.2,-1.9 4.2,-4.2 0,-1.6 -0.9,-3.1 -2.3,-3.8 z m -1.9,-8.6 c 0.3,0 0.5,0.2 0.5,0.5 v 5 h -1.1 v -5 c 0.1,-0.3 0.3,-0.5 0.6,-0.5 z"
+            />
+            <g id="XMLID_00000052071233852490930470000013406318700742088073_">
+              <path
+                id="XMLID_00000132069979992592489240000012491092019972548245_"
+                className={classes.whiteLine}
+                d="m 27.3,61.5 c -0.1,-0.2 -0.5,-0.2 -0.6,0 -0.7,1.5 -2.3,4.2 -2.3,5.4 0,1.4 1.1,2.6 2.6,2.6 1.4,0 2.6,-1.1 2.6,-2.6 0,-1.2 -1.5,-3.9 -2.3,-5.4 z m -0.5,7.6 c -0.4,0 -0.4,-0.7 0,-0.7 1,0 1.7,-0.8 1.7,-1.7 0,-0.4 0.7,-0.4 0.7,0 0,1.3 -1,2.4 -2.4,2.4 z"
+              />
+              <path
+                id="XMLID_00000116210110562807716680000006384226893605895580_"
+                className={classes.whiteLine}
+                d="m 32.1,56.3 c -0.1,-0.2 -0.5,-0.2 -0.6,0 -0.7,1.5 -2.3,4.2 -2.3,5.4 0,1.4 1.1,2.6 2.6,2.6 1.4,0 2.6,-1.1 2.6,-2.6 0,-1.2 -1.6,-3.9 -2.3,-5.4 z m -0.5,7.5 c -0.4,0 -0.4,-0.7 0,-0.7 1,0 1.7,-0.8 1.7,-1.7 0,-0.4 0.7,-0.4 0.7,0 0,1.4 -1.1,2.4 -2.4,2.4 z"
+              />
+              <path
+                id="XMLID_00000034078528240601122740000016981941297176061089_"
+                className={classes.whiteLine}
+                d="m 27.4,51.2 c -0.1,-0.2 -0.5,-0.2 -0.6,0 -0.7,1.5 -2.3,4.2 -2.3,5.4 0,1.4 1.1,2.6 2.6,2.6 1.4,0 2.6,-1.1 2.6,-2.6 0,-1.2 -1.6,-3.9 -2.3,-5.4 z m -0.5,7.5 c -0.4,0 -0.4,-0.7 0,-0.7 1,0 1.7,-0.8 1.7,-1.7 0,-0.4 0.7,-0.4 0.7,0 0,1.4 -1.1,2.4 -2.4,2.4 z"
+              />
+            </g>
+          </g>
+          <path
+            className={classes.whiteLine}
+            d="M215.4,223.5H8.8c-4.5,0-8.1-3.6-8.1-8.1V8.8c0-4.5,3.6-8.1,8.1-8.1h206.6c4.5,0,8.1,3.6,8.1,8.1v206.6   C223.5,219.9,219.9,223.5,215.4,223.5z M8.8,1.9C5,1.9,1.9,5,1.9,8.8v206.6c0,3.8,3.1,6.9,6.9,6.9h206.6c3.8,0,6.9-3.1,6.9-6.9V8.8   c0-3.8-3.1-6.9-6.9-6.9H8.8z"
+            id="path317"
+          />
+          <g id="g325" transform="translate(41.005083,0.15016873)">
+            <g id="g323">
+              <path
+                className={classes.whiteLine}
+                d="m 110.8,203.8 v 2.4 c 0,1.3 0.7,1.7 1.7,1.7 1.1,0 2.3,-0.1 3,-1.4 1.2,1.9 -0.8,2.9 -3,2.9 -2,0 -3.8,-0.8 -3.8,-3 v -2.8 c 0,-2.2 1.8,-3 3.8,-3 2.2,0 4.3,0.8 3,2.9 -0.5,-1.2 -1.9,-1.4 -3,-1.4 -1,0 -1.7,0.4 -1.7,1.7 z"
+                id="path319"
+              />
+              <path
+                className={classes.whiteLine}
+                d="m 121.5,200.6 c 0,0 -0.2,1 -0.2,1.5 v 5.7 h 2 c 0,0 0.4,1.5 -0.5,1.5 h -5.4 c -0.3,-1.5 0.5,-1.5 1,-1.5 h 1 v -5.6 c 0,0 -0.2,0 -0.2,0 h -0.2 c -0.8,0 -1,0.3 -1,1.2 -1.6,-1.1 -1.3,-2.7 1,-2.7 1.4,0 2.5,-0.1 2.5,-0.1 z"
+                id="path321"
+              />
+            </g>
+          </g>
+        </g>
+        {/* buttons for port selection */}
+        {/* I2C PORTS */}
+        {/* TEMP/HUMIDITY */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 0, //address here is not important for I2C, the restrictions are per component not per port
+              addressType: quack.AddressType.ADDRESS_TYPE_I2C,
+              label: "1",
+              autoDetectable: false
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="24"
+          cy="47"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+        {/* PRESSURE */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 0, //address here is not important for I2C, the restrictions are per component not per port
+              addressType: quack.AddressType.ADDRESS_TYPE_I2C,
+              label: "1",
+              autoDetectable: false
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="24"
+          cy="90"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+
+        {/* CONFIGURABLE PIN PORTS */}
+        {/* PORT 1 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 4,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "1",
+              autoDetectable: true
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="24"
+          cy="131"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+        {/* PORT 2 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 8,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "2",
+              autoDetectable: true
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="24"
+          cy="173"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+        {/* PORT C1 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 512,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "C1",
+              autoDetectable: false
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="157"
+          cy="205"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+      </svg>
+    );
+  };
+
+  const bindaptPlusModSVG = () => {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 224.2 224.2">
+        <g>
+          <g id="Layer_1">
+            <g>
+              <g>
+                <path
+                  className={classes.whiteLine}
+                  d="M15.7,206.2l3.9-2.9,3.9-2.9c2.6-1.9,5.2-3.8,7.8-5.7l7.8-5.7,7.9-5.7-.3.6c0-3.1,0-6.2-.1-9.3v-9.3c-.1-3.1-.2-6.2-.2-9.3v-9.3c0,0-.1-9.3-.1-9.3,0-3.1,0-6.2,0-9.3v-18.6s0-18.6,0-18.6v-9.3s0-9.3,0-9.3v-9.3c0-3.1.1-6.2.1-9.3v-9.3c.1-3.1.2-6.2.2-9.3l.3.6-7.9-5.7-7.8-5.7c-2.6-1.9-5.2-3.8-7.8-5.7l-3.9-2.9-3.9-2.9,4,2.7,4,2.7c2.7,1.8,5.4,3.6,8.1,5.4l8,5.4,8,5.4.3.2v.4c0,3.1.1,6.2.1,9.3v9.3c.1,3.1.2,6.2.2,9.3v9.3c0,0,.1,9.3.1,9.3v9.3s0,18.6,0,18.6v18.6c0,3.1,0,6.2,0,9.3v9.3c0,0-.1,9.3-.1,9.3,0,3.1,0,6.2,0,9.3v9.3c-.1,3.1-.2,6.2-.2,9.3v.4s-.3.2-.3.2l-8,5.4-8,5.4c-2.7,1.8-5.4,3.6-8.1,5.4l-4,2.7-4,2.7Z"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M209.3,206.2l-2.9-2.6c-1-.9-1.9-1.8-2.9-2.6l-2.8-2.7c-1-.9-1.9-1.8-2.8-2.7l-5.7-5.3-5.6-5.4.5.2h-4.2c0,0-4.2.1-4.2.1h-8.4c-2.8.2-5.6.2-8.4.2h-8.4c0,0-8.4.1-8.4.1h-8.4s-8.4,0-8.4,0h-8.4s-4.2,0-4.2,0h-4.2s-8.4-.1-8.4-.1h-4.2s-4.2-.1-4.2-.1h-8.4c0-.1-8.4-.3-8.4-.3h-4.2c0,0-4.2-.2-4.2-.2h-4.2c0-.1-4.2-.2-4.2-.2l-8.4-.3,8.4-.3h4.2c0-.1,4.2-.2,4.2-.2h4.2c0-.1,4.2-.2,4.2-.2l8.4-.2h8.4c0-.1,4.2-.2,4.2-.2h4.2s8.4-.1,8.4-.1h4.2s4.2,0,4.2,0h8.4s8.4,0,8.4,0h8.4s8.4,0,8.4,0h8.4c2.8.1,5.6.1,8.4.2h8.4c0,.1,4.2.2,4.2.2h4.2c0,0,.3,0,.3,0l.2.2,5.4,5.6,5.4,5.6c.9.9,1.8,1.9,2.7,2.8l2.7,2.8c.9.9,1.8,1.9,2.7,2.8l2.7,2.8Z"
+                />
+                <rect
+                  className={classes.boxBorder}
+                  x="1.3"
+                  y="1.3"
+                  width="221.6"
+                  height="221.6"
+                  rx="7.5"
+                  ry="7.5"
+                />
+                <g>
+                  <g>
+                    <path
+                      className={classes.whiteLine}
+                      d="M86.1,104.3c-.3,0-.6,0-1,0-.4,0-.8,0-1.2-.1s-.9-.1-1.3-.2-.8-.2-1.2-.3c-1-.4-1.4-1-1.4-1.9v-12.2c0-.4.1-.7.3-.9.2-.2.5-.4.8-.5.6-.2,1.3-.4,2.2-.5.9,0,1.8-.1,2.8-.1,2.2,0,4,.4,5.2,1.1,1.2.8,1.8,1.9,1.8,3.5s-.2,1.5-.7,2c-.5.6-1.1,1-1.8,1.2.9.2,1.6.7,2.2,1.3.6.6.9,1.5.9,2.4,0,1.7-.6,3-1.9,3.8s-3.1,1.2-5.5,1.2ZM84.4,94.2h1.9c.8,0,1.3-.1,1.6-.4.3-.3.5-.7.5-1.2s-.2-.8-.6-1.1c-.4-.3-1-.4-1.8-.4s-.6,0-.9,0c-.3,0-.6,0-.8,0v3.1ZM84.4,100.6c.2,0,.6.1.9.1.4,0,.8,0,1.1,0,.7,0,1.3-.1,1.7-.4.5-.3.7-.7.7-1.3s-.2-1-.6-1.2c-.4-.2-1-.4-1.8-.4h-2.1v3.2Z"
+                    />
+                    <path
+                      className={classes.whiteLine}
+                      d="M95.7,87.6c0-.7.2-1.2.7-1.7.4-.5,1-.7,1.8-.7s1.3.2,1.8.7c.4.5.7,1,.7,1.7s-.2,1.2-.7,1.7-1,.7-1.8.7-1.3-.2-1.8-.7-.7-1-.7-1.7ZM100.4,103.8c-.2,0-.5,0-.9.1-.4,0-.8,0-1.1,0s-.7,0-1,0-.6-.2-.8-.3c-.2-.2-.4-.4-.5-.6-.1-.3-.2-.6-.2-1.1v-10.7c.2,0,.5,0,.9-.1.4,0,.8,0,1.1,0s.7,0,1,0,.6.2.8.3c.2.2.4.4.5.6.1.3.2.6.2,1.1v10.7Z"
+                    />
+                    <path
+                      className={classes.whiteLine}
+                      d="M111.3,95.8c0-.5-.2-.9-.5-1.2-.3-.3-.7-.4-1.2-.4s-.7,0-1,.1c-.3,0-.6.2-.9.4v9.1c-.2,0-.5.1-.8.2-.4,0-.8,0-1.2,0s-.7,0-1,0-.6-.2-.8-.3c-.2-.2-.4-.4-.5-.6-.1-.3-.2-.6-.2-1.1v-7.9c0-.5,0-.9.3-1.2.2-.3.5-.6.8-.8.6-.4,1.3-.8,2.2-1,.9-.3,1.9-.4,3-.4,2,0,3.5.4,4.6,1.3,1.1.9,1.6,2.1,1.6,3.6v8.2c-.2,0-.5.1-.8.2-.4,0-.8,0-1.2,0s-.7,0-1,0c-.3,0-.6-.2-.8-.3-.2-.2-.4-.4-.5-.6-.1-.3-.2-.6-.2-1.1v-6.2Z"
+                    />
+                    <path
+                      className={classes.whiteLine}
+                      d="M117.9,97.5c0-1.2.2-2.2.5-3,.3-.8.8-1.5,1.5-2.1.6-.6,1.3-1,2.2-1.2.8-.3,1.7-.4,2.7-.4s.7,0,1,0c.3,0,.6.1.8.2v-4.2c.2,0,.5-.1.8-.2.4,0,.8,0,1.2,0s.7,0,1,0c.3,0,.6.2.8.3.2.2.4.4.5.6.1.3.2.6.2,1.1v12.4c0,.8-.4,1.5-1.2,2-.5.3-1.2.6-2,.9-.8.3-1.7.4-2.8.4s-2.2-.2-3.1-.5c-.9-.3-1.7-.8-2.3-1.4-.6-.6-1.1-1.3-1.4-2.1-.3-.8-.5-1.8-.5-2.8ZM125.4,94.2c-.9,0-1.7.3-2.2.8-.5.5-.8,1.4-.8,2.5s.2,1.9.7,2.4c.5.6,1.2.8,2,.8s.6,0,.9-.1c.3,0,.4-.2.6-.3v-5.8c-.3-.2-.8-.3-1.3-.3Z"
+                    />
+                    <path
+                      className={classes.whiteLine}
+                      d="M139.1,90.8c.9,0,1.8,0,2.6.3.8.2,1.4.5,2,.9.5.4,1,.9,1.3,1.5.3.6.4,1.3.4,2.1v5.9c0,.5-.1.8-.4,1.1s-.6.5-.9.7c-1.1.7-2.7,1-4.8,1s-1.8,0-2.5-.3c-.7-.2-1.4-.4-1.9-.8-.5-.3-.9-.8-1.2-1.3-.3-.5-.4-1.2-.4-1.9,0-1.2.4-2.1,1.1-2.8s1.8-1,3.3-1.2l3.4-.4v-.2c0-.5-.2-.9-.7-1.1-.4-.2-1.1-.3-1.9-.3s-1.3,0-1.9.2-1.2.3-1.7.5c-.2-.2-.4-.4-.6-.7-.2-.3-.2-.7-.2-1s.1-.8.3-1.1c.2-.3.6-.5,1-.7.5-.2,1.1-.3,1.8-.4s1.3-.1,2-.1ZM139.3,101c.3,0,.6,0,1,0,.4,0,.6-.1.8-.2v-2.1l-1.9.2c-.5,0-.9.1-1.2.3-.3.2-.5.4-.5.8s.1.6.4.9c.3.2.7.3,1.4.3Z"
+                    />
+                    <path
+                      className={classes.whiteLine}
+                      d="M153.9,90.8c1,0,2,.1,2.9.4.9.3,1.7.7,2.3,1.2.6.6,1.2,1.3,1.5,2.1.4.8.6,1.9.6,3s-.2,2.1-.5,2.9c-.3.8-.8,1.5-1.3,2.1s-1.3,1-2.1,1.3c-.8.3-1.7.4-2.7.4s-1.4-.1-2.1-.3v4.3c-.2,0-.5.1-.8.2-.4,0-.8,0-1.2,0s-.7,0-1,0c-.3,0-.6-.2-.8-.3-.2-.2-.4-.4-.5-.6-.1-.3-.2-.6-.2-1.1v-12.6c0-.5,0-.9.3-1.2.2-.3.5-.6.8-.8.5-.3,1.2-.6,2-.8.8-.2,1.7-.3,2.7-.3ZM154,100.8c1.8,0,2.7-1.1,2.7-3.2s-.2-1.9-.7-2.5c-.4-.5-1.1-.8-1.9-.8s-.6,0-.9.1-.5.2-.7.3v5.8c.2.1.4.2.7.3s.5.1.8.1Z"
+                    />
+                    <path
+                      className={classes.whiteLine}
+                      d="M167.9,99.5c0,.5.1.8.4,1,.3.2.7.3,1.2.3s.5,0,.8,0c.3,0,.5-.1.7-.2.2.2.3.4.4.6.1.2.2.5.2.9,0,.7-.2,1.2-.7,1.6-.5.4-1.4.6-2.6.6s-2.7-.3-3.5-1-1.2-1.8-1.2-3.4v-11.2c.2,0,.5-.1.8-.2.4,0,.7,0,1.1,0,.8,0,1.4.1,1.8.4.4.3.6.8.6,1.7v1.7h3.4c.1.2.2.4.3.7,0,.3.1.6.1,1,0,.6-.1,1.1-.4,1.3-.3.3-.6.4-1.1.4h-2.4v4Z"
+                    />
+                  </g>
+                  <path
+                    className={classes.whiteLine}
+                    d="M176.6,91.1c0,0-.3,0-.5.1-.3,0-.5,0-.7,0-.5,0-.9,0-1.1-.2-.3-.2-.4-.5-.4-1v-2h-2.7c0-.1-.2-.3-.2-.5,0-.2,0-.4,0-.6,0-.4,0-.7.3-.9.2-.2.5-.3.8-.3h1.9v-3c.1,0,.3,0,.5-.1.2,0,.5,0,.7,0,.5,0,.8,0,1.1.3.3.2.4.5.4,1.1v1.9h2.7c0,.1.1.3.2.5,0,.2,0,.4,0,.7,0,.4,0,.7-.3.9-.2.2-.4.3-.8.3h-1.9v3.1Z"
+                  />
+                  <g>
+                    <path
+                      className={classes.whiteLine}
+                      d="M79.3,107v-.8h2.5v.8h-.8v4.5h-.8v-4.5h-.8Z"
+                    />
+                    <path
+                      className={classes.whiteLine}
+                      d="M83,111.6v-5.3h.7v1.8c.1-.2.3-.3.4-.4.1,0,.3-.1.4-.1s.3,0,.4.2c0,.1.1.3.1.5v3.3h-.7v-2.9c0-.1,0-.2,0-.2s0,0-.2,0-.1,0-.2,0c0,0-.2.1-.2.2v3h-.7Z"
+                    />
+                    <path
+                      className={classes.whiteLine}
+                      d="M86.6,110.5v-1.8c0-.3.1-.6.3-.8.2-.2.5-.3.8-.3s.6,0,.8.3c.2.2.3.5.3.9v1h-1.4v.7c0,.2,0,.3,0,.4,0,0,.1.1.2.1s.2,0,.3-.1c0,0,0-.2,0-.4v-.3h.7v.3c0,.4,0,.7-.3.9-.2.2-.5.3-.8.3s-.6-.1-.8-.3-.3-.5-.3-.9ZM87.4,109.1h.6v-.4c0-.2,0-.3,0-.4,0,0-.1-.1-.2-.1s-.2,0-.2.1c0,0,0,.2,0,.4v.4Z"
+                    />
+                    <path
+                      className={classes.whiteLine}
+                      d="M90.3,111.6v-3.9h.7v.5c0-.2.2-.3.3-.4.1,0,.3-.1.4-.1h0v.8s0,0-.1,0c0,0,0,0-.1,0-.2,0-.3,0-.4.2-.1.1-.2.3-.2.5v2.6h-.7Z"
+                    />
+                    <path
+                      className={classes.whiteLine}
+                      d="M93.1,111.6v-3.9h.7v.4c.1-.2.3-.3.4-.3.1,0,.3-.1.4-.1s.3,0,.3.1c0,0,.1.2.2.3.1-.1.2-.3.4-.3.1,0,.3-.1.4-.1s.3,0,.4.2c0,.1.1.3.1.5v3.3h-.7v-2.9c0-.1,0-.2,0-.2s0,0-.2,0-.1,0-.2,0c0,0-.2.1-.2.2v3h-.7v-2.9c0-.1,0-.2,0-.2,0,0,0,0-.2,0s-.1,0-.2,0c0,0-.2.1-.2.2v3h-.7Z"
+                    />
+                    <path
+                      className={classes.whiteLine}
+                      d="M98.1,108.5c0-.3,0-.5.3-.7.2-.2.5-.3.8-.3s.5,0,.7.3c.2.2.3.4.3.7v2c0,.3,0,.6-.3.8-.2.2-.4.3-.8.3s-.6,0-.8-.3-.3-.5-.3-.8v-2ZM98.8,110.6c0,.1,0,.2,0,.2,0,0,.1,0,.2,0s.2,0,.2,0c0,0,0-.1,0-.2v-2.1c0,0,0-.2,0-.2,0,0-.1,0-.2,0s-.2,0-.2,0c0,0,0,.1,0,.2v2.1Z"
+                    />
+                    <path
+                      className={classes.whiteLine}
+                      d="M101.4,110.5l.7-.2c0,.2,0,.4.2.5,0,0,.2.1.3.1s.2,0,.2,0c0,0,0-.1,0-.3,0-.2-.2-.5-.7-.9,0,0,0,0,0,0-.2-.2-.4-.4-.5-.5s-.2-.4-.2-.6c0-.3,0-.6.3-.8.2-.2.5-.3.8-.3s.5,0,.7.3c.2.2.3.4.3.7l-.7.2c0-.2,0-.3-.1-.4,0,0-.1-.1-.3-.1s-.2,0-.2,0c0,0,0,.1,0,.3,0,.2.2.4.5.7,0,0,.2.1.2.2.3.2.5.4.6.6.1.2.2.4.2.6,0,.3,0,.6-.3.8-.2.2-.5.3-.8.3s-.6-.1-.8-.3c-.2-.2-.3-.5-.4-.9Z"
+                    />
+                    <path
+                      className={classes.whiteLine}
+                      d="M105.3,110.7v-2.5h-.5v-.6h.5v-1.1h.7v1.1h.5v.6h-.5v2.4c0,.1,0,.2,0,.3s.1,0,.2,0,0,0,0,0c0,0,0,0,.1,0v.6c0,0-.1,0-.2,0s-.1,0-.2,0c-.3,0-.5,0-.6-.2-.1-.2-.2-.4-.2-.7Z"
+                    />
+                    <path
+                      className={classes.whiteLine}
+                      d="M109.3,111.1c-.1.2-.2.3-.4.4-.1,0-.3.1-.4.1s-.4,0-.5-.2c-.1-.1-.2-.4-.2-.6s.1-.7.3-.9.6-.5,1.1-.8v-.4c0-.1,0-.2,0-.3,0,0-.1,0-.2,0s-.2,0-.2,0,0,.1,0,.2v.2h-.7s0,0,0,0c0,0,0,0,0,0,0-.3.1-.6.3-.8.2-.2.5-.3.8-.3s.6.1.7.3c.2.2.2.5.2.9v1.7c0,.3,0,.5,0,.7,0,.2,0,.3,0,.4h-.7c0,0,0-.1,0-.2s0-.2,0-.3ZM109.2,110.6v-1c-.3.2-.4.3-.5.5s-.1.3-.1.5,0,.2,0,.3,0,0,.2,0,.2,0,.3,0c0,0,.2-.2.2-.3Z"
+                    />
+                    <path
+                      className={classes.whiteLine}
+                      d="M111.8,110.7v-2.5h-.5v-.6h.5v-1.1h.7v1.1h.5v.6h-.5v2.4c0,.1,0,.2,0,.3s.1,0,.2,0,0,0,0,0c0,0,0,0,.1,0v.6c0,0-.1,0-.2,0s-.1,0-.2,0c-.3,0-.5,0-.6-.2-.1-.2-.2-.4-.2-.7Z"
+                    />
+                    <path
+                      className={classes.whiteLine}
+                      d="M116.8,110.2v-2.7c0-.4.1-.7.3-1,.2-.2.5-.4.9-.4s.7.1.9.4.3.6.3,1v.5h-.8v-.6c0-.2,0-.3-.1-.4,0,0-.2-.1-.3-.1s-.2,0-.3.1c0,0-.1.2-.1.4v3c0,.2,0,.3.1.4,0,0,.2.1.3.1s.2,0,.3-.1c0,0,.1-.2.1-.4v-.7h.8v.6c0,.5-.1.8-.3,1.1-.2.3-.5.4-.9.4s-.7-.1-.9-.4-.3-.6-.3-1.1Z"
+                    />
+                    <path
+                      className={classes.whiteLine}
+                      d="M120.8,108.5c0-.3,0-.5.3-.7.2-.2.5-.3.8-.3s.5,0,.7.3c.2.2.3.4.3.7v2c0,.3,0,.6-.3.8-.2.2-.4.3-.8.3s-.6,0-.8-.3-.3-.5-.3-.8v-2ZM121.6,110.6c0,.1,0,.2,0,.2,0,0,.1,0,.2,0s.2,0,.2,0c0,0,0-.1,0-.2v-2.1c0,0,0-.2,0-.2,0,0-.1,0-.2,0s-.2,0-.2,0c0,0,0,.1,0,.2v2.1Z"
+                    />
+                    <path
+                      className={classes.whiteLine}
+                      d="M124.4,111.6v-3.9h.7v.4c.1-.2.3-.3.4-.4.1,0,.3-.1.4-.1s.3,0,.4.2c0,.1.1.3.1.5v3.3h-.7v-2.9c0-.1,0-.2,0-.2s0,0-.2,0-.1,0-.2,0c0,0-.2.1-.2.2v3h-.7Z"
+                    />
+                    <path
+                      className={classes.whiteLine}
+                      d="M128.3,110.7v-2.5h-.5v-.6h.5v-1.1h.7v1.1h.5v.6h-.5v2.4c0,.1,0,.2,0,.3s.1,0,.2,0,0,0,0,0c0,0,0,0,.1,0v.6c0,0-.1,0-.2,0s-.1,0-.2,0c-.3,0-.5,0-.6-.2-.1-.2-.2-.4-.2-.7Z"
+                    />
+                    <path
+                      className={classes.whiteLine}
+                      d="M131,111.6v-3.9h.7v.5c0-.2.2-.3.3-.4.1,0,.3-.1.4-.1h0v.8s0,0-.1,0c0,0,0,0-.1,0-.2,0-.3,0-.4.2-.1.1-.2.3-.2.5v2.6h-.7Z"
+                    />
+                    <path
+                      className={classes.whiteLine}
+                      d="M133.8,108.5c0-.3,0-.5.3-.7.2-.2.5-.3.8-.3s.5,0,.7.3c.2.2.3.4.3.7v2c0,.3,0,.6-.3.8-.2.2-.4.3-.8.3s-.6,0-.8-.3-.3-.5-.3-.8v-2ZM134.5,110.6c0,.1,0,.2,0,.2,0,0,.1,0,.2,0s.2,0,.2,0c0,0,0-.1,0-.2v-2.1c0,0,0-.2,0-.2,0,0-.1,0-.2,0s-.2,0-.2,0c0,0,0,.1,0,.2v2.1Z"
+                    />
+                    <path className={classes.whiteLine} d="M137.4,111.6v-5.3h.7v5.3h-.7Z" />
+                    <path className={classes.whiteLine} d="M139.8,111.6v-5.3h.7v5.3h-.7Z" />
+                    <path
+                      className={classes.whiteLine}
+                      d="M142,110.5v-1.8c0-.3.1-.6.3-.8.2-.2.5-.3.8-.3s.6,0,.8.3c.2.2.3.5.3.9v1h-1.4v.7c0,.2,0,.3,0,.4,0,0,.1.1.2.1s.2,0,.3-.1c0,0,0-.2,0-.4v-.3h.7v.3c0,.4,0,.7-.3.9-.2.2-.5.3-.8.3s-.6-.1-.8-.3-.3-.5-.3-.9ZM142.8,109.1h.6v-.4c0-.2,0-.3,0-.4,0,0-.1-.1-.2-.1s-.2,0-.2.1c0,0,0,.2,0,.4v.4Z"
+                    />
+                    <path
+                      className={classes.whiteLine}
+                      d="M145.7,111.6v-3.9h.7v.5c0-.2.2-.3.3-.4.1,0,.3-.1.4-.1h0v.8s0,0-.1,0c0,0,0,0-.1,0-.2,0-.3,0-.4.2-.1.1-.2.3-.2.5v2.6h-.7Z"
+                    />
+                  </g>
+                </g>
+                <g>
+                  <path
+                    className={classes.whiteLine}
+                    d="M91.1,200.8l-1,1c.8.8,1.3,1.9,1.3,3.1s-.5,2.3-1.3,3.1c-1.7,1.7-4.5,1.7-6.3,0-1.7-1.7-1.7-4.5,0-6.3l-1-1c-2.3,2.3-2.3,6,0,8.3,1.1,1.1,2.7,1.7,4.2,1.7s3-.6,4.2-1.7c1.1-1.1,1.7-2.6,1.7-4.2s-.6-3.1-1.7-4.2Z"
+                  />
+                  <rect className={classes.whiteLine} x="86.2" y="198.8" width="1.5" height="6.9" />
+                </g>
+                <g>
+                  <path
+                    className={classes.whiteLine}
+                    d="M155,203.8v2.4c0,1.3.7,1.7,1.7,1.7s2.3-.1,3-1.4c1.2,1.9-.8,2.9-3,2.9s-3.8-.8-3.8-3v-2.8c0-2.2,1.8-3,3.8-3s4.3.8,3,2.9c-.5-1.2-1.9-1.4-3-1.4s-1.7.4-1.7,1.7Z"
+                  />
+                  <path
+                    className={classes.whiteLine}
+                    d="M165.7,200.6s-.2,1-.2,1.5v5.7h2s.4,1.5-.5,1.5h-5.4c-.3-1.5.5-1.5,1-1.5h1v-5.6s-.2,0-.2,0h-.3c-.8,0-1,.3-1,1.2-1.6-1.1-1.3-2.7,1-2.7s2.6-.2,2.6-.2Z"
+                  />
+                </g>
+              </g>
+              <g>
+                <path
+                  className={classes.whiteLine}
+                  d="M18.9,81.6l4.3-.9v9.1h-2.1v-6.9l-2.2.6v-1.9Z"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M22.2,116.4c.2-.3.4-.5.6-.7.2-.2.3-.4.4-.6s.1-.4.1-.7,0-.3,0-.4c0-.1-.1-.3-.2-.4-.1-.1-.2-.2-.4-.3-.2,0-.3,0-.5,0s-.5,0-.7.2c-.2.1-.4.3-.5.6-.1.2-.2.5-.2.9h-2.1c0-.6.1-1.2.4-1.8.3-.5.7-1,1.2-1.3.5-.3,1.2-.5,2-.5s1,0,1.5.2c.4.2.8.4,1.1.7.3.3.5.6.6.9s.2.7.2,1c0,.5-.1.9-.4,1.3-.2.4-.6.8-.9,1.1l-2.1,1.9h3.6v2h-7.6l4-4.1Z"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M20.6,150c-.4-.2-.8-.4-1.1-.7-.3-.3-.5-.6-.7-1-.2-.4-.2-.7-.2-1.1h2.1c0,.3,0,.5.2.7.1.2.3.3.5.4.2,0,.4.1.7.1s.5,0,.7-.1c.2,0,.3-.2.5-.4s.2-.4.2-.6,0-.4-.1-.5c0-.2-.2-.3-.4-.4-.2-.1-.4-.2-.6-.3-.2,0-.5,0-.8,0v-1.1c.6,0,1.1,0,1.6.1.5,0,.9.3,1.3.5.4.2.6.5.8.8s.3.7.3,1.2-.1,1-.4,1.4c-.3.4-.7.7-1.2.9-.5.2-1.1.3-1.9.3s-1,0-1.4-.2ZM21.5,144.7c.2,0,.5,0,.7,0,.2,0,.4-.2.5-.3.1-.1.3-.2.3-.4s.1-.3.1-.5,0-.3-.1-.5c0-.1-.2-.2-.3-.3-.1,0-.3-.1-.6-.1-.3,0-.6,0-.8.3-.2.2-.3.5-.3.8h-2c0-.5.1-1,.4-1.4.3-.4.6-.8,1.1-1,.5-.2,1-.4,1.7-.4s1.2.1,1.7.3c.5.2.8.5,1.1.9.2.4.4.8.4,1.3s-.2.9-.5,1.3c-.3.3-.8.6-1.4.8-.6.2-1.2.3-1.9.3v-1Z"
+                />
+                <g>
+                  <path
+                    className={classes.whiteLine}
+                    d="M22,42.7c-4.9,0-8.8,3.9-8.8,8.8s3.9,8.8,8.8,8.8,8.8-3.9,8.8-8.8-3.9-8.8-8.8-8.8ZM22,57.1c-3.1,0-5.6-2.5-5.6-5.6s2.5-5.6,5.6-5.6,5.6,2.5,5.6,5.6-2.5,5.6-5.6,5.6Z"
+                  />
+                  <circle className={classes.whiteLine} cx="22" cy="51.5" r="3.3" />
+                </g>
+              </g>
+            </g>
+          </g>
+        </g>
+        {/* buttons for port selection */}
+        {/* I2C PORT */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 0, //address here is not important for I2C, the restrictions are per component not per port
+              addressType: quack.AddressType.ADDRESS_TYPE_I2C,
+              label: "1",
+              autoDetectable: false
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="22"
+          cy="51"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+        {/* CONFIGURABLE PIN PORTS */}
+        {/* PORT 1 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 4,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "1",
+              autoDetectable: true
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="22"
+          cy="85"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+        {/* PORT 2 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 8,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "2",
+              autoDetectable: true
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="22"
+          cy="116"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+        {/* PORT 3 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 16,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "3",
+              autoDetectable: true
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="22"
+          cy="146"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+        {/* PORT C1 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 512,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "C1",
+              autoDetectable: false
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="160"
+          cy="205"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+      </svg>
+    );
+  };
+
+  const bindaptPlusProModSVG = () => {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 224.2 224.2">
+        <g>
+          <g id="Layer_1">
+            <g>
+              <path
+                className={classes.whiteLine}
+                d="M14.4,206.2l3.9-2.9,3.9-2.9c2.6-1.9,5.2-3.8,7.8-5.7l7.8-5.7,7.9-5.7-.3.6c0-3.1,0-6.2-.1-9.3v-9.3c-.1-3.1-.2-6.2-.2-9.3v-9.3c0,0-.1-9.3-.1-9.3,0-3.1,0-6.2,0-9.3v-18.6s0-18.6,0-18.6v-9.3s0-9.3,0-9.3v-9.3c0-3.1.1-6.2.1-9.3v-9.3c.1-3.1.2-6.2.2-9.3l.3.6-7.9-5.7-7.8-5.7c-2.6-1.9-5.2-3.8-7.8-5.7l-3.9-2.9-3.9-2.9,4,2.7,4,2.7c2.7,1.8,5.4,3.6,8.1,5.4l8,5.4,8,5.4.3.2v.4c0,3.1.1,6.2.1,9.3v9.3c.1,3.1.2,6.2.2,9.3v9.3c0,0,.1,9.3.1,9.3v9.3s0,18.6,0,18.6v18.6c0,3.1,0,6.2,0,9.3v9.3c0,0-.1,9.3-.1,9.3,0,3.1,0,6.2,0,9.3v9.3c-.1,3.1-.2,6.2-.2,9.3v.4s-.3.2-.3.2l-8,5.4-8,5.4c-2.7,1.8-5.4,3.6-8.1,5.4l-4,2.7-4,2.7Z"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M208,206.2l-2.9-2.6c-1-.9-1.9-1.8-2.9-2.6l-2.8-2.7c-1-.9-1.9-1.8-2.8-2.7l-5.7-5.3-5.6-5.4.5.2h-4.2c0,0-4.2.1-4.2.1h-8.4c-2.8.2-5.6.2-8.4.2h-8.4c0,0-8.4.1-8.4.1h-8.4s-8.4,0-8.4,0h-8.4s-4.2,0-4.2,0h-4.2s-8.4-.1-8.4-.1h-4.2s-4.2-.1-4.2-.1h-8.4c0-.1-8.4-.3-8.4-.3h-4.2c0,0-4.2-.2-4.2-.2h-4.2c0-.1-4.2-.2-4.2-.2l-8.4-.3,8.4-.3h4.2c0-.1,4.2-.2,4.2-.2h4.2c0-.1,4.2-.2,4.2-.2l8.4-.2h8.4c0-.1,4.2-.2,4.2-.2h4.2s8.4-.1,8.4-.1h4.2s4.2,0,4.2,0h8.4s8.4,0,8.4,0h8.4s8.4,0,8.4,0h8.4c2.8.1,5.6.1,8.4.2h8.4c0,.1,4.2.2,4.2.2h4.2c0,0,.3,0,.3,0l.2.2,5.4,5.6,5.4,5.6c.9.9,1.8,1.9,2.7,2.8l2.7,2.8c.9.9,1.8,1.9,2.7,2.8l2.7,2.8Z"
+              />
+              <g>
+                <path
+                  className={classes.whiteLine}
+                  d="M75.5,199.3l-1.2,1.2c1,1,1.5,2.2,1.5,3.6s-.5,2.6-1.5,3.6c-2,2-5.2,2-7.2,0-2-2-2-5.2,0-7.2l-1.2-1.2c-2.6,2.6-2.6,6.9,0,9.6,1.3,1.3,3,2,4.8,2s3.5-.7,4.8-2c1.3-1.3,2-3,2-4.8s-.7-3.5-2-4.8Z"
+                />
+                <rect className={classes.whiteLine} x="69.8" y="196.9" width="1.7" height="8" />
+              </g>
+              <g>
+                <g>
+                  <path
+                    className={classes.whiteLine}
+                    d="M72.1,104.7c-.3,0-.6,0-.9,0-.4,0-.7,0-1.1,0-.4,0-.8-.1-1.1-.2-.4,0-.7-.2-1-.3-.9-.3-1.3-.9-1.3-1.7v-10.9c0-.3,0-.6.3-.8.2-.2.4-.3.7-.4.5-.2,1.2-.3,2-.4.8,0,1.6-.1,2.4-.1,2,0,3.5.3,4.6,1,1.1.7,1.6,1.7,1.6,3.1s-.2,1.3-.6,1.8c-.4.5-.9.9-1.6,1.1.8.2,1.4.6,1.9,1.2.5.6.8,1.3.8,2.2,0,1.5-.6,2.7-1.7,3.4-1.1.7-2.8,1.1-4.9,1.1ZM70.5,95.7h1.7c.7,0,1.2-.1,1.5-.4.3-.2.5-.6.5-1.1s-.2-.8-.5-1c-.4-.2-.9-.4-1.6-.4s-.5,0-.8,0c-.3,0-.5,0-.7,0v2.8ZM70.5,101.4c.2,0,.5.1.8.1.3,0,.7,0,1,0,.6,0,1.1-.1,1.6-.4.4-.3.6-.7.6-1.2s-.2-.9-.5-1.1c-.3-.2-.9-.3-1.6-.3h-1.9v2.8Z"
+                  />
+                  <path
+                    className={classes.whiteLine}
+                    d="M80.6,89.8c0-.6.2-1.1.6-1.5.4-.4.9-.6,1.6-.6s1.2.2,1.6.6c.4.4.6.9.6,1.5s-.2,1.1-.6,1.5c-.4.4-.9.6-1.6.6s-1.2-.2-1.6-.6c-.4-.4-.6-.9-.6-1.5ZM84.8,104.3c-.2,0-.4,0-.8.1-.3,0-.7,0-1,0s-.6,0-.9,0c-.3,0-.5-.1-.7-.3-.2-.1-.3-.3-.4-.6-.1-.2-.2-.6-.2-.9v-9.5c.2,0,.4,0,.8-.1.3,0,.7,0,1,0s.6,0,.9,0c.3,0,.5.1.7.3.2.1.3.3.4.6.1.2.2.6.2.9v9.5Z"
+                  />
+                  <path
+                    className={classes.whiteLine}
+                    d="M94.5,97.1c0-.5-.1-.8-.4-1.1-.3-.2-.6-.3-1.1-.3s-.6,0-.9.1c-.3,0-.6.2-.8.4v8.1c-.2,0-.4,0-.7.1-.3,0-.7,0-1,0s-.6,0-.9,0c-.3,0-.5-.1-.7-.3-.2-.1-.3-.3-.4-.6-.1-.2-.2-.6-.2-.9v-7c0-.4,0-.8.3-1,.2-.3.4-.5.7-.7.5-.4,1.2-.7,2-.9.8-.2,1.7-.3,2.7-.3,1.8,0,3.1.4,4.1,1.2.9.8,1.4,1.8,1.4,3.2v7.3c-.2,0-.4,0-.7.1-.3,0-.7,0-1,0s-.6,0-.9,0c-.3,0-.5-.1-.7-.3-.2-.1-.3-.3-.4-.6-.1-.2-.2-.6-.2-.9v-5.5Z"
+                  />
+                  <path
+                    className={classes.whiteLine}
+                    d="M100.4,98.6c0-1,.2-1.9.5-2.7.3-.8.7-1.4,1.3-1.9.6-.5,1.2-.9,1.9-1.1.7-.2,1.5-.4,2.4-.4s.6,0,.9,0c.3,0,.5.1.7.2v-3.8c.2,0,.4,0,.7-.2.3,0,.7,0,1,0s.6,0,.9,0c.3,0,.5.1.7.3.2.1.3.3.4.6,0,.2.1.6.1.9v11.1c0,.7-.3,1.3-1,1.7-.5.3-1,.6-1.7.8-.7.2-1.5.3-2.5.3s-1.9-.1-2.7-.4c-.8-.3-1.5-.7-2-1.2-.6-.5-1-1.2-1.3-1.9-.3-.7-.4-1.6-.4-2.5ZM107,95.7c-.8,0-1.5.2-1.9.7-.5.5-.7,1.2-.7,2.2s.2,1.7.6,2.2c.4.5,1,.7,1.8.7s.5,0,.8-.1c.2,0,.4-.2.5-.3v-5.1c-.3-.2-.7-.3-1.1-.3Z"
+                  />
+                  <path
+                    className={classes.whiteLine}
+                    d="M119.2,92.6c.8,0,1.6,0,2.3.3.7.2,1.3.4,1.8.8.5.3.9.8,1.1,1.3.3.5.4,1.2.4,1.9v5.2c0,.4-.1.7-.3,1-.2.3-.5.5-.8.7-1,.6-2.4.9-4.3.9s-1.6,0-2.2-.2c-.7-.2-1.2-.4-1.7-.7-.5-.3-.8-.7-1.1-1.2-.3-.5-.4-1-.4-1.7,0-1.1.3-1.9,1-2.5.6-.6,1.6-.9,3-1.1l3.1-.3v-.2c0-.5-.2-.8-.6-1-.4-.2-1-.3-1.7-.3s-1.2,0-1.7.2c-.6.1-1.1.3-1.5.5-.2-.1-.4-.4-.5-.6-.1-.3-.2-.6-.2-.9s0-.7.3-1c.2-.2.5-.4.9-.6.5-.2,1-.3,1.6-.4.6,0,1.2-.1,1.7-.1ZM119.4,101.8c.3,0,.6,0,.9,0,.3,0,.6-.1.7-.2v-1.9h-1.7c-.4.2-.8.3-1.1.4-.3.2-.4.4-.4.7s.1.6.4.8c.2.2.6.3,1.2.3Z"
+                  />
+                  <path
+                    className={classes.whiteLine}
+                    d="M132.5,92.6c.9,0,1.8.1,2.6.4.8.2,1.5.6,2.1,1.1.6.5,1,1.1,1.4,1.9.3.8.5,1.7.5,2.7s-.1,1.9-.4,2.6c-.3.7-.7,1.4-1.2,1.9-.5.5-1.1.9-1.9,1.1-.7.2-1.5.4-2.4.4s-1.3-.1-1.9-.3v3.9c-.2,0-.4,0-.7.2-.3,0-.7,0-1,0s-.6,0-.9,0c-.3,0-.5-.1-.7-.3-.2-.1-.3-.3-.4-.6,0-.2-.1-.6-.1-.9v-11.2c0-.4,0-.8.3-1,.2-.3.4-.5.7-.7.5-.3,1.1-.6,1.8-.7.7-.2,1.5-.3,2.4-.3ZM132.5,101.5c1.6,0,2.4-1,2.4-2.9s-.2-1.7-.6-2.2c-.4-.5-1-.7-1.7-.7s-.6,0-.8.1c-.2,0-.4.2-.6.2v5.1c.2,0,.4.2.6.2.2,0,.5,0,.7,0Z"
+                  />
+                  <path
+                    className={classes.whiteLine}
+                    d="M144.9,100.4c0,.4.1.7.4.9.3.2.6.3,1.1.3s.5,0,.7,0c.2,0,.5,0,.7-.2.1.2.3.4.4.6.1.2.2.5.2.8,0,.6-.2,1.1-.7,1.4-.4.4-1.2.6-2.3.6s-2.4-.3-3.2-.9c-.7-.6-1.1-1.6-1.1-3v-10c.2,0,.4,0,.7-.2.3,0,.7,0,1,0,.7,0,1.2.1,1.6.4.4.2.6.8.6,1.5v1.5h3.1c0,.2.2.4.3.6,0,.3.1.5.1.9,0,.5-.1.9-.4,1.2-.2.2-.6.4-1,.4h-2.1v3.5Z"
+                  />
+                </g>
+                <path
+                  className={classes.whiteLine}
+                  d="M152.7,93c0,0-.2,0-.5.1-.2,0-.5,0-.7,0-.4,0-.8,0-1-.2-.2-.1-.3-.5-.3-.9v-1.8h-2.4c0-.1-.1-.3-.2-.5,0-.2,0-.4,0-.6,0-.4,0-.7.3-.8.2-.2.4-.3.7-.3h1.7v-2.7c.1,0,.3,0,.5-.1.2,0,.4,0,.6,0,.4,0,.8,0,1,.2.2.1.3.5.3.9v1.7h2.4c0,.1.1.3.2.5,0,.2,0,.4,0,.6,0,.4,0,.6-.3.8-.2.2-.4.3-.7.3h-1.7v2.8Z"
+                />
+                <g>
+                  <path
+                    className={classes.whiteLine}
+                    d="M160.7,104.2c-.1,0-.3,0-.6.1-.3,0-.5,0-.8,0s-.5,0-.7,0c-.2,0-.4-.1-.5-.2-.1-.1-.2-.2-.3-.4,0-.2-.1-.4-.1-.7v-8.2c0-.2,0-.4.2-.6s.3-.2.5-.3c.4-.1.8-.2,1.4-.3.5,0,1,0,1.5,0,1.6,0,2.8.3,3.7,1,.8.7,1.3,1.6,1.3,2.8s0,1.1-.3,1.5-.4.9-.8,1.2c-.4.3-.8.6-1.3.8s-1.2.3-1.9.3h-1.2v3.2ZM161.6,98.6c.5,0,.9-.1,1.1-.3.3-.2.4-.6.4-1s-.1-.8-.4-1c-.3-.2-.7-.4-1.2-.4s-.3,0-.5,0c-.1,0-.2,0-.4,0v2.7h.9Z"
+                  />
+                  <path
+                    className={classes.whiteLine}
+                    d="M170.1,104.2c-.1,0-.3,0-.5.1-.2,0-.5,0-.8,0s-.5,0-.7,0c-.2,0-.4-.1-.5-.2-.1-.1-.2-.2-.3-.4,0-.2-.1-.4-.1-.7v-5.2c0-.3,0-.5.1-.7,0-.2.2-.4.4-.5.2-.2.4-.3.7-.4.3-.1.6-.2.9-.3.3,0,.6-.2,1-.2.3,0,.7,0,1,0,.6,0,1,.1,1.3.3.3.2.5.6.5,1.1s0,.3,0,.5-.1.3-.2.4c-.2,0-.5,0-.7,0-.3,0-.5,0-.7.1-.2,0-.5,0-.7.1-.2,0-.4.1-.5.2v5.9Z"
+                  />
+                  <path
+                    className={classes.whiteLine}
+                    d="M182.8,100c0,.7-.1,1.4-.3,1.9-.2.6-.5,1-.9,1.4s-.9.7-1.4.9c-.6.2-1.2.3-1.9.3s-1.3-.1-1.9-.3c-.6-.2-1-.5-1.4-.9-.4-.4-.7-.9-.9-1.4s-.3-1.2-.3-1.9.1-1.3.3-1.9.5-1,.9-1.4c.4-.4.9-.7,1.4-.9s1.2-.3,1.9-.3,1.3.1,1.9.3c.6.2,1,.5,1.4.9s.7.9.9,1.4.3,1.2.3,1.8ZM176.7,100c0,.7.1,1.3.4,1.6s.7.6,1.1.6.9-.2,1.1-.6c.3-.4.4-.9.4-1.6s-.1-1.2-.4-1.6c-.3-.4-.6-.6-1.1-.6s-.9.2-1.1.6c-.3.4-.4.9-.4,1.6Z"
+                  />
+                </g>
+              </g>
+              <g>
+                <path
+                  className={classes.whiteLine}
+                  d="M79.7,113.2v-.8h2.5v.8h-.8v4.5h-.8v-4.5h-.8Z"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M84,112.5h.8v2.1h.8v-2.1h.8v5.2h-.8v-2.3h-.8v2.3h-.8v-5.2Z"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M88.7,117.7v-5.2h2.1v.8h-1.3v1.4h.9v.8h-.9v1.6h1.3v.8h-2.1Z"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M93.7,115.5v2.2h-.8v-5.2h1.2c.4,0,.8.1,1,.4s.3.6.3,1.2,0,.6-.1.8-.2.4-.4.5l.6,2.4h-.8l-.5-2.2h-.4ZM93.7,113.2v1.5h.3c.2,0,.3,0,.4-.2,0-.1.1-.3.1-.6s0-.5-.1-.6c0-.1-.2-.2-.4-.2h-.3Z"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M97.5,117.7v-5.2h1.1l.5,2.9c0,.1,0,.2,0,.4,0,.1,0,.3,0,.4,0-.1,0-.2,0-.4,0-.1,0-.3,0-.4l.5-2.9h1.1v5.2h-.8v-3.3c0,0,0-.2,0-.4s0-.3,0-.5c0,0,0,.2,0,.3,0,.2,0,.4,0,.5l-.7,3.5h-.4l-.6-3.5c0-.1,0-.3,0-.5,0-.2,0-.3,0-.3,0,.2,0,.3,0,.5,0,.2,0,.3,0,.4v3.3h-.7Z"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M103,113.7c0-.4.1-.7.3-1s.5-.4.9-.4.7.1.9.4c.2.2.3.6.3,1v2.7c0,.5-.1.8-.3,1.1-.2.2-.5.4-.9.4s-.7-.1-.9-.4c-.2-.2-.3-.6-.3-1.1v-2.7ZM104.7,116.6v-2.9c0-.2,0-.3-.1-.4,0,0-.2-.1-.3-.1s-.2,0-.3.1c0,0-.1.2-.1.4v2.9c0,.2,0,.3.1.4,0,0,.2.1.3.1s.2,0,.3-.1c0,0,.1-.2.1-.4Z"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M107.5,116.4h.8c0,.1,0,.3.2.5,0,.1.2.2.4.2s.3,0,.4-.1.1-.2.1-.4c0-.3-.2-.6-.7-1.1h0c-.4-.5-.7-.8-.8-1.1-.1-.2-.2-.5-.2-.7,0-.4.1-.7.4-.9.2-.3.5-.4.9-.4s.6.1.8.3c.2.2.3.5.4.9h-.8c0-.1,0-.3-.1-.4,0-.1-.2-.2-.3-.2s-.2,0-.3.1c0,0-.1.2-.1.4,0,.3.3.7.8,1.2h0c.4.4.6.7.7.9s.2.5.2.8-.1.7-.4.9c-.2.2-.5.4-.9.4s-.7-.1-1-.4c-.2-.3-.4-.6-.4-1.1Z"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M111.7,113.2v-.8h2.5v.8h-.8v4.5h-.8v-4.5h-.8Z"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M115.4,117.7l.9-5.2h1.1l.9,5.2h-.8l-.2-1.1h-.8l-.2,1.1h-.8ZM116.5,115.8h.6l-.3-2.2h0l-.3,2.2Z"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M119.5,113.2v-.8h2.5v.8h-.8v4.5h-.8v-4.5h-.8Z"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M126.7,116.4v-2.7c0-.4.1-.7.3-1s.5-.4.9-.4.7.1.9.4c.2.2.3.6.3,1v.5h-.8v-.6c0-.2,0-.3-.1-.4,0,0-.2-.1-.3-.1s-.2,0-.3.1c0,0-.1.2-.1.4v2.9c0,.2,0,.3.1.4,0,0,.2.1.3.1s.2,0,.3-.1c0,0,.1-.2.1-.4v-.7h.8v.5c0,.5-.1.8-.3,1.1-.2.2-.5.4-.9.4s-.7-.1-.9-.4-.3-.6-.3-1.1Z"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M131.3,113.7c0-.4.1-.7.3-1s.5-.4.9-.4.7.1.9.4c.2.2.3.6.3,1v2.7c0,.5-.1.8-.3,1.1-.2.2-.5.4-.9.4s-.7-.1-.9-.4c-.2-.2-.3-.6-.3-1.1v-2.7ZM132.9,116.6v-2.9c0-.2,0-.3-.1-.4,0,0-.2-.1-.3-.1s-.2,0-.3.1c0,0-.1.2-.1.4v2.9c0,.2,0,.3.1.4,0,0,.2.1.3.1s.2,0,.3-.1c0,0,.1-.2.1-.4Z"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M136,117.7v-5.2h.7l1,3.1c0,0,0,.1,0,.2,0,0,0,.2,0,.3,0-.2,0-.3,0-.4,0-.1,0-.2,0-.3v-3h.8v5.2h-.8l-1-2.9s0,0,0,0c0-.2-.1-.4-.2-.5,0,.2,0,.3,0,.5,0,.1,0,.2,0,.3v2.7h-.7Z"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M140.4,113.2v-.8h2.5v.8h-.8v4.5h-.8v-4.5h-.8Z"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M145.5,115.5v2.2h-.8v-5.2h1.2c.4,0,.8.1,1,.4s.3.6.3,1.2,0,.6-.1.8-.2.4-.4.5l.6,2.4h-.8l-.5-2.2h-.4ZM145.5,113.2v1.5h.3c.2,0,.3,0,.4-.2,0-.1.1-.3.1-.6s0-.5-.1-.6c0-.1-.2-.2-.4-.2h-.3Z"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M149.2,113.7c0-.4.1-.7.3-1s.5-.4.9-.4.7.1.9.4c.2.2.3.6.3,1v2.7c0,.5-.1.8-.3,1.1-.2.2-.5.4-.9.4s-.7-.1-.9-.4c-.2-.2-.3-.6-.3-1.1v-2.7ZM150.8,116.6v-2.9c0-.2,0-.3-.1-.4,0,0-.2-.1-.3-.1s-.2,0-.3.1c0,0-.1.2-.1.4v2.9c0,.2,0,.3.1.4,0,0,.2.1.3.1s.2,0,.3-.1c0,0,.1-.2.1-.4Z"
+                />
+                <path className={classes.whiteLine} d="M153.9,117.7v-5.2h.8v4.5h1.3v.8h-2.1Z" />
+                <path className={classes.whiteLine} d="M157.9,117.7v-5.2h.8v4.5h1.3v.8h-2.1Z" />
+                <path
+                  className={classes.whiteLine}
+                  d="M161.9,117.7v-5.2h2.1v.8h-1.3v1.4h.9v.8h-.9v1.6h1.3v.8h-2.1Z"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M166.9,115.5v2.2h-.8v-5.2h1.2c.4,0,.8.1,1,.4s.3.6.3,1.2,0,.6-.1.8-.2.4-.4.5l.6,2.4h-.8l-.5-2.2h-.4ZM166.9,113.2v1.5h.3c.2,0,.3,0,.4-.2,0-.1.1-.3.1-.6s0-.5-.1-.6c0-.1-.2-.2-.4-.2h-.3Z"
+                />
+              </g>
+              <path
+                className={classes.whiteLine}
+                d="M215.4,223.5H8.8c-4.5,0-8.1-3.6-8.1-8.1V8.8C.7,4.3,4.3.7,8.8.7h206.6c4.5,0,8.1,3.6,8.1,8.1v206.6c0,4.5-3.6,8.1-8.1,8.1ZM8.8,1.9c-3.8,0-6.9,3.1-6.9,6.9v206.6c0,3.8,3.1,6.9,6.9,6.9h206.6c3.8,0,6.9-3.1,6.9-6.9V8.8c0-3.8-3.1-6.9-6.9-6.9H8.8Z"
+              />
+              <text className={classes.whiteLine} transform="translate(108.8 208.5)">
+                <tspan x="0" y="0">
+                  C1
+                </tspan>
+              </text>
+              <text className={classes.whiteLine} transform="translate(159.9 208.5)">
+                <tspan x="0" y="0">
+                  C2
+                </tspan>
+              </text>
+              <g>
+                <g>
+                  <path
+                    className={classes.whiteLine}
+                    d="M17.5,78l4.3-.9v9.1h-2.1v-6.9l-2.2.6v-1.9Z"
+                  />
+                  <path
+                    className={classes.whiteLine}
+                    d="M20.9,112.1c.2-.3.4-.5.6-.7.2-.2.3-.4.4-.6s.1-.4.1-.7,0-.3,0-.4c0-.1-.1-.3-.2-.4-.1-.1-.2-.2-.4-.3-.2,0-.3,0-.5,0s-.5,0-.7.2c-.2.1-.4.3-.5.6-.1.2-.2.5-.2.9h-2.1c0-.6.1-1.2.4-1.8.3-.5.7-1,1.2-1.3.5-.3,1.2-.5,2-.5s1,0,1.5.2c.4.2.8.4,1.1.7.3.3.5.6.6.9s.2.7.2,1c0,.5-.1.9-.4,1.3-.2.4-.6.8-.9,1.1l-2.1,1.9h3.6v2h-7.6l4-4.1Z"
+                  />
+                  <path
+                    className={classes.whiteLine}
+                    d="M19.3,146.2c-.4-.2-.8-.4-1.1-.7-.3-.3-.5-.6-.7-1-.2-.4-.2-.7-.2-1.1h2.1c0,.3,0,.5.2.7.1.2.3.3.5.4.2,0,.4.1.7.1s.5,0,.7-.1c.2,0,.3-.2.5-.4s.2-.4.2-.6,0-.4-.1-.5c0-.2-.2-.3-.4-.4-.2-.1-.4-.2-.6-.3-.2,0-.5,0-.8,0v-1.1c.6,0,1.1,0,1.6.1.5,0,.9.3,1.3.5.4.2.6.5.8.8s.3.7.3,1.2-.1,1-.4,1.4c-.3.4-.7.7-1.2.9-.5.2-1.1.3-1.9.3s-1,0-1.4-.2ZM20.2,140.9c.2,0,.5,0,.7,0,.2,0,.4-.2.5-.3.1-.1.3-.2.3-.4s.1-.3.1-.5,0-.3-.1-.5c0-.1-.2-.2-.3-.3-.1,0-.3-.1-.6-.1-.3,0-.6,0-.8.3-.2.2-.3.5-.3.8h-2c0-.5.1-1,.4-1.4.3-.4.6-.8,1.1-1,.5-.2,1-.4,1.7-.4s1.2.1,1.7.3c.5.2.8.5,1.1.9.2.4.4.8.4,1.3s-.2.9-.5,1.3c-.3.3-.8.6-1.4.8-.6.2-1.2.3-1.9.3v-1Z"
+                  />
+                  <path
+                    className={classes.whiteLine}
+                    d="M22.1,167.2h1.6v9h-2.3v-2.3h.2v-3.6l-1.9,2.7h3.3l.2-.3h1.8v1.8h-8.2l5.2-7.4Z"
+                  />
+                </g>
+                <g>
+                  <path
+                    className={classes.whiteLine}
+                    d="M20.7,42.6c-4.9,0-8.8,3.9-8.8,8.8s3.9,8.8,8.8,8.8,8.8-3.9,8.8-8.8-3.9-8.8-8.8-8.8ZM20.7,57c-3.1,0-5.6-2.5-5.6-5.6s2.5-5.6,5.6-5.6,5.6,2.5,5.6,5.6-2.5,5.6-5.6,5.6Z"
+                  />
+                  <circle className={classes.whiteLine} cx="20.7" cy="51.4" r="3.3" />
+                </g>
+              </g>
+            </g>
+          </g>
+        </g>
+        {/* buttons for port selection */}
+        {/* I2C PORT */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 0, //address here is not important for I2C, the restrictions are per component not per port
+              addressType: quack.AddressType.ADDRESS_TYPE_I2C,
+              label: "1",
+              autoDetectable: false
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="21"
+          cy="51"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+        {/* CONFIGURABLE PIN PORTS */}
+        {/* PORT 1 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 4,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "1",
+              autoDetectable: true
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="21"
+          cy="82"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+        {/* PORT 2 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 8,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "2",
+              autoDetectable: true
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="21"
+          cy="113"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+        {/* PORT 3 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 16,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "3",
+              autoDetectable: true
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="21"
+          cy="143"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+        {/* PORT 4 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 32,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "4",
+              autoDetectable: true
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="21"
+          cy="173"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+        {/* PORT C1 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 512,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "C1",
+              autoDetectable: false
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="117"
+          cy="204"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+        {/* PORT C2 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 1024,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "C2",
+              autoDetectable: false
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="169"
+          cy="204"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+      </svg>
+    );
+  };
+
+  const bindaptPlusProSVG = () => {
+    return (
+      <svg version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 224.2 224.2">
+        <g id="g335">
+          <path
+            id="XMLID_00000119822745341112127770000008111702438469707138_"
+            className={classes.whiteLine}
+            d="M14.4,206.2l3.9-2.9l3.9-2.9   c2.6-1.9,5.2-3.8,7.8-5.7l7.8-5.7l7.9-5.7l-0.3,0.6c0-3.1-0.1-6.2-0.1-9.3l-0.1-9.3c0-3.1-0.1-6.2-0.1-9.3l-0.1-9.3l-0.1-9.3   c0-3.1,0-6.2,0-9.3l0-18.6l0-18.6l0-9.3l0.1-9.3l0.1-9.3c0-3.1,0.1-6.2,0.1-9.3l0.1-9.3c0-3.1,0.1-6.2,0.1-9.3l0.3,0.6l-7.9-5.7   L30,24.1c-2.6-1.9-5.2-3.8-7.8-5.7l-3.9-2.9l-3.9-2.9l4,2.7l4,2.7c2.7,1.8,5.4,3.6,8.1,5.4l8,5.4l8,5.4l0.3,0.2l0,0.4   c0,3.1,0.1,6.2,0.1,9.3l0.1,9.3c0,3.1,0.1,6.2,0.1,9.3l0.1,9.3l0.1,9.3l0,9.3l0,18.6l0,18.6c0,3.1,0,6.2,0,9.3l-0.1,9.3l-0.1,9.3   c0,3.1-0.1,6.2-0.1,9.3l-0.1,9.3c0,3.1-0.1,6.2-0.1,9.3l0,0.4l-0.3,0.2l-8,5.4l-8,5.4c-2.7,1.8-5.4,3.6-8.1,5.4l-4,2.7L14.4,206.2z   "
+          />
+          <path
+            id="XMLID_00000068672234761065879520000002967550087377252755_"
+            className={classes.whiteLine}
+            d="M207.9,206.2l-2.9-2.6   c-1-0.9-1.9-1.8-2.9-2.6l-2.8-2.7c-1-0.9-1.9-1.8-2.8-2.7l-5.7-5.3l-5.6-5.4l0.5,0.2l-4.2,0.1l-4.2,0.1l-8.4,0.1   c-2.8,0-5.6,0.1-8.4,0.1l-8.4,0.1l-8.4,0l-8.4,0l-8.4,0l-8.4,0l-4.2,0l-4.2,0l-8.4-0.1l-4.2,0l-4.2-0.1l-8.4-0.1L77,185l-4.2-0.1   l-4.2-0.1l-4.2-0.1l-4.2-0.1l-8.4-0.3l8.4-0.3l4.2-0.1l4.2-0.1l4.2-0.1l4.2-0.1l8.4-0.2l8.4-0.1l4.2-0.1l4.2,0l8.4-0.1l4.2,0l4.2,0   l8.4,0l8.4,0l8.4,0l8.4,0l8.4,0.1c2.8,0,5.6,0,8.4,0.1l8.4,0.1l4.2,0.1l4.2,0.1l0.3,0l0.2,0.2l5.4,5.6l5.4,5.6   c0.9,0.9,1.8,1.9,2.7,2.8l2.7,2.8c0.9,0.9,1.8,1.9,2.7,2.8L207.9,206.2z"
+          />
+          <g id="XMLID_00000103962768369190164000000015698665035828833451_">
+            <path
+              id="XMLID_00000024003039760686647720000013832932785715207869_"
+              className={classes.whiteLine}
+              d="M75.5,199l-1.2,1.2c1,1,1.5,2.2,1.5,3.6    c0,1.4-0.5,2.6-1.5,3.6c-2,2-5.2,2-7.2,0c-2-2-2-5.2,0-7.2l-1.2-1.2c-2.6,2.6-2.6,6.9,0,9.6c1.3,1.3,3,2,4.8,2    c1.7,0,3.5-0.7,4.8-2c1.3-1.3,2-3,2-4.8C77.4,202,76.7,200.3,75.5,199z"
+            />
+            <rect
+              id="XMLID_00000017514180326105598580000008043984161823543975_"
+              x="69.8"
+              y="196.7"
+              className={classes.whiteLine}
+              width="1.7"
+              height="8"
+            />
+          </g>
+          <g id="XMLID_00000135670824213631294970000011148528041647443643_">
+            <g
+              id="XMLID_00000132081445508807587560000014519027955376333726_"
+              transform="translate(0.73455007,0.31784561)">
+              <g id="g231">
+                <path
+                  id="XMLID_00000180350143955467839770000009552854613289543853_"
+                  className={classes.whiteLine}
+                  d="m 24.5,108.1 c 0,0 -0.2,1.2 -0.2,1.7 v 6.6 h 2.3 c 0,0 0.4,1.7 -0.6,1.7 h -6.2 c -0.3,-1.7 0.6,-1.7 1.2,-1.7 h 1.2 v -6.4 c 0,0 -0.2,0 -0.3,0 h -0.3 c -0.9,0 -1.2,0.4 -1.2,1.4 -1.8,-1.2 -1.5,-3.1 1.2,-3.1 1.6,0 2.9,-0.2 2.9,-0.2 z"
+                />
+              </g>
+            </g>
+            <g
+              id="XMLID_00000040557030650259736360000010875847435104401578_"
+              transform="translate(0.8,7.8074624)">
+              <g id="g235">
+                <path
+                  id="XMLID_00000172420641765141944350000014275530149518697600_"
+                  className={classes.whiteLine}
+                  d="m 19.4,142.9 c 0,-3.3 5.1,-2.8 5.1,-5.1 v -0.2 c 0,-0.8 -0.5,-1.3 -1.5,-1.3 -1.1,0 -2.6,0.3 -2.6,1.9 -0.6,-0.5 -1,-1.1 -1,-1.6 0,-1.1 1.2,-2 3.5,-2 2.2,0 3.8,1.1 3.8,2.8 v 0.5 c 0,3.3 -5.2,3.1 -5.2,4.7 v 0.2 h 3.9 c 1.1,0 1.5,-0.4 1.5,-0.4 0,0 0.1,2.1 -1.4,2.1 h -6.3 v -1.6 z"
+                />
+              </g>
+            </g>
+            <g
+              id="XMLID_00000023963114259889052240000013081897741665933988_"
+              transform="translate(0.50453937,14.00907)">
+              <g id="g239">
+                <path
+                  id="XMLID_00000072265179772324119510000014002230634551520406_"
+                  className={classes.whiteLine}
+                  d="m 20.4,164.6 c -1.9,-1.8 -0.7,-3.6 2.6,-3.6 2.2,0 3.8,1 3.8,2.7 v 0.3 c 0,0.8 -0.5,1.7 -1.1,1.9 0.8,0.2 1.3,1.2 1.3,2 v 0.4 c 0,1.7 -1.6,2.8 -3.9,2.8 -3.5,0 -4.4,-1.9 -2.8,-3.6 0.1,1.7 1.6,1.9 2.8,1.9 1.1,0 1.6,-0.6 1.6,-1.3 0,-0.5 0.1,-1.2 -1.2,-1.4 -0.3,0 -1,-0.1 -1,-1.5 0,-0.1 0,-0.1 0,-0.2 h 0.7 c 1,0 1.4,-0.3 1.4,-1.2 0,-0.7 -0.4,-1.2 -1.5,-1.2 -1.2,0.1 -2.7,0.4 -2.7,2 z"
+                />
+              </g>
+            </g>
+          </g>
+          <g
+            id="XMLID_00000038414276733131068090000017340390134942469010_"
+            transform="matrix(0.86509551,0,0,0.85638124,3.0071151,-0.10596607)">
+            <path
+              id="XMLID_00000163757029412890235130000012466922680142279350_"
+              className={classes.whiteLine}
+              d="m 19.3,86.8 h -4.8 v -1.9 h 4.8 c 0.1,0 0.1,0 0.1,0 0.1,-0.1 0.1,-0.4 0.1,-0.7 v -0.1 -1.1 h 1.9 v 0.9 c 0,0.3 0.1,1.4 -0.6,2.2 -0.4,0.4 -0.9,0.7 -1.5,0.7 z"
+            />
+            <path
+              id="XMLID_00000134216065202879946470000008606562596444667008_"
+              className={classes.whiteLine}
+              d="m 25.9,98.1 v -1.9 c 1.3,0 2.3,-1 2.3,-2.3 0,-1.3 -1,-2.3 -2.3,-2.3 h -8.4 v -1.9 h 8.4 c 2.3,0 4.3,1.9 4.3,4.3 -0.1,2.2 -2,4.1 -4.3,4.1 z"
+            />
+            <path
+              id="XMLID_00000135651086897186230780000000973982011143388550_"
+              className={classes.whiteLine}
+              d="m 28.4,89.1 h -13.9 v -1.9 h 13.9 c 1.3,0 2.3,-1 2.3,-2.3 0,-1.3 -1,-2.3 -2.3,-2.3 v -1.9 c 2.3,0 4.3,1.9 4.3,4.3 -0.1,2.2 -2,4.1 -4.3,4.1 z"
+            />
+          </g>
+          <g id="XMLID_00000028317782106833408040000005311931792164087191_">
+            <g id="XMLID_00000116224028412915684100000008609014862423504548_">
+              <g id="XMLID_00000136394267711035137830000010290694849243043234_">
+                <path
+                  id="XMLID_00000163050252215072541390000015518660741655361950_"
+                  className={classes.whiteLine}
+                  d="M72,104.7c-0.3,0-0.6,0-0.9,0      c-0.4,0-0.7,0-1.1-0.1c-0.4,0-0.8-0.1-1.1-0.2c-0.4-0.1-0.7-0.2-1-0.3c-0.9-0.3-1.3-0.9-1.3-1.7V91.5c0-0.3,0.1-0.6,0.3-0.8      c0.2-0.2,0.4-0.3,0.7-0.4c0.5-0.2,1.2-0.3,2-0.4c0.8-0.1,1.6-0.1,2.4-0.1c2,0,3.5,0.3,4.6,1c1.1,0.7,1.6,1.7,1.6,3.1      c0,0.7-0.2,1.3-0.6,1.8c-0.4,0.5-0.9,0.9-1.6,1.1c0.8,0.2,1.4,0.6,1.9,1.2c0.5,0.6,0.8,1.3,0.8,2.2c0,1.5-0.6,2.7-1.7,3.4      C75.8,104.3,74.2,104.7,72,104.7z M70.5,95.7h1.7c0.7,0,1.2-0.1,1.5-0.4c0.3-0.2,0.5-0.6,0.5-1.1c0-0.4-0.2-0.8-0.5-1      c-0.4-0.2-0.9-0.4-1.6-0.4c-0.2,0-0.5,0-0.8,0c-0.3,0-0.5,0-0.7,0.1V95.7z M70.5,101.4c0.2,0.1,0.5,0.1,0.8,0.1c0.3,0,0.7,0,1,0      c0.6,0,1.1-0.1,1.6-0.4c0.4-0.3,0.6-0.7,0.6-1.2c0-0.5-0.2-0.9-0.5-1.1c-0.3-0.2-0.9-0.3-1.6-0.3h-1.9V101.4z"
+                />
+                <path
+                  id="XMLID_00000101825211733406070050000008564324064454645691_"
+                  className={classes.whiteLine}
+                  d="M80.6,89.8c0-0.6,0.2-1.1,0.6-1.5      c0.4-0.4,0.9-0.6,1.6-0.6c0.7,0,1.2,0.2,1.6,0.6c0.4,0.4,0.6,0.9,0.6,1.5c0,0.6-0.2,1.1-0.6,1.5c-0.4,0.4-0.9,0.6-1.6,0.6      c-0.7,0-1.2-0.2-1.6-0.6C80.8,90.9,80.6,90.4,80.6,89.8z M84.8,104.3c-0.2,0-0.4,0.1-0.8,0.1c-0.3,0.1-0.7,0.1-1,0.1      c-0.3,0-0.6,0-0.9-0.1c-0.3,0-0.5-0.1-0.7-0.3c-0.2-0.1-0.3-0.3-0.4-0.6c-0.1-0.2-0.2-0.6-0.2-0.9v-9.5c0.2,0,0.4-0.1,0.8-0.1      c0.3-0.1,0.7-0.1,1-0.1c0.3,0,0.6,0,0.9,0.1c0.3,0,0.5,0.1,0.7,0.3c0.2,0.1,0.3,0.3,0.4,0.6c0.1,0.2,0.2,0.6,0.2,0.9V104.3z"
+                />
+                <path
+                  id="XMLID_00000009551125763266280680000011830048189517854139_"
+                  className={classes.whiteLine}
+                  d="M94.5,97.1c0-0.5-0.1-0.8-0.4-1.1      c-0.3-0.2-0.6-0.3-1.1-0.3c-0.3,0-0.6,0-0.9,0.1c-0.3,0.1-0.6,0.2-0.8,0.4v8.1c-0.2,0-0.4,0.1-0.7,0.1c-0.3,0-0.7,0.1-1,0.1      c-0.3,0-0.6,0-0.9-0.1c-0.3,0-0.5-0.1-0.7-0.3c-0.2-0.1-0.3-0.3-0.4-0.6c-0.1-0.2-0.2-0.6-0.2-0.9v-7c0-0.4,0.1-0.8,0.3-1      c0.2-0.3,0.4-0.5,0.7-0.7c0.5-0.4,1.2-0.7,2-0.9c0.8-0.2,1.7-0.3,2.7-0.3c1.8,0,3.1,0.4,4.1,1.2c0.9,0.8,1.4,1.8,1.4,3.2v7.3      c-0.2,0-0.4,0.1-0.7,0.1c-0.3,0-0.7,0.1-1,0.1c-0.3,0-0.6,0-0.9-0.1c-0.3,0-0.5-0.1-0.7-0.3c-0.2-0.1-0.3-0.3-0.4-0.6      c-0.1-0.2-0.2-0.6-0.2-0.9V97.1z"
+                />
+                <path
+                  id="XMLID_00000178192891436318841330000003550333257086074299_"
+                  className={classes.whiteLine}
+                  d="M100.4,98.6c0-1,0.2-1.9,0.5-2.7      c0.3-0.8,0.7-1.4,1.3-1.9c0.6-0.5,1.2-0.9,1.9-1.1c0.7-0.2,1.5-0.4,2.4-0.4c0.3,0,0.6,0,0.9,0.1c0.3,0.1,0.5,0.1,0.7,0.2v-3.8      c0.2,0,0.4-0.1,0.7-0.2c0.3-0.1,0.7-0.1,1-0.1c0.3,0,0.6,0,0.9,0.1c0.3,0,0.5,0.1,0.7,0.3c0.2,0.1,0.3,0.3,0.4,0.6      c0.1,0.2,0.1,0.6,0.1,0.9v11.1c0,0.7-0.3,1.3-1,1.7c-0.5,0.3-1,0.6-1.7,0.8c-0.7,0.2-1.5,0.3-2.5,0.3c-1,0-1.9-0.1-2.7-0.4      c-0.8-0.3-1.5-0.7-2-1.2c-0.6-0.5-1-1.2-1.3-1.9C100.5,100.4,100.4,99.6,100.4,98.6z M107,95.7c-0.8,0-1.5,0.2-1.9,0.7      c-0.5,0.5-0.7,1.2-0.7,2.2c0,1,0.2,1.7,0.6,2.2c0.4,0.5,1,0.7,1.8,0.7c0.3,0,0.5,0,0.8-0.1c0.2-0.1,0.4-0.2,0.5-0.3V96      C107.8,95.8,107.5,95.7,107,95.7z"
+                />
+                <path
+                  id="XMLID_00000126298145022236308720000008955769071546120889_"
+                  className={classes.whiteLine}
+                  d="M119.2,92.6c0.8,0,1.6,0.1,2.3,0.3      c0.7,0.2,1.3,0.4,1.8,0.8c0.5,0.3,0.9,0.8,1.1,1.3c0.3,0.5,0.4,1.2,0.4,1.9v5.2c0,0.4-0.1,0.7-0.3,1c-0.2,0.3-0.5,0.5-0.8,0.7      c-1,0.6-2.4,0.9-4.3,0.9c-0.8,0-1.6-0.1-2.2-0.2c-0.7-0.2-1.2-0.4-1.7-0.7c-0.5-0.3-0.8-0.7-1.1-1.2c-0.3-0.5-0.4-1-0.4-1.7      c0-1.1,0.3-1.9,1-2.5c0.6-0.6,1.6-0.9,3-1.1L121,97v-0.2c0-0.5-0.2-0.8-0.6-1c-0.4-0.2-1-0.3-1.7-0.3c-0.6,0-1.2,0.1-1.7,0.2      c-0.6,0.1-1.1,0.3-1.5,0.5c-0.2-0.1-0.4-0.4-0.5-0.6c-0.1-0.3-0.2-0.6-0.2-0.9c0-0.4,0.1-0.7,0.3-1c0.2-0.2,0.5-0.4,0.9-0.6      c0.5-0.2,1-0.3,1.6-0.4C118.1,92.7,118.7,92.6,119.2,92.6z M119.4,101.8c0.3,0,0.6,0,0.9-0.1c0.3-0.1,0.6-0.1,0.7-0.2v-1.9      l-1.7,0.1c-0.4,0-0.8,0.1-1.1,0.3c-0.3,0.2-0.4,0.4-0.4,0.7c0,0.3,0.1,0.6,0.4,0.8C118.4,101.7,118.8,101.8,119.4,101.8z"
+                />
+                <path
+                  id="XMLID_00000095317418252562982400000014017549004406127273_"
+                  className={classes.whiteLine}
+                  d="M132.5,92.6c0.9,0,1.8,0.1,2.6,0.4      c0.8,0.2,1.5,0.6,2.1,1.1c0.6,0.5,1,1.1,1.4,1.9c0.3,0.8,0.5,1.7,0.5,2.7c0,1-0.1,1.9-0.4,2.6c-0.3,0.7-0.7,1.4-1.2,1.9      c-0.5,0.5-1.1,0.9-1.9,1.1c-0.7,0.2-1.5,0.4-2.4,0.4c-0.7,0-1.3-0.1-1.9-0.3v3.9c-0.2,0-0.4,0.1-0.7,0.2c-0.3,0.1-0.7,0.1-1,0.1      c-0.3,0-0.6,0-0.9-0.1c-0.3,0-0.5-0.1-0.7-0.3c-0.2-0.1-0.3-0.3-0.4-0.6c-0.1-0.2-0.1-0.6-0.1-0.9V95.4c0-0.4,0.1-0.8,0.3-1      c0.2-0.3,0.4-0.5,0.7-0.7c0.5-0.3,1.1-0.6,1.8-0.7C130.8,92.7,131.6,92.6,132.5,92.6z M132.5,101.5c1.6,0,2.4-1,2.4-2.9      c0-1-0.2-1.7-0.6-2.2c-0.4-0.5-1-0.7-1.7-0.7c-0.3,0-0.6,0-0.8,0.1c-0.2,0.1-0.4,0.2-0.6,0.2v5.1c0.2,0.1,0.4,0.2,0.6,0.2      C132,101.5,132.3,101.5,132.5,101.5z"
+                />
+                <path
+                  id="XMLID_00000039818614958914409060000018437108864955496380_"
+                  className={classes.whiteLine}
+                  d="M144.9,100.4c0,0.4,0.1,0.7,0.4,0.9      c0.3,0.2,0.6,0.3,1.1,0.3c0.2,0,0.5,0,0.7-0.1c0.2,0,0.5-0.1,0.7-0.2c0.1,0.2,0.3,0.4,0.4,0.6c0.1,0.2,0.2,0.5,0.2,0.8      c0,0.6-0.2,1.1-0.7,1.4c-0.4,0.4-1.2,0.6-2.3,0.6c-1.4,0-2.4-0.3-3.2-0.9c-0.7-0.6-1.1-1.6-1.1-3v-10c0.2,0,0.4-0.1,0.7-0.2      c0.3-0.1,0.7-0.1,1-0.1c0.7,0,1.2,0.1,1.6,0.4c0.4,0.2,0.6,0.8,0.6,1.5v1.5h3.1c0.1,0.2,0.2,0.4,0.3,0.6      c0.1,0.3,0.1,0.5,0.1,0.9c0,0.5-0.1,0.9-0.4,1.2c-0.2,0.2-0.6,0.4-1,0.4h-2.1V100.4z"
+                />
+              </g>
+              <g id="XMLID_00000087403579423062286290000000375795222262336670_">
+                <g id="g256">
+                  <path
+                    id="XMLID_00000077283583303934562480000011397037897503722368_"
+                    className={classes.whiteLine}
+                    d="M152.6,93c-0.1,0-0.2,0.1-0.5,0.1       c-0.2,0-0.5,0-0.7,0c-0.4,0-0.8-0.1-1-0.2c-0.2-0.1-0.3-0.5-0.3-0.9v-1.8h-2.4c-0.1-0.1-0.1-0.3-0.2-0.5c0-0.2-0.1-0.4-0.1-0.6       c0-0.4,0.1-0.7,0.3-0.8c0.2-0.2,0.4-0.3,0.7-0.3h1.7v-2.7c0.1,0,0.3-0.1,0.5-0.1c0.2,0,0.4-0.1,0.6-0.1c0.4,0,0.8,0.1,1,0.2       c0.2,0.1,0.3,0.5,0.3,0.9V88h2.4c0.1,0.1,0.1,0.3,0.2,0.5c0.1,0.2,0.1,0.4,0.1,0.6c0,0.4-0.1,0.6-0.3,0.8       c-0.2,0.2-0.4,0.3-0.7,0.3h-1.7V93z"
+                  />
+                </g>
+              </g>
+              <g id="g265">
+                <path
+                  className={classes.whiteLine}
+                  d="M160.7,104.2c-0.1,0-0.3,0.1-0.6,0.1c-0.3,0-0.5,0.1-0.8,0.1s-0.5,0-0.7-0.1c-0.2,0-0.4-0.1-0.5-0.2      c-0.1-0.1-0.2-0.2-0.3-0.4c-0.1-0.2-0.1-0.4-0.1-0.7v-8.2c0-0.2,0.1-0.4,0.2-0.6c0.1-0.1,0.3-0.2,0.5-0.3      c0.4-0.1,0.8-0.2,1.4-0.3c0.5-0.1,1-0.1,1.5-0.1c1.6,0,2.8,0.3,3.7,1c0.8,0.7,1.3,1.6,1.3,2.8c0,0.6-0.1,1.1-0.3,1.5      s-0.4,0.9-0.8,1.2c-0.4,0.3-0.8,0.6-1.3,0.8s-1.2,0.3-1.9,0.3h-1.2V104.2z M161.6,98.6c0.5,0,0.9-0.1,1.1-0.3      c0.3-0.2,0.4-0.6,0.4-1c0-0.4-0.1-0.8-0.4-1c-0.3-0.2-0.7-0.4-1.2-0.4c-0.2,0-0.3,0-0.5,0c-0.1,0-0.2,0-0.4,0v2.7H161.6z"
+                  id="path259"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M170.1,104.2c-0.1,0-0.3,0.1-0.5,0.1c-0.2,0-0.5,0.1-0.8,0.1c-0.3,0-0.5,0-0.7-0.1c-0.2,0-0.4-0.1-0.5-0.2      c-0.1-0.1-0.2-0.2-0.3-0.4c-0.1-0.2-0.1-0.4-0.1-0.7v-5.2c0-0.3,0-0.5,0.1-0.7c0.1-0.2,0.2-0.4,0.4-0.5c0.2-0.2,0.4-0.3,0.7-0.4      c0.3-0.1,0.6-0.2,0.9-0.3c0.3-0.1,0.6-0.2,1-0.2c0.3-0.1,0.7-0.1,1-0.1c0.6,0,1,0.1,1.3,0.3c0.3,0.2,0.5,0.6,0.5,1.1      c0,0.2,0,0.3-0.1,0.5s-0.1,0.3-0.2,0.4c-0.2,0-0.5,0-0.7,0c-0.3,0-0.5,0.1-0.7,0.1c-0.2,0-0.5,0.1-0.7,0.1      c-0.2,0.1-0.4,0.1-0.5,0.2V104.2z"
+                  id="path261"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M182.7,100c0,0.7-0.1,1.4-0.3,1.9c-0.2,0.6-0.5,1-0.9,1.4s-0.9,0.7-1.4,0.9c-0.6,0.2-1.2,0.3-1.9,0.3      s-1.3-0.1-1.9-0.3c-0.6-0.2-1-0.5-1.4-0.9c-0.4-0.4-0.7-0.9-0.9-1.4s-0.3-1.2-0.3-1.9c0-0.7,0.1-1.3,0.3-1.9s0.5-1,0.9-1.4      c0.4-0.4,0.9-0.7,1.4-0.9s1.2-0.3,1.9-0.3s1.3,0.1,1.9,0.3c0.6,0.2,1,0.5,1.4,0.9s0.7,0.9,0.9,1.4S182.7,99.3,182.7,100z       M176.6,100c0,0.7,0.1,1.3,0.4,1.6s0.7,0.6,1.1,0.6s0.9-0.2,1.1-0.6c0.3-0.4,0.4-0.9,0.4-1.6c0-0.7-0.1-1.2-0.4-1.6      c-0.3-0.4-0.6-0.6-1.1-0.6s-0.9,0.2-1.1,0.6C176.8,98.8,176.6,99.3,176.6,100z"
+                  id="path263"
+                />
+              </g>
+            </g>
+          </g>
+          <g id="g309">
+            <path
+              className={classes.whiteLine}
+              d="M79.6,113.2v-0.8h2.5v0.8h-0.8v4.5h-0.8v-4.5H79.6z"
+              id="path269"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M84,112.5h0.8v2.1h0.8v-2.1h0.8v5.2h-0.8v-2.3h-0.8v2.3H84V112.5z"
+              id="path271"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M88.7,117.7v-5.2h2.1v0.8h-1.3v1.4h0.9v0.8h-0.9v1.6h1.3v0.8H88.7z"
+              id="path273"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M93.7,115.5v2.2h-0.8v-5.2h1.2c0.4,0,0.8,0.1,1,0.4s0.3,0.6,0.3,1.2c0,0.3,0,0.6-0.1,0.8s-0.2,0.4-0.4,0.5    l0.6,2.4h-0.8l-0.5-2.2H93.7z M93.7,113.2v1.5H94c0.2,0,0.3-0.1,0.4-0.2c0.1-0.1,0.1-0.3,0.1-0.6c0-0.3,0-0.5-0.1-0.6    c-0.1-0.1-0.2-0.2-0.4-0.2H93.7z"
+              id="path275"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M97.5,117.7v-5.2h1.1l0.5,2.9c0,0.1,0,0.2,0,0.4c0,0.1,0,0.3,0,0.4c0-0.1,0-0.2,0-0.4c0-0.1,0-0.3,0.1-0.4    l0.5-2.9h1.1v5.2h-0.8v-3.3c0-0.1,0-0.2,0-0.4s0-0.3,0-0.5c0,0.1,0,0.2,0,0.3c0,0.2-0.1,0.4-0.1,0.5l-0.7,3.5h-0.4l-0.6-3.5    c0-0.1-0.1-0.3-0.1-0.5c0-0.2,0-0.3,0-0.3c0,0.2,0,0.3,0,0.5c0,0.2,0,0.3,0,0.4v3.3H97.5z"
+              id="path277"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M103,113.7c0-0.4,0.1-0.7,0.3-1s0.5-0.4,0.9-0.4c0.4,0,0.7,0.1,0.9,0.4c0.2,0.2,0.3,0.6,0.3,1v2.7    c0,0.5-0.1,0.8-0.3,1.1c-0.2,0.2-0.5,0.4-0.9,0.4c-0.4,0-0.7-0.1-0.9-0.4c-0.2-0.2-0.3-0.6-0.3-1.1V113.7z M104.7,116.5v-2.9    c0-0.2,0-0.3-0.1-0.4c-0.1-0.1-0.2-0.1-0.3-0.1c-0.1,0-0.2,0-0.3,0.1c-0.1,0.1-0.1,0.2-0.1,0.4v2.9c0,0.2,0,0.3,0.1,0.4    c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.3-0.1C104.6,116.9,104.7,116.7,104.7,116.5z"
+              id="path279"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M107.5,116.4l0.8-0.1c0,0.3,0.1,0.5,0.2,0.6c0.1,0.1,0.2,0.2,0.4,0.2c0.1,0,0.3,0,0.4-0.1s0.1-0.2,0.1-0.4    c0-0.3-0.2-0.6-0.7-1.1c0,0-0.1-0.1-0.1-0.1c-0.4-0.4-0.7-0.8-0.8-1c-0.1-0.2-0.2-0.5-0.2-0.7c0-0.4,0.1-0.7,0.4-0.9    c0.2-0.3,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.8,0.3c0.2,0.2,0.3,0.5,0.4,0.9l-0.8,0.1c0-0.2-0.1-0.4-0.1-0.5    c-0.1-0.1-0.2-0.2-0.3-0.2c-0.1,0-0.2,0-0.3,0.1c-0.1,0.1-0.1,0.2-0.1,0.4c0,0.3,0.3,0.7,0.8,1.2c0,0,0,0,0,0    c0.4,0.4,0.6,0.7,0.7,0.9s0.2,0.5,0.2,0.8c0,0.4-0.1,0.7-0.4,0.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.4,0-0.7-0.1-1-0.4    C107.6,117.2,107.5,116.8,107.5,116.4z"
+              id="path281"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M111.7,113.2v-0.8h2.5v0.8h-0.8v4.5h-0.8v-4.5H111.7z"
+              id="path283"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M115.4,117.7l0.9-5.2h1.1l0.9,5.2h-0.8l-0.2-1.1h-0.8l-0.2,1.1H115.4z M116.5,115.8h0.6l-0.3-2.2h-0.1    L116.5,115.8z"
+              id="path285"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M119.5,113.2v-0.8h2.5v0.8h-0.8v4.5h-0.8v-4.5H119.5z"
+              id="path287"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M126.7,116.3v-2.7c0-0.4,0.1-0.7,0.3-1s0.5-0.4,0.9-0.4c0.4,0,0.7,0.1,0.9,0.4c0.2,0.2,0.3,0.6,0.3,1v0.5    h-0.8v-0.6c0-0.2,0-0.3-0.1-0.4c-0.1-0.1-0.2-0.1-0.3-0.1c-0.1,0-0.2,0-0.3,0.1c-0.1,0.1-0.1,0.2-0.1,0.4v2.9c0,0.2,0,0.3,0.1,0.4    c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.3-0.1c0.1-0.1,0.1-0.2,0.1-0.4v-0.7h0.8v0.5c0,0.5-0.1,0.8-0.3,1.1    c-0.2,0.2-0.5,0.4-0.9,0.4c-0.4,0-0.7-0.1-0.9-0.4S126.7,116.8,126.7,116.3z"
+              id="path289"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M131.3,113.7c0-0.4,0.1-0.7,0.3-1s0.5-0.4,0.9-0.4c0.4,0,0.7,0.1,0.9,0.4c0.2,0.2,0.3,0.6,0.3,1v2.7    c0,0.5-0.1,0.8-0.3,1.1c-0.2,0.2-0.5,0.4-0.9,0.4c-0.4,0-0.7-0.1-0.9-0.4c-0.2-0.2-0.3-0.6-0.3-1.1V113.7z M132.9,116.5v-2.9    c0-0.2,0-0.3-0.1-0.4c-0.1-0.1-0.2-0.1-0.3-0.1c-0.1,0-0.2,0-0.3,0.1c-0.1,0.1-0.1,0.2-0.1,0.4v2.9c0,0.2,0,0.3,0.1,0.4    c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.3-0.1C132.9,116.9,132.9,116.7,132.9,116.5z"
+              id="path291"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M136,117.7v-5.2h0.7l1,3.1c0,0.1,0,0.1,0.1,0.2c0,0.1,0.1,0.2,0.1,0.3c0-0.2,0-0.3-0.1-0.4c0-0.1,0-0.2,0-0.3    v-3h0.8v5.2h-0.8l-1-2.9c0,0,0,0,0-0.1c-0.1-0.2-0.1-0.4-0.2-0.5c0,0.2,0.1,0.3,0.1,0.5c0,0.1,0,0.2,0,0.3v2.7H136z"
+              id="path293"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M140.4,113.2v-0.8h2.5v0.8H142v4.5h-0.8v-4.5H140.4z"
+              id="path295"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M145.5,115.5v2.2h-0.8v-5.2h1.2c0.4,0,0.8,0.1,1,0.4s0.3,0.6,0.3,1.2c0,0.3,0,0.6-0.1,0.8s-0.2,0.4-0.4,0.5    l0.6,2.4h-0.8l-0.5-2.2H145.5z M145.5,113.2v1.5h0.3c0.2,0,0.3-0.1,0.4-0.2c0.1-0.1,0.1-0.3,0.1-0.6c0-0.3,0-0.5-0.1-0.6    c-0.1-0.1-0.2-0.2-0.4-0.2H145.5z"
+              id="path297"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M149.2,113.7c0-0.4,0.1-0.7,0.3-1s0.5-0.4,0.9-0.4c0.4,0,0.7,0.1,0.9,0.4c0.2,0.2,0.3,0.6,0.3,1v2.7    c0,0.5-0.1,0.8-0.3,1.1c-0.2,0.2-0.5,0.4-0.9,0.4c-0.4,0-0.7-0.1-0.9-0.4c-0.2-0.2-0.3-0.6-0.3-1.1V113.7z M150.8,116.5v-2.9    c0-0.2,0-0.3-0.1-0.4c-0.1-0.1-0.2-0.1-0.3-0.1c-0.1,0-0.2,0-0.3,0.1c-0.1,0.1-0.1,0.2-0.1,0.4v2.9c0,0.2,0,0.3,0.1,0.4    c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.3-0.1C150.8,116.9,150.8,116.7,150.8,116.5z"
+              id="path299"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M153.9,117.7v-5.2h0.8v4.5h1.3v0.8H153.9z"
+              id="path301"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M157.9,117.7v-5.2h0.8v4.5h1.3v0.8H157.9z"
+              id="path303"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M161.8,117.7v-5.2h2.1v0.8h-1.3v1.4h0.9v0.8h-0.9v1.6h1.3v0.8H161.8z"
+              id="path305"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M166.9,115.5v2.2H166v-5.2h1.2c0.4,0,0.8,0.1,1,0.4s0.3,0.6,0.3,1.2c0,0.3,0,0.6-0.1,0.8s-0.2,0.4-0.4,0.5    l0.6,2.4h-0.8l-0.5-2.2H166.9z M166.9,113.2v1.5h0.3c0.2,0,0.3-0.1,0.4-0.2c0.1-0.1,0.1-0.3,0.1-0.6c0-0.3,0-0.5-0.1-0.6    c-0.1-0.1-0.2-0.2-0.4-0.2H166.9z"
+              id="path307"
+            />
+          </g>
+          <g
+            id="XMLID_00000159457671224001588530000006163810281912234891_"
+            transform="matrix(0.76834906,0,0,0.75398374,5.4307924,-4.9568685)">
+            <path
+              id="XMLID_00000080922146902199000480000000697750322109644935_"
+              className={classes.whiteLine}
+              d="m 19.3,61.2 v -8.1 c 0,-1.1 -0.9,-1.9 -1.9,-1.9 -1.1,0 -1.9,0.9 -1.9,1.9 v 8.1 c -1.4,0.7 -2.3,2.2 -2.3,3.8 0,2.3 1.9,4.2 4.2,4.2 2.3,0 4.2,-1.9 4.2,-4.2 0,-1.6 -0.9,-3.1 -2.3,-3.8 z m -1.9,-8.6 c 0.3,0 0.5,0.2 0.5,0.5 v 5 h -1.1 v -5 c 0.1,-0.3 0.3,-0.5 0.6,-0.5 z"
+            />
+            <g id="XMLID_00000052071233852490930470000013406318700742088073_">
+              <path
+                id="XMLID_00000132069979992592489240000012491092019972548245_"
+                className={classes.whiteLine}
+                d="m 27.3,61.5 c -0.1,-0.2 -0.5,-0.2 -0.6,0 -0.7,1.5 -2.3,4.2 -2.3,5.4 0,1.4 1.1,2.6 2.6,2.6 1.4,0 2.6,-1.1 2.6,-2.6 0,-1.2 -1.5,-3.9 -2.3,-5.4 z m -0.5,7.6 c -0.4,0 -0.4,-0.7 0,-0.7 1,0 1.7,-0.8 1.7,-1.7 0,-0.4 0.7,-0.4 0.7,0 0,1.3 -1,2.4 -2.4,2.4 z"
+              />
+              <path
+                id="XMLID_00000116210110562807716680000006384226893605895580_"
+                className={classes.whiteLine}
+                d="m 32.1,56.3 c -0.1,-0.2 -0.5,-0.2 -0.6,0 -0.7,1.5 -2.3,4.2 -2.3,5.4 0,1.4 1.1,2.6 2.6,2.6 1.4,0 2.6,-1.1 2.6,-2.6 0,-1.2 -1.6,-3.9 -2.3,-5.4 z m -0.5,7.5 c -0.4,0 -0.4,-0.7 0,-0.7 1,0 1.7,-0.8 1.7,-1.7 0,-0.4 0.7,-0.4 0.7,0 0,1.4 -1.1,2.4 -2.4,2.4 z"
+              />
+              <path
+                id="XMLID_00000034078528240601122740000016981941297176061089_"
+                className={classes.whiteLine}
+                d="m 27.4,51.2 c -0.1,-0.2 -0.5,-0.2 -0.6,0 -0.7,1.5 -2.3,4.2 -2.3,5.4 0,1.4 1.1,2.6 2.6,2.6 1.4,0 2.6,-1.1 2.6,-2.6 0,-1.2 -1.6,-3.9 -2.3,-5.4 z m -0.5,7.5 c -0.4,0 -0.4,-0.7 0,-0.7 1,0 1.7,-0.8 1.7,-1.7 0,-0.4 0.7,-0.4 0.7,0 0,1.4 -1.1,2.4 -2.4,2.4 z"
+              />
+            </g>
+          </g>
+          <path
+            className={classes.whiteLine}
+            d="M215.4,223.5H8.8c-4.5,0-8.1-3.6-8.1-8.1V8.8c0-4.5,3.6-8.1,8.1-8.1h206.6c4.5,0,8.1,3.6,8.1,8.1v206.6   C223.5,219.9,219.9,223.5,215.4,223.5z M8.8,1.9C5,1.9,1.9,5,1.9,8.8v206.6c0,3.8,3.1,6.9,6.9,6.9h206.6c3.8,0,6.9-3.1,6.9-6.9V8.8   c0-3.8-3.1-6.9-6.9-6.9H8.8z"
+            id="path317"
+          />
+          <g id="g325">
+            <g id="g323">
+              <path
+                className={classes.whiteLine}
+                d="M110.8,203.8v2.4c0,1.3,0.7,1.7,1.7,1.7c1.1,0,2.3-0.1,3-1.4c1.2,1.9-0.8,2.9-3,2.9c-2,0-3.8-0.8-3.8-3v-2.8     c0-2.2,1.8-3,3.8-3c2.2,0,4.3,0.8,3,2.9c-0.5-1.2-1.9-1.4-3-1.4C111.5,202.1,110.8,202.5,110.8,203.8z"
+                id="path319"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M121.5,200.6c0,0-0.2,1-0.2,1.5v5.7h2c0,0,0.4,1.5-0.5,1.5h-5.4c-0.3-1.5,0.5-1.5,1-1.5h1v-5.6     c0,0-0.2,0-0.2,0H119c-0.8,0-1,0.3-1,1.2c-1.6-1.1-1.3-2.7,1-2.7C120.4,200.7,121.5,200.6,121.5,200.6z"
+                id="path321"
+              />
+            </g>
+          </g>
+          <g id="g333">
+            <g id="g331">
+              <path
+                className={classes.whiteLine}
+                d="M162.4,203.8v2.4c0,1.3,0.7,1.7,1.7,1.7c1.1,0,2.3-0.1,3-1.4c1.2,1.9-0.8,2.9-3,2.9c-2,0-3.8-0.8-3.8-3v-2.8     c0-2.2,1.8-3,3.8-3c2.2,0,4.3,0.8,3,2.9c-0.5-1.2-1.9-1.4-3-1.4C163.1,202.1,162.4,202.5,162.4,203.8z"
+                id="path327"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M168.6,207.9c0-2.9,4.5-2.4,4.5-4.5v-0.2c0-0.7-0.4-1.2-1.3-1.2c-0.9,0-2.2,0.2-2.2,1.7     c-0.6-0.5-0.8-1-0.8-1.4c0-0.9,1-1.7,3.1-1.7c1.9,0,3.3,0.9,3.3,2.4v0.5c0,2.9-4.5,2.7-4.5,4.1v0.1h3.4c0.9,0,1.3-0.4,1.3-0.4     s0.1,1.8-1.2,1.8h-5.5V207.9z"
+                id="path329"
+              />
+            </g>
+          </g>
+        </g>
+        {/* buttons for port selection */}
+        {/* I2C PORTS */}
+        {/* TEMP/HUMIDITY */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 0, //address here is not important for I2C, the restrictions are per component not per port
+              addressType: quack.AddressType.ADDRESS_TYPE_I2C,
+              label: "1",
+              autoDetectable: false
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="24"
+          cy="41"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+        {/* PRESSURE */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 0, //address here is not important for I2C, the restrictions are per component not per port
+              addressType: quack.AddressType.ADDRESS_TYPE_I2C,
+              label: "1",
+              autoDetectable: false
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="24"
+          cy="76"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+
+        {/* CONFIGURABLE PIN PORTS */}
+        {/* PORT 1 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 4,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "1",
+              autoDetectable: true
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="24"
+          cy="114"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+        {/* PORT 2 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 8,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "2",
+              autoDetectable: true
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="24"
+          cy="148"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+        {/* PORT 3 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 16,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "3",
+              autoDetectable: true
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="24"
+          cy="180"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+        {/* PORT C1 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 512,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "C1",
+              autoDetectable: false
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="116"
+          cy="205"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+        {/* PORT C2 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 1024,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "C2",
+              autoDetectable: false
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="168"
+          cy="205"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+      </svg>
+    );
+  };
+
+  const binHaloSVG = () => {
+    return (
+      <svg version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 224.2 224.2">
+        <g id="g77">
+          <path
+            id="XMLID_00000167382544558283838600000004263570017868958352_"
+            className={classes.whiteLine}
+            d="M16.9,206.2l3.9-2.9l3.9-2.9   c2.6-1.9,5.2-3.8,7.8-5.7l7.8-5.7l7.9-5.7l-0.3,0.6c0-3.1-0.1-6.2-0.1-9.3l-0.1-9.3c0-3.1-0.1-6.2-0.1-9.3l-0.1-9.3l-0.1-9.3   c0-3.1,0-6.2,0-9.3l0-18.6l0-18.6l0-9.3l0.1-9.3l0.1-9.3c0-3.1,0.1-6.2,0.1-9.3l0.1-9.3c0-3.1,0.1-6.2,0.1-9.3l0.3,0.6l-7.9-5.7   l-7.8-5.7c-2.6-1.9-5.2-3.8-7.8-5.7l-3.9-2.9l-3.9-2.9l4,2.7l4,2.7c2.7,1.8,5.4,3.6,8.1,5.4l8,5.4l8,5.4l0.3,0.2l0,0.4   c0,3.1,0.1,6.2,0.1,9.3l0.1,9.3c0,3.1,0.1,6.2,0.1,9.3l0.1,9.3l0.1,9.3l0,9.3l0,18.6l0,18.6c0,3.1,0,6.2,0,9.3l-0.1,9.3l-0.1,9.3   c0,3.1-0.1,6.2-0.1,9.3l-0.1,9.3c0,3.1-0.1,6.2-0.1,9.3l0,0.4l-0.3,0.2l-8,5.4l-8,5.4c-2.7,1.8-5.4,3.6-8.1,5.4l-4,2.7L16.9,206.2z   "
+          />
+          <path
+            id="XMLID_00000028316155680054276830000007228777365199829131_"
+            className={classes.whiteLine}
+            d="M210.5,206.2l-2.9-2.6   c-1-0.9-1.9-1.8-2.9-2.6l-2.8-2.7c-1-0.9-1.9-1.8-2.8-2.7l-5.7-5.3l-5.6-5.4l0.5,0.2l-4.2,0.1l-4.2,0.1l-8.4,0.1   c-2.8,0-5.6,0.1-8.4,0.1l-8.4,0.1l-8.4,0l-8.4,0l-8.4,0l-8.4,0l-4.2,0l-4.2,0l-8.4-0.1l-4.2,0l-4.2-0.1l-8.4-0.1l-8.4-0.2l-4.2-0.1   l-4.2-0.1l-4.2-0.1l-4.2-0.1l-8.4-0.3l8.4-0.3l4.2-0.1l4.2-0.1l4.2-0.1l4.2-0.1l8.4-0.2l8.4-0.1l4.2-0.1l4.2,0l8.4-0.1l4.2,0l4.2,0   l8.4,0l8.4,0l8.4,0l8.4,0l8.4,0.1c2.8,0,5.6,0,8.4,0.1l8.4,0.1l4.2,0.1l4.2,0.1l0.3,0l0.2,0.2l5.4,5.6l5.4,5.6   c0.9,0.9,1.8,1.9,2.7,2.8l2.7,2.8c0.9,0.9,1.8,1.9,2.7,2.8L210.5,206.2z"
+          />
+          <g id="XMLID_00000146496128896213054890000016034477349806262917_">
+            <g id="g8">
+              <path
+                id="XMLID_00000173880171132220872160000004985766179690221972_"
+                className={classes.whiteLine}
+                d="M98.3,201.1l-1.1,1.1     c0.9,0.9,1.4,2,1.4,3.2c0,1.2-0.5,2.4-1.4,3.2c-1.9,1.8-4.9,1.8-6.8,0c-1.9-1.8-1.9-4.7,0-6.5l-1.1-1.1c-2.5,2.4-2.5,6.3,0,8.6     c1.3,1.2,2.9,1.8,4.5,1.8c1.6,0,3.3-0.6,4.5-1.8c1.2-1.2,1.9-2.7,1.9-4.3C100.2,203.8,99.5,202.2,98.3,201.1z"
+              />
+              <rect
+                id="XMLID_00000109745771581993262380000010763429224556032897_"
+                x="93"
+                y="199"
+                className={classes.whiteLine}
+                width="1.6"
+                height="7.2"
+              />
+            </g>
+          </g>
+          <g id="g17">
+            <g id="g15">
+              <g
+                id="XMLID_00000132081445508807587560000014519027955376333726_"
+                transform="translate(3.0941003,-6.166286)">
+                <g id="g231" transform="translate(-2.3595502)">
+                  <path
+                    id="XMLID_00000180350143955467839770000009552854613289543853_"
+                    className={classes.whiteLine}
+                    d="m 24.5,108.1 c 0,0 -0.2,1.2 -0.2,1.7 v 6.6 h 2.3 c 0,0 0.4,1.7 -0.6,1.7 h -6.2 c -0.3,-1.7 0.6,-1.7 1.2,-1.7 h 1.2 v -6.4 c 0,0 -0.2,0 -0.3,0 h -0.3 c -0.9,0 -1.2,0.4 -1.2,1.4 -1.8,-1.2 -1.5,-3.1 1.2,-3.1 1.6,0 2.9,-0.2 2.9,-0.2 z"
+                  />
+                </g>
+              </g>
+              <g id="g325" transform="matrix(1.0007774,0,0,1,32.604241,0.18718854)">
+                <g id="g323">
+                  <path
+                    className={classes.whiteLine}
+                    d="m 110.8,203.8 v 2.4 c 0,1.3 0.7,1.7 1.7,1.7 1.1,0 2.3,-0.1 3,-1.4 1.2,1.9 -0.8,2.9 -3,2.9 -2,0 -3.8,-0.8 -3.8,-3 v -2.8 c 0,-2.2 1.8,-3 3.8,-3 2.2,0 4.3,0.8 3,2.9 -0.5,-1.2 -1.9,-1.4 -3,-1.4 -1,0 -1.7,0.4 -1.7,1.7 z"
+                    id="path319"
+                  />
+                  <path
+                    className={classes.whiteLine}
+                    d="m 121.5,200.6 c 0,0 -0.2,1 -0.2,1.5 v 5.7 h 2 c 0,0 0.4,1.5 -0.5,1.5 h -5.4 c -0.3,-1.5 0.5,-1.5 1,-1.5 h 1 v -5.6 c 0,0 -0.2,0 -0.2,0 h -0.2 c -0.8,0 -1,0.3 -1,1.2 -1.6,-1.1 -1.3,-2.7 1,-2.7 1.4,0 2.5,-0.1 2.5,-0.1 z"
+                    id="path321"
+                  />
+                </g>
+              </g>
+            </g>
+          </g>
+          <path
+            className={classes.haloBorder}
+            d="M215.4,222.9H8.8c-4.1,0-7.5-3.4-7.5-7.5V8.8c0-4.1,3.4-7.5,7.5-7.5h206.6c4.1,0,7.5,3.4,7.5,7.5v206.6   C222.9,219.5,219.5,222.9,215.4,222.9z"
+            id="path19"
+          />
+
+          <g id="g73">
+            <path
+              className={classes.whiteLine}
+              d="M88.7,99.3c-0.3,0-0.6,0-0.9,0c-0.4,0-0.7,0-1.1-0.1c-0.4,0-0.8-0.1-1.1-0.2c-0.4-0.1-0.7-0.2-1-0.3    c-0.9-0.3-1.3-0.9-1.3-1.7V86.2c0-0.3,0.1-0.6,0.3-0.8c0.2-0.2,0.4-0.3,0.7-0.4c0.5-0.2,1.2-0.3,2-0.4c0.8-0.1,1.6-0.1,2.4-0.1    c2,0,3.5,0.3,4.6,1c1.1,0.7,1.6,1.7,1.6,3.1c0,0.7-0.2,1.3-0.6,1.8c-0.4,0.5-0.9,0.9-1.6,1.1c0.8,0.2,1.4,0.6,1.9,1.2    c0.5,0.6,0.8,1.3,0.8,2.2c0,1.5-0.6,2.7-1.7,3.4C92.5,98.9,90.9,99.3,88.7,99.3z M87.2,90.3h1.7c0.7,0,1.2-0.1,1.5-0.4    c0.3-0.2,0.5-0.6,0.5-1.1c0-0.4-0.2-0.8-0.5-1c-0.3-0.2-0.9-0.4-1.6-0.4c-0.2,0-0.5,0-0.8,0c-0.3,0-0.5,0-0.7,0.1V90.3z M87.2,96    c0.2,0.1,0.5,0.1,0.8,0.1c0.3,0,0.7,0,1,0c0.6,0,1.1-0.1,1.5-0.4s0.6-0.7,0.6-1.2c0-0.5-0.2-0.9-0.5-1.1c-0.3-0.2-0.9-0.3-1.6-0.3    h-1.9V96z"
+              id="path25"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M97.3,84.5c0-0.6,0.2-1.1,0.6-1.5c0.4-0.4,0.9-0.6,1.6-0.6c0.7,0,1.2,0.2,1.6,0.6c0.4,0.4,0.6,0.9,0.6,1.5    c0,0.6-0.2,1.1-0.6,1.5c-0.4,0.4-0.9,0.6-1.6,0.6c-0.7,0-1.2-0.2-1.6-0.6C97.5,85.6,97.3,85.1,97.3,84.5z M101.4,98.9    c-0.2,0-0.4,0.1-0.8,0.1c-0.3,0.1-0.7,0.1-1,0.1c-0.3,0-0.6,0-0.9-0.1c-0.3,0-0.5-0.1-0.7-0.3c-0.2-0.1-0.3-0.3-0.4-0.6    c-0.1-0.2-0.2-0.6-0.2-0.9v-9.5c0.2,0,0.4-0.1,0.8-0.1c0.3-0.1,0.7-0.1,1-0.1c0.3,0,0.6,0,0.9,0.1c0.3,0,0.5,0.1,0.7,0.3    c0.2,0.1,0.3,0.3,0.4,0.6c0.1,0.2,0.2,0.6,0.2,0.9V98.9z"
+              id="path27"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M111.1,91.8c0-0.5-0.1-0.8-0.4-1.1c-0.3-0.2-0.6-0.3-1.1-0.3c-0.3,0-0.6,0-0.9,0.1c-0.3,0.1-0.6,0.2-0.8,0.3    v8.1c-0.2,0-0.4,0.1-0.7,0.1c-0.3,0-0.7,0.1-1,0.1c-0.3,0-0.6,0-0.9-0.1c-0.3,0-0.5-0.1-0.7-0.3c-0.2-0.1-0.3-0.3-0.4-0.6    c-0.1-0.2-0.2-0.6-0.2-0.9v-7c0-0.4,0.1-0.8,0.3-1c0.2-0.3,0.4-0.5,0.7-0.7c0.5-0.4,1.2-0.7,2-0.9c0.8-0.2,1.7-0.3,2.7-0.3    c1.8,0,3.1,0.4,4,1.2c0.9,0.8,1.4,1.8,1.4,3.2v7.3c-0.2,0-0.4,0.1-0.7,0.1c-0.3,0-0.7,0.1-1,0.1c-0.3,0-0.6,0-0.9-0.1    c-0.3,0-0.5-0.1-0.7-0.3c-0.2-0.1-0.3-0.3-0.4-0.6c-0.1-0.2-0.2-0.6-0.2-0.9V91.8z"
+              id="path29"
+            />
+            <g id="g41">
+              <g id="g39">
+                <path
+                  className={classes.whiteLine}
+                  d="M123.8,87.3c-0.5,0-0.9,0.1-1.4,0.2c-0.4,0.1-0.7,0.2-0.9,0.3v-2.3c0-0.4-0.1-0.7-0.2-0.9      c-0.1-0.2-0.2-0.4-0.4-0.6c-0.2-0.1-0.4-0.2-0.7-0.3c-0.3,0-0.6-0.1-0.9-0.1c-0.3,0-0.7,0-1,0.1c-0.3,0.1-0.6,0.1-0.8,0.1v13.5      c0,0.4,0.1,0.7,0.2,0.9c0.1,0.2,0.2,0.4,0.4,0.6c0.2,0.1,0.4,0.2,0.7,0.3c0.3,0,0.6,0.1,0.9,0.1c0.4,0,0.7,0,1-0.1      c0.3,0,0.6-0.1,0.7-0.1v-8.1c0.2-0.1,0.4-0.2,0.7-0.3c0.3-0.1,0.6-0.1,0.9-0.1c0.5,0,0.9,0.1,1.2,0.4c0.3,0.3,0.5,0.7,0.5,1.3      v5.2c0,0.4,0.1,0.7,0.2,0.9c0.1,0.2,0.2,0.4,0.4,0.6c0.2,0.1,0.4,0.2,0.7,0.3c0.3,0,0.6,0.1,0.9,0.1c0.4,0,0.7,0,1-0.1      c0.3,0,0.6-0.1,0.7-0.1v-7c0-1.5-0.4-2.7-1.3-3.4C126.5,87.7,125.3,87.3,123.8,87.3z"
+                  id="path31"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M139.8,88.3c-0.5-0.3-1.1-0.6-1.8-0.8c-0.7-0.2-1.5-0.3-2.3-0.3c-0.5,0-1.1,0-1.7,0.1      c-0.6,0.1-1.1,0.2-1.6,0.4c-0.4,0.2-0.7,0.4-0.9,0.6c-0.2,0.2-0.3,0.6-0.3,1c0,0.3,0.1,0.6,0.2,0.9c0.1,0.3,0.3,0.5,0.5,0.6      c0.4-0.2,1-0.3,1.5-0.5c0.6-0.1,1.1-0.2,1.7-0.2c0.7,0,1.3,0.1,1.7,0.3c0.4,0.2,0.6,0.5,0.6,1v0.2l-3,0.3      c-1.3,0.1-2.3,0.5-3,1.1c-0.6,0.6-1,1.4-1,2.5c0,0.6,0.1,1.2,0.4,1.7c0.3,0.5,0.6,0.9,1.1,1.2c0.5,0.3,1,0.5,1.7,0.7      c0.7,0.2,1.4,0.2,2.2,0.2c1.8,0,3.2-0.3,4.3-0.9c0.3-0.2,0.6-0.4,0.8-0.7c0.2-0.3,0.3-0.6,0.3-1v-5.2c0-0.7-0.1-1.4-0.4-1.9      C140.7,89.1,140.3,88.7,139.8,88.3z M137.5,96.1c-0.2,0.1-0.4,0.2-0.7,0.2c-0.3,0.1-0.6,0.1-0.9,0.1c-0.6,0-1-0.1-1.2-0.3      c-0.2-0.2-0.4-0.4-0.4-0.8c0-0.3,0.1-0.5,0.4-0.7c0.3-0.2,0.6-0.2,1.1-0.3l1.7-0.1V96.1z"
+                  id="path33"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M144.4,98.8c0.2,0.1,0.4,0.2,0.7,0.3c0.3,0,0.6,0.1,0.9,0.1c0.3,0,0.7,0,1-0.1c0.3-0.1,0.6-0.1,0.8-0.1      V85.4c0-0.4-0.1-0.7-0.2-0.9c-0.1-0.2-0.2-0.4-0.4-0.6c-0.2-0.1-0.4-0.2-0.7-0.3c-0.3,0-0.6-0.1-0.9-0.1c-0.3,0-0.7,0-1,0.1      c-0.3,0.1-0.6,0.1-0.8,0.1v13.5c0,0.4,0.1,0.7,0.2,0.9C144.1,98.4,144.2,98.6,144.4,98.8z"
+                  id="path35"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M161.5,90.8c-0.3-0.7-0.7-1.4-1.2-1.9c-0.5-0.5-1.2-0.9-1.9-1.2c-0.7-0.3-1.6-0.4-2.5-0.4      c-0.9,0-1.7,0.1-2.5,0.4c-0.7,0.3-1.4,0.7-1.9,1.2c-0.5,0.5-0.9,1.2-1.2,1.9c-0.3,0.7-0.4,1.6-0.4,2.5c0,0.9,0.1,1.8,0.4,2.5      c0.3,0.7,0.7,1.4,1.2,1.9c0.5,0.5,1.2,0.9,1.9,1.2c0.7,0.3,1.6,0.4,2.5,0.4c0.9,0,1.7-0.1,2.5-0.4c0.7-0.3,1.4-0.7,1.9-1.2      c0.5-0.5,0.9-1.1,1.2-1.9c0.3-0.8,0.4-1.6,0.4-2.6C162,92.4,161.8,91.5,161.5,90.8z M157.4,95.4c-0.3,0.5-0.8,0.8-1.5,0.8      c-0.7,0-1.2-0.3-1.5-0.8c-0.4-0.5-0.5-1.2-0.5-2.2c0-0.9,0.2-1.6,0.5-2.2c0.4-0.5,0.9-0.8,1.5-0.8s1.2,0.3,1.5,0.8      c0.4,0.5,0.5,1.2,0.5,2.2C157.9,94.2,157.7,94.9,157.4,95.4z"
+                  id="path37"
+                />
+              </g>
+            </g>
+            <g id="g71">
+              <path
+                className={classes.whiteLine}
+                d="M83.8,108.5v-6.8h1.4c0.6,0,1,0.2,1.3,0.5s0.5,0.7,0.5,1.3c0,0.3-0.1,0.6-0.2,0.9c-0.1,0.3-0.3,0.5-0.6,0.7     c0.3,0.2,0.5,0.4,0.6,0.6c0.1,0.3,0.2,0.6,0.2,1c0,0.6-0.1,1.1-0.4,1.4c-0.3,0.3-0.7,0.4-1.3,0.4H83.8z M84.9,104.5h0.4     c0.2,0,0.3-0.1,0.4-0.2c0.1-0.2,0.2-0.4,0.2-0.7c0-0.3-0.1-0.6-0.2-0.7c-0.1-0.1-0.3-0.2-0.5-0.2h-0.3V104.5z M84.9,107.5h0.5     c0.2,0,0.4-0.1,0.5-0.2c0.1-0.2,0.2-0.4,0.2-0.7c0-0.4-0.1-0.6-0.2-0.8c-0.1-0.2-0.3-0.2-0.6-0.2h-0.3V107.5z"
+                id="path43"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M89.8,102.6v-0.9h0.9v0.9H89.8z M89.8,108.5v-5h0.9v5H89.8z"
+                id="path45"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M93.5,108.5v-5h0.9v0.6c0.2-0.2,0.4-0.4,0.5-0.5c0.2-0.1,0.4-0.2,0.5-0.2c0.2,0,0.4,0.1,0.5,0.2     c0.1,0.1,0.2,0.4,0.2,0.7v4.2h-0.9v-3.8c0-0.2,0-0.3-0.1-0.3c0-0.1-0.1-0.1-0.2-0.1c-0.1,0-0.2,0-0.3,0.1     c-0.1,0.1-0.2,0.2-0.3,0.3v3.8H93.5z"
+                id="path47"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M103,108.5v-6.8h1v5.8h1.6v1H103z"
+                id="path49"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M108,107.1v-2.3c0-0.4,0.1-0.8,0.4-1.1c0.3-0.3,0.6-0.4,1-0.4c0.4,0,0.8,0.1,1,0.4c0.2,0.3,0.3,0.6,0.3,1.1     v1.3H109v0.9c0,0.3,0,0.4,0.1,0.5c0.1,0.1,0.2,0.2,0.3,0.2c0.2,0,0.3,0,0.3-0.1c0.1-0.1,0.1-0.3,0.1-0.6v-0.3h1v0.4     c0,0.5-0.1,0.9-0.4,1.2c-0.2,0.3-0.6,0.4-1,0.4c-0.4,0-0.7-0.1-1-0.4C108.2,108,108,107.6,108,107.1z M109,105.3h0.8v-0.5     c0-0.2,0-0.4-0.1-0.5s-0.2-0.1-0.3-0.1c-0.1,0-0.3,0-0.3,0.1c-0.1,0.1-0.1,0.2-0.1,0.5V105.3z"
+                id="path51"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M113,103.5h0.9l0.6,3.1h0l0.5-3.1h0.9l-1,5h-0.9L113,103.5z"
+                id="path53"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M118.2,107.1v-2.3c0-0.4,0.1-0.8,0.4-1.1c0.3-0.3,0.6-0.4,1-0.4c0.4,0,0.8,0.1,1,0.4     c0.2,0.3,0.3,0.6,0.3,1.1v1.3h-1.8v0.9c0,0.3,0,0.4,0.1,0.5c0.1,0.1,0.2,0.2,0.3,0.2c0.2,0,0.3,0,0.3-0.1     c0.1-0.1,0.1-0.3,0.1-0.6v-0.3h1v0.4c0,0.5-0.1,0.9-0.4,1.2c-0.2,0.3-0.6,0.4-1,0.4c-0.4,0-0.7-0.1-1-0.4     C118.3,108,118.2,107.6,118.2,107.1z M119.2,105.3h0.8v-0.5c0-0.2,0-0.4-0.1-0.5s-0.2-0.1-0.3-0.1c-0.1,0-0.3,0-0.3,0.1     c-0.1,0.1-0.1,0.2-0.1,0.5V105.3z"
+                id="path55"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M123.7,108.5v-6.8h0.9v6.8H123.7z"
+                id="path57"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M131.1,106.8l1-0.2c0,0.3,0.1,0.6,0.2,0.8c0.1,0.2,0.3,0.2,0.5,0.2c0.2,0,0.3-0.1,0.5-0.2     c0.1-0.1,0.2-0.3,0.2-0.5c0-0.4-0.3-0.8-0.8-1.4c0,0-0.1-0.1-0.1-0.1c-0.6-0.6-0.9-1-1.1-1.3c-0.2-0.3-0.2-0.6-0.2-0.9     c0-0.5,0.2-0.9,0.5-1.2c0.3-0.3,0.7-0.5,1.2-0.5c0.4,0,0.8,0.2,1.1,0.5c0.3,0.3,0.4,0.7,0.5,1.2l-1,0.1c0-0.3-0.1-0.5-0.2-0.7     c-0.1-0.1-0.2-0.2-0.4-0.2c-0.2,0-0.3,0.1-0.4,0.2c-0.1,0.1-0.2,0.3-0.2,0.5c0,0.4,0.3,0.9,1,1.6c0,0,0,0,0.1,0.1     c0.5,0.5,0.8,0.9,1,1.2c0.2,0.3,0.2,0.6,0.2,1c0,0.5-0.2,0.9-0.5,1.2c-0.3,0.3-0.7,0.5-1.2,0.5c-0.5,0-0.9-0.2-1.2-0.5     C131.3,107.8,131.2,107.4,131.1,106.8z"
+                id="path59"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M137,107.1v-2.3c0-0.4,0.1-0.8,0.4-1.1c0.3-0.3,0.6-0.4,1-0.4c0.4,0,0.8,0.1,1,0.4c0.2,0.3,0.3,0.6,0.3,1.1     v1.3H138v0.9c0,0.3,0,0.4,0.1,0.5c0.1,0.1,0.2,0.2,0.3,0.2c0.2,0,0.3,0,0.3-0.1c0.1-0.1,0.1-0.3,0.1-0.6v-0.3h1v0.4     c0,0.5-0.1,0.9-0.4,1.2c-0.2,0.3-0.6,0.4-1,0.4c-0.4,0-0.7-0.1-1-0.4C137.1,108,137,107.6,137,107.1z M138,105.3h0.8v-0.5     c0-0.2,0-0.4-0.1-0.5s-0.2-0.1-0.3-0.1c-0.1,0-0.3,0-0.3,0.1c-0.1,0.1-0.1,0.2-0.1,0.5V105.3z"
+                id="path61"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M142.5,108.5v-5h0.9v0.6c0.2-0.2,0.4-0.4,0.5-0.5c0.2-0.1,0.4-0.2,0.5-0.2c0.2,0,0.4,0.1,0.5,0.2     c0.1,0.1,0.2,0.4,0.2,0.7v4.2h-0.9v-3.8c0-0.2,0-0.3-0.1-0.3c0-0.1-0.1-0.1-0.2-0.1c-0.1,0-0.2,0-0.3,0.1     c-0.1,0.1-0.2,0.2-0.3,0.3v3.8H142.5z"
+                id="path63"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M147.6,107.2l0.9-0.2c0,0.3,0.1,0.5,0.2,0.6s0.2,0.2,0.4,0.2c0.1,0,0.2,0,0.3-0.1s0.1-0.2,0.1-0.3     c0-0.3-0.3-0.6-1-1.1c0,0,0,0,0,0c-0.3-0.2-0.5-0.5-0.7-0.7c-0.1-0.2-0.2-0.5-0.2-0.8c0-0.4,0.1-0.7,0.4-1c0.3-0.3,0.6-0.4,1-0.4     c0.4,0,0.7,0.1,0.9,0.3c0.2,0.2,0.4,0.6,0.4,1l-0.9,0.2c0-0.2-0.1-0.4-0.2-0.5c-0.1-0.1-0.2-0.2-0.3-0.2c-0.1,0-0.2,0-0.3,0.1     s-0.1,0.2-0.1,0.3c0,0.2,0.2,0.5,0.7,0.9c0.1,0.1,0.2,0.2,0.3,0.2c0.3,0.3,0.6,0.5,0.7,0.8s0.2,0.5,0.2,0.7c0,0.4-0.1,0.7-0.4,1     s-0.6,0.4-1,0.4c-0.4,0-0.7-0.1-1-0.4S147.7,107.6,147.6,107.2z"
+                id="path65"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M153,104.6c0-0.4,0.1-0.7,0.4-0.9c0.3-0.2,0.6-0.3,1-0.3c0.4,0,0.7,0.1,1,0.4c0.2,0.2,0.4,0.6,0.4,0.9v2.6     c0,0.4-0.1,0.8-0.4,1c-0.2,0.2-0.6,0.4-1,0.4c-0.4,0-0.7-0.1-1-0.4c-0.2-0.3-0.4-0.6-0.4-1V104.6z M154,107.3     c0,0.1,0,0.2,0.1,0.3c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.3-0.1c0.1-0.1,0.1-0.2,0.1-0.3v-2.7c0-0.1,0-0.2-0.1-0.3     c-0.1-0.1-0.2-0.1-0.3-0.1c-0.1,0-0.2,0-0.3,0.1c-0.1,0.1-0.1,0.2-0.1,0.3V107.3z"
+                id="path67"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M158.5,108.5v-5h0.9v0.7c0.1-0.2,0.3-0.4,0.4-0.6c0.2-0.1,0.4-0.2,0.6-0.2h0.1v1.1c0,0-0.1,0-0.1,0     c-0.1,0-0.1,0-0.2,0c-0.2,0-0.4,0.1-0.6,0.2c-0.1,0.1-0.2,0.3-0.2,0.6v3.3H158.5z"
+                id="path69"
+              />
+            </g>
+          </g>
+
+          {/* lidar icon */}
+          <path
+            className={classes.whiteLine}
+            d="m 18.024652,43.057342 c -0.06282,-0.201131 -0.166444,-0.344576 -0.335797,-0.395089 l -0.358994,-0.0114 c -0.223443,0.01059 -0.348505,0.130133 -0.360312,0.37508 l 0.0028,13.171196 c 0.01944,0.09229 0.06938,0.154045 0.145103,0.189976 4.641003,0.75883 9.001143,0.698952 14.021344,0.05438 0.175585,-0.0567 0.232392,-0.259956 0.226661,-0.369484 l -0.08826,-12.996095 c -0.06238,-0.317591 -0.199883,-0.350914 -0.33192,-0.40492 l -0.367969,-0.01652 c -0.234547,0.02804 -0.307435,0.180979 -0.347723,0.359094 l -0.0044,11.687646 c -0.02054,0.166981 -0.09835,0.30306 -0.284734,0.380551 -3.868349,0.669699 -7.846618,0.81265 -11.63176,0 -0.123291,-0.07048 -0.216202,-0.190068 -0.255711,-0.395822 z"
+            id="path174"
+          />
+          <path
+            className={classes.whiteLine}
+            d="m 23.622222,42.734178 c -0.114107,0.0014 -0.151269,0.08454 -0.170898,0.186327 l -0.0029,1.238339 c -0.01249,0.07488 -0.02191,0.151048 -0.142729,0.179659 l -0.909654,0.0062 1.471488,1.842639 c 0.128171,0.07812 0.414994,0.06824 0.520663,-0.008 l 1.301179,-1.834617 -0.742595,-0.0015 c -0.167266,0.01398 -0.15197,-0.08519 -0.164664,-0.167009 l -0.0058,-1.244773 c 0.01928,-0.142159 -0.07371,-0.172314 -0.168141,-0.201047 z"
+            id="path2712"
+          />
+          <path
+            className={classes.whiteLine}
+            d="m 29.635661,47.615052 -0.0038,6.388315 c -0.02795,0.226829 -0.131583,0.330892 -0.276471,0.368028 -3.71802,0.721892 -7.198926,0.724081 -10.440556,0 -0.193407,-0.07989 -0.261079,-0.212309 -0.277934,-0.36597 l -0.0024,-6.083267 c 0.354988,0.01585 0.697208,0.01523 0.958195,-0.09019 0.557584,-0.224183 1.165159,-0.299754 1.901988,0.0089 0.417643,0.117386 0.81696,0.07955 1.209062,-0.01941 0.54406,-0.204742 1.127305,-0.293285 1.842662,0.01 0.430342,0.111897 0.855259,0.119759 1.272429,-0.02094 0.511067,-0.208048 1.066542,-0.271291 1.720186,-0.01441 0.470043,0.140544 0.940973,0.182327 1.41414,-0.0247 0.220654,-0.08738 0.445607,-0.152571 0.682464,-0.156329 z"
+            id="path3325"
+          />
+          <g
+            id="XMLID_00000040557030650259736360000010875847435104401578_"
+            transform="translate(0.8,31.120132)">
+            <g id="g235">
+              <path
+                id="XMLID_00000172420641765141944350000014275530149518697600_"
+                className={classes.whiteLine}
+                d="m 19.4,142.9 c 0,-3.3 5.1,-2.8 5.1,-5.1 v -0.2 c 0,-0.8 -0.5,-1.3 -1.5,-1.3 -1.1,0 -2.6,0.3 -2.6,1.9 -0.6,-0.5 -1,-1.1 -1,-1.6 0,-1.1 1.2,-2 3.5,-2 2.2,0 3.8,1.1 3.8,2.8 v 0.5 c 0,3.3 -5.2,3.1 -5.2,4.7 v 0.2 h 3.9 c 1.1,0 1.5,-0.4 1.5,-0.4 0,0 0.1,2.1 -1.4,2.1 h -6.3 v -1.6 z"
+              />
+            </g>
+          </g>
+        </g>
+        {/* buttons for port selection */}
+        {/* I2C PORTS */}
+        {/* HALOHEAD */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 0, //address here is not important for I2C, the restrictions are per component not per port
+              addressType: quack.AddressType.ADDRESS_TYPE_I2C,
+              label: "1",
+              autoDetectable: false
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="24"
+          cy="50"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+
+        {/* CONFIGURABLE PIN PORTS */}
+        {/* PORT 1 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 4,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "1",
+              autoDetectable: true
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="24"
+          cy="108"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+        {/* PORT 2 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 8,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "2",
+              autoDetectable: true
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="24"
+          cy="170"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+        {/* PORT C1 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 512,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "C1",
+              autoDetectable: false
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="149"
+          cy="205"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+      </svg>
+    );
+  };
+
+  const binMonitorSVG = () => {
+    return (
+      <svg version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 224.2 224.2">
+        <g id="g81">
+          <path
+            id="XMLID_00000077297350039521505150000012022767928213554601_"
+            className={classes.whiteLine}
+            d="M16.9,206.2l3.9-2.9l3.9-2.9   c2.6-1.9,5.2-3.8,7.8-5.7l7.8-5.7l7.9-5.7l-0.3,0.6c0-3.1-0.1-6.2-0.1-9.3l-0.1-9.3c0-3.1-0.1-6.2-0.1-9.3l-0.1-9.3l-0.1-9.3   c0-3.1,0-6.2,0-9.3l0-18.6l0-18.6l0-9.3l0.1-9.3l0.1-9.3c0-3.1,0.1-6.2,0.1-9.3l0.1-9.3c0-3.1,0.1-6.2,0.1-9.3l0.3,0.6l-7.9-5.7   l-7.8-5.7c-2.6-1.9-5.2-3.8-7.8-5.7l-3.9-2.9l-3.9-2.9l4,2.7l4,2.7c2.7,1.8,5.4,3.6,8.1,5.4l8,5.4l8,5.4l0.3,0.2l0,0.4   c0,3.1,0.1,6.2,0.1,9.3l0.1,9.3c0,3.1,0.1,6.2,0.1,9.3l0.1,9.3l0.1,9.3l0,9.3l0,18.6l0,18.6c0,3.1,0,6.2,0,9.3l-0.1,9.3l-0.1,9.3   c0,3.1-0.1,6.2-0.1,9.3l-0.1,9.3c0,3.1-0.1,6.2-0.1,9.3l0,0.4l-0.3,0.2l-8,5.4l-8,5.4c-2.7,1.8-5.4,3.6-8.1,5.4l-4,2.7L16.9,206.2z   "
+          />
+          <path
+            id="XMLID_00000004504783835554294810000012377709460946355386_"
+            className={classes.whiteLine}
+            d="M210.4,206.2l-2.9-2.6   c-1-0.9-1.9-1.8-2.9-2.6l-2.8-2.7c-1-0.9-1.9-1.8-2.8-2.7l-5.7-5.3l-5.6-5.4l0.5,0.2l-4.2,0.1l-4.2,0.1l-8.4,0.1   c-2.8,0-5.6,0.1-8.4,0.1l-8.4,0.1l-8.4,0l-8.4,0l-8.4,0l-8.4,0l-4.2,0l-4.2,0l-8.4-0.1l-4.2,0l-4.2-0.1l-8.4-0.1l-8.4-0.2l-4.2-0.1   l-4.2-0.1l-4.2-0.1l-4.2-0.1l-8.4-0.3l8.4-0.3l4.2-0.1l4.2-0.1l4.2-0.1l4.2-0.1l8.4-0.2l8.4-0.1l4.2-0.1l4.2,0l8.4-0.1l4.2,0l4.2,0   l8.4,0l8.4,0l8.4,0l8.4,0l8.4,0.1c2.8,0,5.6,0,8.4,0.1l8.4,0.1l4.2,0.1l4.2,0.1l0.3,0l0.2,0.2l5.4,5.6l5.4,5.6   c0.9,0.9,1.8,1.9,2.7,2.8l2.7,2.8c0.9,0.9,1.8,1.9,2.7,2.8L210.4,206.2z"
+          />
+          <g id="XMLID_00000109027558953702079980000016106917584286144934_">
+            <g id="g8">
+              <path
+                id="XMLID_00000143606923159580865250000003523289460762926257_"
+                className={classes.whiteLine}
+                d="M119,201.1l-1.1,1.1c0.9,0.9,1.4,2,1.4,3.2     c0,1.2-0.5,2.4-1.4,3.2c-1.9,1.8-4.9,1.8-6.8,0c-1.9-1.8-1.9-4.7,0-6.5l-1.1-1.1c-2.5,2.4-2.5,6.3,0,8.6c1.3,1.2,2.9,1.8,4.5,1.8     c1.6,0,3.3-0.6,4.5-1.8c1.2-1.2,1.9-2.7,1.9-4.3C120.9,203.8,120.2,202.2,119,201.1z"
+              />
+              <rect
+                id="XMLID_00000025406245237228582710000006365902327468697532_"
+                x="113.6"
+                y="199"
+                className={classes.whiteLine}
+                width="1.6"
+                height="7.2"
+              />
+            </g>
+          </g>
+          <path
+            className={classes.boxBorder}
+            d="M215.3,222.9H8.7c-4.1,0-7.5-3.4-7.5-7.5V8.8c0-4.1,3.4-7.5,7.5-7.5h206.6c4.1,0,7.5,3.4,7.5,7.5v206.6   C222.8,219.5,219.5,222.9,215.3,222.9z"
+            id="path11"
+          />
+          <g id="g47">
+            <g id="XMLID_00000100349676231697297810000008624298988507004597_">
+              <path
+                id="XMLID_00000019679108677582421750000016694635390722538372_"
+                className={classes.whiteLine}
+                d="M82.6,89c-0.3,0-0.6,0-1,0     c-0.4,0-0.8-0.1-1.2-0.1c-0.4-0.1-0.8-0.1-1.2-0.2c-0.4-0.1-0.8-0.2-1.1-0.3c-0.9-0.4-1.4-1-1.4-1.8V74.8c0-0.4,0.1-0.6,0.3-0.8     c0.2-0.2,0.5-0.3,0.8-0.5c0.6-0.2,1.3-0.3,2.1-0.4c0.9-0.1,1.7-0.1,2.6-0.1c2.1,0,3.8,0.4,5,1.1c1.2,0.7,1.7,1.8,1.7,3.3     c0,0.8-0.2,1.4-0.7,1.9c-0.4,0.5-1,0.9-1.8,1.2c0.8,0.2,1.5,0.7,2.1,1.3c0.6,0.6,0.8,1.4,0.8,2.3c0,1.7-0.6,2.9-1.8,3.7     C86.7,88.6,84.9,89,82.6,89z M81,79.3h1.8c0.7,0,1.2-0.1,1.6-0.4c0.3-0.3,0.5-0.7,0.5-1.2c0-0.5-0.2-0.8-0.6-1.1     c-0.4-0.3-0.9-0.4-1.7-0.4c-0.3,0-0.5,0-0.9,0c-0.3,0-0.6,0-0.8,0.1V79.3z M81,85.4c0.2,0.1,0.5,0.1,0.9,0.1c0.4,0,0.7,0,1.1,0     c0.7,0,1.2-0.1,1.7-0.4c0.4-0.3,0.7-0.7,0.7-1.3c0-0.6-0.2-0.9-0.6-1.2c-0.4-0.2-0.9-0.4-1.7-0.4H81V85.4z"
+              />
+              <path
+                id="XMLID_00000029030805773767514310000016112151927579539089_"
+                className={classes.whiteLine}
+                d="M91.8,72.9c0-0.6,0.2-1.2,0.6-1.6     c0.4-0.4,1-0.7,1.7-0.7c0.7,0,1.3,0.2,1.7,0.7c0.4,0.4,0.6,1,0.6,1.6c0,0.6-0.2,1.2-0.6,1.6c-0.4,0.4-1,0.7-1.7,0.7     c-0.7,0-1.3-0.2-1.7-0.7C92.1,74.1,91.8,73.6,91.8,72.9z M96.3,88.5c-0.2,0-0.5,0.1-0.8,0.1c-0.4,0.1-0.7,0.1-1.1,0.1     c-0.4,0-0.7,0-1-0.1c-0.3-0.1-0.5-0.2-0.7-0.3c-0.2-0.2-0.4-0.4-0.5-0.6c-0.1-0.3-0.2-0.6-0.2-1V76.5c0.2,0,0.5-0.1,0.8-0.1     c0.4-0.1,0.7-0.1,1.1-0.1c0.4,0,0.7,0,1,0.1c0.3,0.1,0.5,0.2,0.7,0.3c0.2,0.2,0.4,0.4,0.5,0.6c0.1,0.3,0.2,0.6,0.2,1V88.5z"
+              />
+              <path
+                id="XMLID_00000162344259077427023350000002149371805717907341_"
+                className={classes.whiteLine}
+                d="M106.8,80.8c0-0.5-0.1-0.9-0.4-1.1     c-0.3-0.2-0.7-0.4-1.2-0.4c-0.3,0-0.7,0-1,0.1c-0.3,0.1-0.6,0.2-0.8,0.4v8.7c-0.2,0.1-0.4,0.1-0.8,0.2c-0.4,0.1-0.7,0.1-1.1,0.1     c-0.4,0-0.7,0-1-0.1c-0.3-0.1-0.5-0.2-0.7-0.3c-0.2-0.2-0.4-0.4-0.5-0.6c-0.1-0.3-0.2-0.6-0.2-1v-7.5c0-0.5,0.1-0.8,0.3-1.1     c0.2-0.3,0.5-0.5,0.8-0.8c0.6-0.4,1.3-0.7,2.1-1c0.9-0.3,1.8-0.4,2.9-0.4c1.9,0,3.4,0.4,4.4,1.2c1,0.8,1.5,2,1.5,3.5v7.9     c-0.2,0.1-0.4,0.1-0.8,0.2c-0.4,0.1-0.7,0.1-1.1,0.1c-0.4,0-0.7,0-1-0.1c-0.3-0.1-0.5-0.2-0.7-0.3c-0.2-0.2-0.4-0.4-0.5-0.6     c-0.1-0.3-0.2-0.6-0.2-1V80.8z"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M120.1,89.2c-1.1,0-2.1-0.2-3-0.5c-0.9-0.3-1.7-0.8-2.3-1.4c-0.6-0.6-1.1-1.3-1.4-2.1     c-0.3-0.8-0.5-1.8-0.5-2.8c0-1.1,0.2-2.1,0.5-3c0.3-0.8,0.8-1.6,1.5-2.1c0.6-0.6,1.4-1,2.2-1.3c0.8-0.3,1.7-0.4,2.7-0.4     c0.4,0,0.7,0,1,0.1c0.2,0,0.3,0.1,0.5,0.1V72l0.2-0.1c0.2-0.1,0.5-0.1,0.8-0.2c0.8-0.1,1.6-0.1,2.2,0c0.3,0.1,0.6,0.2,0.9,0.4     c0.2,0.2,0.4,0.4,0.5,0.7c0.1,0.3,0.2,0.7,0.2,1.1v11.9c0,0.9-0.4,1.6-1.2,2.1c-0.5,0.3-1.2,0.6-2,0.9     C122.1,89.1,121.1,89.2,120.1,89.2z M119.7,76.2c-0.9,0-1.7,0.1-2.5,0.4c-0.8,0.2-1.4,0.6-2,1.1c-0.6,0.5-1,1.2-1.3,1.9     c-0.3,0.8-0.5,1.7-0.5,2.8c0,1,0.1,1.8,0.4,2.6c0.3,0.8,0.7,1.4,1.3,1.9s1.3,1,2.1,1.2c0.8,0.3,1.8,0.4,2.8,0.4     c1,0,1.8-0.1,2.6-0.4c0.7-0.2,1.4-0.5,1.8-0.8c0.7-0.4,1-1,1-1.7V74c0-0.4,0-0.7-0.1-0.9c-0.1-0.2-0.2-0.4-0.4-0.5     c-0.2-0.1-0.4-0.2-0.6-0.2c-0.6-0.1-1.3-0.1-2,0c-0.2,0-0.4,0.1-0.6,0.1v4.3l-0.4-0.2c-0.2-0.1-0.4-0.1-0.7-0.2     C120.4,76.3,120,76.2,119.7,76.2z M120.1,85.9c-0.9,0-1.7-0.3-2.2-0.9c-0.5-0.6-0.7-1.4-0.7-2.5c0-1.1,0.3-2,0.8-2.6     c0.5-0.6,1.3-0.9,2.3-0.9c0.5,0,1,0.1,1.4,0.3l0.1,0.1v5.8l-0.1,0.1c-0.2,0.1-0.4,0.3-0.7,0.4C120.8,85.8,120.5,85.9,120.1,85.9z      M120.3,79.6c-0.8,0-1.4,0.2-1.9,0.7c-0.4,0.5-0.7,1.2-0.7,2.2c0,1,0.2,1.7,0.6,2.2c0.4,0.5,1,0.7,1.7,0.7c0.3,0,0.5,0,0.7-0.1     c0.2-0.1,0.3-0.1,0.4-0.2v-5.2C121,79.6,120.7,79.6,120.3,79.6z"
+                id="path16"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M133.7,89.2c-0.9,0-1.7-0.1-2.5-0.3c-0.7-0.2-1.4-0.4-1.9-0.8c-0.5-0.4-1-0.8-1.3-1.4     c-0.3-0.6-0.4-1.2-0.4-1.9c0-1.2,0.4-2.2,1.1-2.9c0.7-0.7,1.9-1.1,3.4-1.2l3-0.3c0-0.3-0.2-0.6-0.5-0.7c-0.4-0.2-1-0.3-1.7-0.3     c-0.6,0-1.2,0.1-1.8,0.2c-0.6,0.1-1.1,0.3-1.6,0.5l-0.1,0.1l-0.1-0.1c-0.3-0.2-0.5-0.4-0.6-0.8c-0.2-0.3-0.3-0.7-0.3-1.1     c0-0.5,0.1-0.9,0.4-1.2c0.2-0.3,0.6-0.5,1.1-0.7c0.5-0.2,1.1-0.3,1.8-0.4c1.7-0.2,3.2-0.2,4.5,0.2c0.8,0.2,1.5,0.5,2,0.9     c0.6,0.4,1,0.9,1.3,1.5c0.3,0.6,0.5,1.3,0.5,2.2v5.6c0,0.5-0.1,0.9-0.4,1.3c-0.3,0.3-0.6,0.6-0.9,0.8     C137.3,88.9,135.7,89.2,133.7,89.2z M132.8,78.9c0.9,0,1.5,0.1,2,0.3c0.5,0.3,0.8,0.7,0.8,1.3v0.4l-3.5,0.4     c-1.4,0.1-2.4,0.5-3,1.1c-0.6,0.6-0.9,1.4-0.9,2.5c0,0.6,0.1,1.2,0.4,1.7c0.3,0.5,0.6,0.9,1.1,1.2c0.5,0.3,1.1,0.6,1.7,0.7     c0.7,0.2,1.5,0.2,2.3,0.2c1.9,0,3.4-0.3,4.5-0.9c0.3-0.2,0.6-0.4,0.8-0.7c0.2-0.2,0.3-0.5,0.3-0.9v-5.6c0-0.7-0.1-1.4-0.4-1.9     c-0.3-0.5-0.6-1-1.1-1.3c-0.5-0.4-1.1-0.6-1.8-0.8c-1.2-0.3-2.6-0.4-4.2-0.1c-0.6,0.1-1.2,0.2-1.7,0.4c-0.4,0.2-0.7,0.4-0.8,0.6     c-0.2,0.2-0.3,0.5-0.3,0.9c0,0.3,0.1,0.6,0.2,0.8c0.1,0.2,0.2,0.4,0.3,0.5c0.5-0.2,1-0.3,1.5-0.5     C131.5,78.9,132.2,78.9,132.8,78.9z M133.7,86.1c-0.7,0-1.2-0.1-1.5-0.4c-0.3-0.3-0.5-0.6-0.5-1c0-0.4,0.2-0.8,0.6-1     c0.3-0.2,0.8-0.3,1.3-0.3l2.1-0.2v2.5l-0.1,0.1c-0.2,0.1-0.5,0.2-0.9,0.3C134.3,86.1,134,86.1,133.7,86.1z M135.1,83.8l-1.5,0.1     c-0.4,0-0.8,0.1-1,0.3c-0.2,0.1-0.3,0.3-0.3,0.5c0,0.3,0.1,0.4,0.3,0.6c0.1,0.1,0.5,0.3,1.1,0.3c0.3,0,0.6,0,0.9-0.1     c0.3,0,0.4-0.1,0.5-0.1V83.8z"
+                id="path18"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M144.4,93.3c-0.4,0-0.7,0-1-0.1c-0.3-0.1-0.6-0.2-0.9-0.4c-0.2-0.2-0.4-0.4-0.5-0.7     c-0.1-0.3-0.2-0.7-0.2-1.1V79c0-0.5,0.1-0.9,0.3-1.3c0.2-0.3,0.5-0.6,0.9-0.9c0.6-0.4,1.2-0.6,2-0.8c0.8-0.2,1.7-0.3,2.7-0.3     c1,0,2,0.1,2.9,0.4c0.9,0.3,1.7,0.7,2.3,1.3c0.6,0.6,1.2,1.3,1.5,2.1c0.4,0.8,0.6,1.9,0.6,3c0,1.1-0.2,2.1-0.5,2.9     c-0.3,0.8-0.8,1.6-1.3,2.1c-0.6,0.6-1.3,1-2.1,1.3c-0.8,0.3-1.7,0.4-2.7,0.4c-0.6,0-1.2-0.1-1.7-0.2v4l-0.2,0.1     c-0.2,0.1-0.5,0.1-0.8,0.2C145.2,93.3,144.8,93.3,144.4,93.3z M147.7,76.2c-0.9,0-1.8,0.1-2.5,0.3c-0.7,0.2-1.4,0.5-1.9,0.8     c-0.3,0.2-0.5,0.4-0.7,0.7c-0.2,0.2-0.2,0.6-0.2,1V91c0,0.4,0,0.7,0.1,0.9c0.1,0.2,0.2,0.4,0.4,0.5c0.2,0.1,0.4,0.2,0.6,0.2     c0.6,0.1,1.3,0.1,2,0c0.2,0,0.4-0.1,0.6-0.1v-4.4l0.4,0.1c0.6,0.2,1.2,0.3,1.9,0.3c0.9,0,1.8-0.1,2.5-0.4     c0.7-0.3,1.4-0.6,1.9-1.2c0.5-0.5,0.9-1.2,1.2-1.9c0.3-0.8,0.4-1.7,0.4-2.7c0-1.1-0.2-2-0.5-2.8c-0.3-0.8-0.8-1.4-1.4-1.9     c-0.6-0.5-1.3-0.9-2.1-1.1C149.6,76.4,148.7,76.2,147.7,76.2z M147.8,85.8c-0.3,0-0.6,0-0.8-0.1c-0.2-0.1-0.5-0.2-0.7-0.3     l-0.2-0.1v-5.9l0.1-0.1c0.2-0.1,0.4-0.2,0.7-0.3c0.3-0.1,0.6-0.1,0.9-0.1c0.9,0,1.6,0.3,2.1,0.9c0.5,0.6,0.7,1.4,0.7,2.6     C150.6,85.3,149.1,85.8,147.8,85.8z M146.6,85c0.1,0.1,0.3,0.1,0.5,0.2c0.2,0.1,0.4,0.1,0.7,0.1c1.6,0,2.3-0.9,2.3-2.8     c0-1-0.2-1.7-0.6-2.2c-0.4-0.5-0.9-0.7-1.6-0.7c-0.3,0-0.6,0-0.8,0.1c-0.2,0.1-0.3,0.1-0.5,0.2V85z"
+                id="path20"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M161.5,89.2c-1.5,0-2.7-0.4-3.6-1.1c-0.9-0.7-1.3-1.9-1.3-3.5v-11l0.2-0.1c0.2-0.1,0.5-0.1,0.8-0.2     c0.4-0.1,0.7-0.1,1.1-0.1c0.8,0,1.4,0.1,1.9,0.4c0.5,0.3,0.7,0.9,0.7,1.9V77h3.2l0.1,0.1c0.1,0.2,0.2,0.4,0.3,0.7     c0.1,0.3,0.2,0.6,0.2,1c0,0.7-0.2,1.2-0.5,1.5c-0.3,0.3-0.7,0.5-1.2,0.5h-2v3.5c0,0.3,0.1,0.6,0.3,0.7c0.3,0.2,1,0.3,1.8,0.2     c0.3,0,0.5-0.1,0.7-0.2l0.2-0.1l0.1,0.1c0.2,0.2,0.3,0.4,0.4,0.7c0.1,0.3,0.2,0.6,0.2,0.9c0,0.7-0.3,1.3-0.8,1.8     C163.6,89,162.7,89.2,161.5,89.2z M157.1,74.1v10.5c0,1.4,0.4,2.4,1.1,3.1c0.7,0.6,1.8,0.9,3.2,0.9c1.1,0,1.9-0.2,2.3-0.5     c0.4-0.3,0.6-0.8,0.6-1.3c0-0.3,0-0.5-0.1-0.7c-0.1-0.1-0.2-0.3-0.2-0.4c-0.2,0-0.4,0.1-0.6,0.1c-0.9,0.1-1.7,0.1-2.1-0.3     c-0.4-0.2-0.5-0.6-0.5-1.2v-4.1h2.6c0.4,0,0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.6,0.3-1.1c0-0.3,0-0.6-0.1-0.8     c-0.1-0.2-0.1-0.4-0.2-0.5h-3.4v-1.9c0-0.7-0.2-1.2-0.5-1.4c-0.4-0.2-0.9-0.3-1.6-0.3c-0.4,0-0.7,0-1,0.1     C157.5,74.1,157.3,74.1,157.1,74.1z"
+                id="path22"
+              />
+            </g>
+            <g id="g45">
+              <path
+                className={classes.whiteLine}
+                d="M76.9,99.9v-7.3h1.5c0.6,0,1.1,0.2,1.4,0.5c0.3,0.3,0.5,0.8,0.5,1.4c0,0.4-0.1,0.7-0.2,1     c-0.1,0.3-0.3,0.5-0.6,0.7c0.3,0.2,0.5,0.4,0.7,0.7c0.1,0.3,0.2,0.6,0.2,1.1c0,0.7-0.1,1.2-0.4,1.5c-0.3,0.3-0.7,0.5-1.4,0.5     H76.9z M78,95.6h0.5c0.2,0,0.4-0.1,0.5-0.3c0.1-0.2,0.2-0.4,0.2-0.7c0-0.3-0.1-0.6-0.2-0.8c-0.1-0.2-0.3-0.2-0.6-0.2H78V95.6z      M78,98.8h0.5c0.2,0,0.4-0.1,0.5-0.3c0.1-0.2,0.2-0.4,0.2-0.8c0-0.4-0.1-0.7-0.2-0.8c-0.1-0.2-0.3-0.3-0.6-0.3H78V98.8z"
+                id="path25"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M83.3,93.6v-1h1v1H83.3z M83.3,99.9v-5.4h1v5.4H83.3z"
+                id="path27"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M87.3,99.9v-5.4h1v0.6c0.2-0.2,0.4-0.4,0.6-0.5c0.2-0.1,0.4-0.2,0.6-0.2c0.2,0,0.4,0.1,0.5,0.2     c0.1,0.2,0.2,0.4,0.2,0.7v4.5h-1v-4.1c0-0.2,0-0.3-0.1-0.3c0-0.1-0.1-0.1-0.2-0.1c-0.1,0-0.2,0-0.3,0.1c-0.1,0.1-0.2,0.2-0.3,0.3     v4.1H87.3z"
+                id="path29"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M97.5,99.9v-7.3H99l0.7,4c0,0.2,0.1,0.3,0.1,0.5s0,0.4,0,0.6c0-0.2,0-0.3,0-0.5c0-0.2,0-0.4,0.1-0.6l0.7-4     h1.5v7.3H101v-4.6c0-0.1,0-0.3,0-0.5c0-0.2,0-0.5,0.1-0.7c0,0.1,0,0.2-0.1,0.4c-0.1,0.3-0.1,0.5-0.1,0.6l-0.9,4.8h-0.6L98.6,95     c0-0.2-0.1-0.4-0.1-0.6S98.4,94,98.4,94c0,0.2,0,0.5,0.1,0.7c0,0.2,0,0.4,0,0.6v4.6H97.5z"
+                id="path31"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M105.1,95.7c0-0.4,0.1-0.7,0.4-1s0.6-0.4,1.1-0.4c0.4,0,0.8,0.1,1,0.4c0.3,0.3,0.4,0.6,0.4,1v2.8     c0,0.5-0.1,0.8-0.4,1.1c-0.3,0.3-0.6,0.4-1.1,0.4c-0.4,0-0.8-0.1-1-0.4c-0.3-0.3-0.4-0.6-0.4-1.1V95.7z M106.1,98.6     c0,0.1,0,0.3,0.1,0.3c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.3-0.1c0.1-0.1,0.1-0.2,0.1-0.3v-2.9c0-0.1,0-0.2-0.1-0.3     c-0.1-0.1-0.2-0.1-0.3-0.1c-0.1,0-0.2,0-0.3,0.1c-0.1,0.1-0.1,0.2-0.1,0.3V98.6z"
+                id="path33"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M110.9,99.9v-5.4h1v0.6c0.2-0.2,0.4-0.4,0.6-0.5c0.2-0.1,0.4-0.2,0.6-0.2c0.2,0,0.4,0.1,0.5,0.2     c0.1,0.2,0.2,0.4,0.2,0.7v4.5h-1v-4.1c0-0.2,0-0.3-0.1-0.3c0-0.1-0.1-0.1-0.2-0.1c-0.1,0-0.2,0-0.3,0.1c-0.1,0.1-0.2,0.2-0.3,0.3     v4.1H110.9z"
+                id="path35"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M116.8,93.6v-1h1v1H116.8z M116.8,99.9v-5.4h1v5.4H116.8z"
+                id="path37"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M121.1,98.7v-3.4h-0.6v-0.8h0.6v-1.5h1v1.5h0.7v0.8h-0.7v3.3c0,0.2,0,0.3,0.1,0.3c0.1,0.1,0.2,0.1,0.3,0.1     c0,0,0.1,0,0.1,0c0,0,0.1,0,0.2,0l0,0.9c-0.1,0-0.2,0.1-0.3,0.1c-0.1,0-0.2,0-0.3,0c-0.4,0-0.7-0.1-0.9-0.3     C121.2,99.5,121.1,99.2,121.1,98.7z"
+                id="path39"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M125.6,95.7c0-0.4,0.1-0.7,0.4-1s0.6-0.4,1.1-0.4c0.4,0,0.8,0.1,1,0.4c0.3,0.3,0.4,0.6,0.4,1v2.8     c0,0.5-0.1,0.8-0.4,1.1c-0.3,0.3-0.6,0.4-1.1,0.4c-0.4,0-0.8-0.1-1-0.4c-0.3-0.3-0.4-0.6-0.4-1.1V95.7z M126.6,98.6     c0,0.1,0,0.3,0.1,0.3c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.3-0.1c0.1-0.1,0.1-0.2,0.1-0.3v-2.9c0-0.1,0-0.2-0.1-0.3     c-0.1-0.1-0.2-0.1-0.3-0.1c-0.1,0-0.2,0-0.3,0.1c-0.1,0.1-0.1,0.2-0.1,0.3V98.6z"
+                id="path41"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M131.4,99.9v-5.4h1v0.7c0.1-0.3,0.3-0.5,0.5-0.6c0.2-0.1,0.4-0.2,0.6-0.2h0.1v1.1c0,0-0.1,0-0.2-0.1     c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0.1-0.6,0.2c-0.1,0.2-0.2,0.4-0.2,0.6v3.5H131.4z"
+                id="path43"
+              />
+            </g>
+          </g>
+          <g
+            id="XMLID_00000132061784527236972900000004189764034444815514_"
+            transform="translate(-2.0186337)">
+            <g id="g50">
+              <path
+                id="XMLID_00000134963395571471609320000001005185692744805563_"
+                className={classes.whiteLine}
+                d="m 28.3,101.4 c 0,0 -0.2,1.4 -0.2,2 v 7.9 h 2.7 c 0,0 0.5,2 -0.7,2 h -7.4 c -0.4,-2.1 0.7,-2 1.4,-2 h 1.4 v -7.6 c 0,0 -0.2,0 -0.3,0 h -0.4 c -1,0 -1.4,0.5 -1.4,1.7 -2.2,-1.5 -1.8,-3.7 1.4,-3.7 2,-0.1 3.5,-0.3 3.5,-0.3 z"
+              />
+            </g>
+          </g>
+          <g
+            id="XMLID_00000031171237869501487320000008930939847534004662_"
+            transform="translate(-2.1,22.523749)">
+            <g id="g54">
+              <path
+                id="XMLID_00000169522489533046479030000001790101048492516515_"
+                className={classes.whiteLine}
+                d="m 22.2,153.7 c 0,-3.9 6.1,-3.3 6.1,-6.1 v -0.3 c 0,-0.9 -0.6,-1.6 -1.7,-1.6 -1.3,0 -3.1,0.3 -3.1,2.3 -0.8,-0.6 -1.1,-1.3 -1.1,-2 0,-1.3 1.4,-2.4 4.2,-2.4 2.6,0 4.5,1.3 4.5,3.3 v 0.6 c 0,3.9 -6.2,3.7 -6.2,5.7 v 0.2 h 4.6 c 1.3,0 1.8,-0.5 1.8,-0.5 0,0 0.2,2.5 -1.7,2.5 h -7.5 v -1.7 z"
+              />
+            </g>
+          </g>
+          <g id="g63" transform="translate(-1.7937256,-6.914122)">
+            <g id="g61" transform="translate(-0.60627441,-10.485878)">
+              <path
+                className={classes.whiteLine}
+                d="m 26.8,57.4 c -5.4,0 -9.9,4.4 -9.9,9.9 0,5.4 4.4,9.9 9.9,9.9 5.4,0 9.9,-4.4 9.9,-9.9 -0.1,-5.5 -4.5,-9.9 -9.9,-9.9 z m 0,16.3 c -3.5,0 -6.4,-2.9 -6.4,-6.4 0,-3.5 2.9,-6.4 6.4,-6.4 3.5,0 6.4,2.9 6.4,6.4 0,3.5 -2.9,6.4 -6.4,6.4 z"
+                id="path57"
+              />
+              <circle
+                className={classes.whiteLine}
+                cx="26.799999"
+                cy="67.300003"
+                r="3.7"
+                id="circle59"
+              />
+            </g>
+          </g>
+          <g id="g79">
+            <g id="g77">
+              <g className={classes.st2} id="g69">
+                <path
+                  className={classes.whiteLine}
+                  d="M222.9,78.6c-0.2,0.1-0.3,0.2-0.3,0.4h-8.1c0-0.3-0.3-0.5-0.5-0.5c-0.1,0-0.1,0-0.2,0l-4-7      c0.1-0.1,0.2-0.3,0.2-0.4c0-0.2-0.1-0.3-0.2-0.4l4-7c0.1,0,0.1,0,0.2,0c0.3,0,0.5-0.2,0.5-0.5h8.1c0,0.1,0,0.1,0,0.2      c0,0.1,0.1,0.1,0.1,0.2c0,0,0.1,0.1,0.1,0.1v-0.9c-0.2,0.1-0.3,0.2-0.3,0.4h-8.1c0-0.1,0-0.1,0-0.2c-0.1-0.2-0.3-0.3-0.5-0.3      c-0.1,0-0.2,0-0.2,0l-4-7c0.1-0.1,0.2-0.3,0.2-0.4c0-0.2-0.1-0.3-0.2-0.4l4-7c0.1,0,0.1,0,0.2,0c0.2,0,0.4-0.1,0.5-0.3      c0-0.1,0.1-0.1,0.1-0.2h8.1c0,0.2,0.1,0.3,0.3,0.4v-0.9c-0.1,0-0.2,0.1-0.2,0.2c0,0.1-0.1,0.1-0.1,0.2h-8.1      c0-0.3-0.3-0.5-0.5-0.5c-0.1,0-0.2,0-0.2,0l-4-7c0.1-0.1,0.2-0.3,0.2-0.4c0-0.2-0.1-0.3-0.2-0.4c0,0,0,0,0,0l4-7      c0.1,0,0.1,0,0.2,0c0.3,0,0.5-0.2,0.5-0.5h8.1c0,0.2,0.1,0.3,0.3,0.4v-0.9c-0.1,0-0.2,0.1-0.2,0.2c0,0.1-0.1,0.1-0.1,0.2h-8.1      c0-0.1-0.1-0.2-0.2-0.3c-0.1-0.1-0.2-0.2-0.4-0.2c-0.1,0-0.1,0-0.2,0l-4-7c0.1-0.1,0.2-0.3,0.2-0.4c0-0.1,0-0.2-0.1-0.3      c0,0-0.1-0.1-0.1-0.1l4-7c0.1,0,0.1,0,0.2,0c0.3,0,0.5-0.2,0.5-0.5h8.1c0,0.1,0.1,0.2,0.2,0.3c0,0,0.1,0.1,0.1,0.1v-0.9      c-0.2,0.1-0.3,0.2-0.3,0.4h-8.1c0-0.2-0.1-0.3-0.3-0.4c-0.1,0-0.2-0.1-0.3-0.1c-0.1,0-0.1,0-0.2,0l-4-7c0.1-0.1,0.2-0.2,0.2-0.3      c0,0,0-0.1,0-0.1c0,0,0-0.1,0-0.1c0-0.1-0.1-0.2-0.2-0.3l2.7-4.7h-0.1l-2.7,4.6c-0.1,0-0.1,0-0.2,0c-0.2,0-0.4,0.1-0.5,0.3      c0,0,0,0.1,0,0.2h-8.1c0-0.1,0-0.1-0.1-0.2c-0.1-0.2-0.3-0.3-0.5-0.3c-0.1,0-0.1,0-0.2,0l-2.7-4.6h-0.1l2.7,4.7      c-0.1,0.1-0.2,0.3-0.2,0.4c0,0.2,0.1,0.3,0.2,0.4l-4,7c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0.2-0.5,0.5h-8.1c0-0.1,0-0.1-0.1-0.2      c-0.1-0.2-0.3-0.3-0.5-0.3c-0.1,0-0.1,0-0.2,0l-4-7c0.1-0.1,0.2-0.3,0.2-0.4c0-0.2-0.1-0.3-0.2-0.4l2.7-4.7H185l-2.7,4.6      c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0.2-0.5,0.5c0,0.3,0.2,0.5,0.5,0.5c0.1,0,0.1,0,0.2,0l4,7c-0.1,0.1-0.2,0.3-0.2,0.4      c0,0.1,0,0.2,0.1,0.3c0,0.1,0.1,0.1,0.2,0.2l-4,7c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0.2-0.5,0.5h-8.1c0-0.3-0.3-0.5-0.5-0.5      c-0.3,0-0.5,0.2-0.5,0.5c0,0.2,0.1,0.3,0.2,0.4l-4,7c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0.2-0.5,0.5c0,0.3,0.2,0.5,0.5,0.5      c0.1,0,0.1,0,0.2,0l4,7c-0.1,0.1-0.2,0.3-0.2,0.4c0,0.3,0.2,0.5,0.5,0.5c0.3,0,0.5-0.2,0.5-0.5h8.1c0,0.1,0.1,0.2,0.2,0.3      c0.1,0.1,0.2,0.2,0.4,0.2c0.1,0,0.1,0,0.2,0l4,7c-0.1,0.1-0.2,0.3-0.2,0.4c0,0.3,0.2,0.5,0.5,0.5c0.3,0,0.5-0.2,0.5-0.5h8.1      c0,0.3,0.3,0.5,0.5,0.5c0.3,0,0.5-0.2,0.5-0.5c0-0.2-0.1-0.3-0.2-0.4l4-7c0.1,0,0.1,0,0.2,0c0.3,0,0.5-0.2,0.5-0.5h8.1      c0,0.1,0.1,0.2,0.2,0.3c0.1,0.1,0.2,0.2,0.4,0.2c0.1,0,0.2,0,0.2,0l4,7c-0.1,0-0.1,0.1-0.2,0.2c0,0.1-0.1,0.2-0.1,0.3      c0,0.2,0.1,0.3,0.2,0.4l-4,7c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0.2-0.5,0.5c0,0.3,0.2,0.5,0.5,0.5c0.1,0,0.1,0,0.2,0l4,7      c-0.1,0.1-0.2,0.3-0.2,0.4c0,0.1,0,0.1,0,0.2c0,0.1,0.1,0.2,0.2,0.2l-4,7c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0.2-0.5,0.5      c0,0.3,0.2,0.5,0.5,0.5c0.1,0,0.2,0,0.2,0l4,7c-0.1,0.1-0.2,0.3-0.2,0.4c0,0.3,0.2,0.5,0.5,0.5c0.3,0,0.5-0.2,0.5-0.5h8.1      c0,0.2,0.1,0.3,0.3,0.4V78.6z M196.1,15.4C196.1,15.3,196.1,15.3,196.1,15.4l4-7c0.1,0,0.1,0,0.2,0c0.3,0,0.5-0.2,0.5-0.5h8.1      c0,0.1,0,0.1,0,0.2c0.1,0.2,0.3,0.3,0.5,0.3c0.1,0,0.2,0,0.2,0l4,7c-0.1,0.1-0.2,0.3-0.2,0.4c0,0.1,0.1,0.3,0.2,0.4      c0,0,0,0,0.1,0.1l-4,7c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0.2-0.5,0.5h-8.1c0-0.3-0.3-0.5-0.5-0.5c-0.1,0-0.1,0-0.2,0l-4-7      c0.1-0.1,0.2-0.3,0.2-0.4C196.3,15.6,196.2,15.5,196.1,15.4z M182.5,23.3C182.4,23.3,182.4,23.3,182.5,23.3l3.9-7.1      c0.1,0,0.1,0,0.2,0c0.3,0,0.5-0.2,0.5-0.5h8.1c0,0.1,0,0.1,0.1,0.2c0.1,0.2,0.3,0.3,0.5,0.3c0,0,0,0,0,0c0.1,0,0.1,0,0.2,0l4,7      c-0.1,0.1-0.2,0.3-0.2,0.4c0,0,0,0,0,0c0,0.2,0.1,0.3,0.2,0.4l-0.2,0.4l-3.8,6.6c-0.1,0-0.1,0-0.2,0c0,0,0,0,0,0      c-0.3,0-0.5,0.2-0.5,0.5h-8.1c0-0.1-0.1-0.2-0.2-0.3c-0.1-0.1-0.2-0.2-0.4-0.2c-0.1,0-0.1,0-0.2,0l-4-7c0.1-0.1,0.2-0.3,0.2-0.4      C182.6,23.5,182.6,23.4,182.5,23.3z M182.3,39c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0.2-0.5,0.5h-8.1c0-0.3-0.3-0.5-0.5-0.5      c-0.1,0-0.1,0-0.2,0l-4-7c0.1-0.1,0.2-0.3,0.2-0.4c0-0.2-0.1-0.3-0.2-0.4l4-7c0.1,0,0.1,0,0.2,0c0.3,0,0.5-0.2,0.5-0.5h8.1      c0,0.1,0,0.1,0.1,0.2c0.1,0.2,0.3,0.3,0.5,0.3c0.1,0,0.1,0,0.2,0l4,7c-0.1,0.1-0.2,0.3-0.2,0.4c0,0.2,0.1,0.3,0.2,0.4L182.3,39z       M196,46.9c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0.2-0.5,0.5h-8.1c0-0.3-0.3-0.5-0.5-0.5c-0.1,0-0.1,0-0.2,0l-4-7      c0.1-0.1,0.2-0.3,0.2-0.4c0-0.2-0.1-0.3-0.2-0.4c0,0,0,0,0,0l4-7c0.1,0,0.1,0,0.2,0c0.3,0,0.5-0.2,0.5-0.5h8.1      c0,0.3,0.3,0.5,0.5,0.5c0,0,0,0,0,0c0.1,0,0.1,0,0.2,0l4,7c-0.1,0.1-0.2,0.3-0.2,0.4c0,0.1,0.1,0.3,0.2,0.4c0,0,0,0,0.1,0.1      L196,46.9z M209.5,39c-0.3,0-0.5,0.2-0.5,0.5h-8.1c0-0.1-0.1-0.2-0.2-0.3c-0.1-0.1-0.2-0.2-0.4-0.2c-0.1,0-0.1,0-0.2,0l-4-7      c0.1-0.1,0.2-0.3,0.2-0.4c0-0.2-0.1-0.3-0.2-0.4l3.6-6.2l0.5-0.8c0.1,0,0.1,0,0.2,0c0.3,0,0.5-0.2,0.5-0.5h8.1      c0,0.1,0,0.1,0.1,0.2c0.1,0.2,0.3,0.3,0.5,0.3c0.1,0,0.2,0,0.2,0l4,7c-0.1,0.1-0.2,0.3-0.2,0.4c0,0.2,0.1,0.3,0.2,0.4l-4,7      C209.6,39,209.5,39,209.5,39z"
+                  id="path65"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M222.9,173.5c-0.2,0.1-0.3,0.2-0.3,0.4h-8.1c0-0.3-0.3-0.5-0.5-0.5c-0.1,0-0.1,0-0.2,0l-4-7      c0.1-0.1,0.2-0.3,0.2-0.4c0-0.2-0.1-0.3-0.2-0.4c0,0,0,0,0,0l4-7c0.1,0,0.1,0,0.2,0c0.3,0,0.5-0.2,0.5-0.5h8.1      c0,0.2,0.1,0.3,0.3,0.4v-0.9c-0.2,0.1-0.3,0.2-0.3,0.4h-8.1c0-0.1-0.1-0.2-0.2-0.3c-0.1-0.1-0.2-0.2-0.4-0.2c-0.1,0-0.1,0-0.2,0      l-4-7c0.1-0.1,0.2-0.3,0.2-0.4c0-0.1,0-0.2-0.1-0.3c0,0-0.1-0.1-0.1-0.1l4-7c0.1,0,0.1,0,0.2,0c0.3,0,0.5-0.2,0.5-0.5h8.1      c0,0.1,0,0.1,0.1,0.2c0.1,0.1,0.1,0.2,0.2,0.2v-0.9c-0.2,0.1-0.3,0.2-0.3,0.4h-8.1c0-0.1,0-0.1-0.1-0.2      c-0.1-0.2-0.3-0.3-0.5-0.3c-0.1,0-0.1,0-0.2,0l-4-7c0.1-0.1,0.2-0.3,0.2-0.4c0-0.2-0.1-0.3-0.2-0.4l4-7c0.1,0,0.1,0,0.2,0      c0.3,0,0.5-0.2,0.5-0.5h8.1c0,0.1,0,0.1,0.1,0.2c0,0,0,0,0,0c0.1,0.1,0.1,0.2,0.2,0.2V126c-0.2,0.1-0.3,0.2-0.3,0.4h-8.1      c0-0.1,0-0.1,0-0.2c-0.1-0.2-0.3-0.3-0.5-0.3c-0.1,0-0.1,0-0.2,0l-4-7c0.1-0.1,0.2-0.3,0.2-0.4c0-0.2-0.1-0.3-0.2-0.4      c0,0,0,0,0,0l4-7c0.1,0,0.1,0,0.2,0c0.3,0,0.5-0.2,0.5-0.5h8.1c0,0.2,0.1,0.3,0.3,0.4v-0.9c-0.2,0.1-0.3,0.2-0.3,0.4h-8.1      c0-0.3-0.3-0.5-0.5-0.5c0,0,0,0-0.1,0c-0.1,0-0.1,0-0.2,0l-4-7c0.1-0.1,0.2-0.3,0.2-0.4c0-0.1,0-0.2-0.1-0.3      c0,0-0.1-0.1-0.1-0.1l4-7c0.1,0,0.1,0,0.2,0c0.3,0,0.5-0.2,0.5-0.5h8.1c0,0.1,0,0.1,0.1,0.2c0.1,0.1,0.1,0.2,0.2,0.2v-0.9      c-0.2,0.1-0.3,0.2-0.3,0.4h-8.1c0-0.1,0-0.1-0.1-0.2c-0.1-0.1-0.1-0.2-0.3-0.2c-0.1,0-0.1,0-0.2,0c-0.1,0-0.1,0-0.2,0l-4-7      c0.1-0.1,0.2-0.3,0.2-0.4c0-0.2-0.1-0.3-0.2-0.4l4-7c0.1,0,0.1,0,0.2,0c0.1,0,0.2,0,0.3-0.1c0.1-0.1,0.3-0.2,0.3-0.4h8.1      c0,0.1,0,0.2,0.1,0.2c0.1,0.1,0.1,0.2,0.2,0.2v-0.9c-0.2,0.1-0.3,0.2-0.3,0.4h-8.1c0-0.3-0.3-0.5-0.5-0.5c-0.1,0-0.1,0-0.2,0      l-4-7c0.1-0.1,0.2-0.3,0.2-0.4c0-0.2-0.1-0.3-0.2-0.4l4-7c0.1,0,0.1,0,0.2,0c0.3,0,0.5-0.2,0.5-0.5h8.1c0,0.2,0.1,0.3,0.3,0.4      v-0.9c-0.2,0.1-0.3,0.2-0.3,0.4h-8.1c0-0.3-0.3-0.5-0.5-0.5c-0.3,0-0.5,0.2-0.5,0.5c0,0.2,0.1,0.3,0.2,0.4l-4,7      c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0.2-0.5,0.5c0,0.3,0.2,0.5,0.5,0.5c0.1,0,0.2,0,0.2,0l4,7c-0.1,0.1-0.2,0.3-0.2,0.4c0,0,0,0,0,0      c0,0.2,0.1,0.3,0.2,0.4l-4,7c0,0,0,0,0,0c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0.2-0.5,0.5h-8.1c0-0.3-0.3-0.5-0.5-0.5      c-0.3,0-0.5,0.2-0.5,0.5c0,0.2,0.1,0.3,0.2,0.4l-4,7c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0.2-0.5,0.5h-8.1c0-0.3-0.3-0.5-0.5-0.5      c-0.3,0-0.5,0.2-0.5,0.5c0,0.2,0.1,0.3,0.2,0.4l-4,7c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0.2-0.5,0.5c0,0.3,0.2,0.5,0.5,0.5      c0.1,0,0.1,0,0.2,0l4,7c-0.1,0.1-0.2,0.3-0.2,0.4c0,0.3,0.2,0.5,0.5,0.5c0.3,0,0.5-0.2,0.5-0.5h8.1c0,0.1,0,0.2,0.1,0.2      c0.1,0.2,0.3,0.3,0.5,0.3c0.1,0,0.1,0,0.2,0l4,7c-0.1,0.1-0.2,0.3-0.2,0.4c0,0.3,0.2,0.5,0.5,0.5c0.3,0,0.5-0.2,0.5-0.5h8.1      c0,0.1,0.1,0.2,0.2,0.3c0.1,0.1,0.2,0.2,0.4,0.2c0.1,0,0.2,0,0.2,0l4,7c-0.1,0.1-0.2,0.3-0.2,0.4c0,0.1,0,0.2,0.1,0.3      c0,0.1,0.1,0.1,0.2,0.2l-4,7c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0.2-0.5,0.5c0,0.3,0.2,0.5,0.5,0.5c0.1,0,0.1,0,0.2,0l4,7      c-0.1,0.1-0.2,0.3-0.2,0.4c0,0.1,0,0.2,0.1,0.3c0,0.1,0.1,0.1,0.2,0.2l-4,7c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0.2-0.5,0.5h-8.1      c0-0.3-0.3-0.5-0.5-0.5c-0.3,0-0.5,0.2-0.5,0.5c0,0.2,0.1,0.3,0.2,0.4l-4,7c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0.2-0.5,0.5      c0,0.3,0.2,0.5,0.5,0.5c0.1,0,0.1,0,0.2,0l4,7c-0.1,0.1-0.2,0.3-0.2,0.4c0,0.3,0.2,0.5,0.5,0.5c0.3,0,0.5-0.2,0.5-0.5h8.1      c0,0.1,0.1,0.2,0.2,0.3c0.1,0.1,0.2,0.2,0.4,0.2c0.1,0,0.1,0,0.2,0l4,7c-0.1,0.1-0.2,0.3-0.2,0.4c0,0.3,0.2,0.5,0.5,0.5      c0.3,0,0.5-0.2,0.5-0.5h8.1c0,0.2,0.1,0.3,0.3,0.4V173.5z M200.1,87.4c0.1,0,0.1,0,0.2,0c0.3,0,0.5-0.2,0.5-0.5h8.1      c0,0.2,0.1,0.4,0.3,0.4c0.1,0,0.1,0,0.2,0c0.1,0,0.1,0,0.2,0l4,7c-0.1,0.1-0.2,0.3-0.2,0.4c0,0.2,0.1,0.3,0.2,0.4l-4,7      c0,0,0,0,0,0c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0.2-0.5,0.5h-8.1c0-0.2-0.1-0.4-0.3-0.4c-0.1,0-0.1,0-0.2,0c-0.1,0-0.1,0-0.2,0      l-4-7c0.1-0.1,0.2-0.3,0.2-0.4c0-0.2-0.1-0.3-0.2-0.4L200.1,87.4z M196,110.2c-0.1,0-0.1,0-0.2,0c0,0,0,0,0,0      c-0.3,0-0.5,0.2-0.5,0.5h-8.1c0-0.3-0.3-0.5-0.5-0.5c-0.1,0-0.1,0-0.2,0l-4-7c0.1-0.1,0.2-0.3,0.2-0.4c0-0.2-0.1-0.3-0.2-0.4      l4-7c0.1,0,0.1,0,0.2,0c0.3,0,0.5-0.2,0.5-0.5h8.1c0,0.2,0.1,0.4,0.3,0.4c0.1,0,0.1,0,0.2,0c0.1,0,0.1,0,0.2,0l4,7      c-0.1,0.1-0.2,0.3-0.2,0.4c0,0.2,0.1,0.3,0.2,0.4L196,110.2z M209.7,118.1c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0.2-0.5,0.5h-8.1      c0-0.3-0.3-0.5-0.5-0.5c-0.1,0-0.1,0-0.2,0l-4-7c0.1-0.1,0.2-0.3,0.2-0.4c0-0.2-0.1-0.3-0.2-0.4l4-7c0,0,0,0,0,0      c0.1,0,0.1,0,0.2,0c0.3,0,0.5-0.2,0.5-0.5h8.1c0,0.2,0.1,0.3,0.3,0.4c0.1,0,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.2,0l4,7      c-0.1,0.1-0.2,0.3-0.2,0.4c0,0.2,0.1,0.3,0.2,0.4L209.7,118.1z M209.7,165.5c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0.2-0.5,0.5h-8.1      c0-0.3-0.3-0.5-0.5-0.5c-0.1,0-0.2,0-0.2,0l-4-7c0.1-0.1,0.2-0.3,0.2-0.4c0-0.2-0.1-0.3-0.2-0.4l4-7c0.1,0,0.1,0,0.2,0      c0.3,0,0.5-0.2,0.5-0.5h8.1c0,0.1,0,0.1,0.1,0.2c0.1,0.2,0.3,0.3,0.5,0.3c0.1,0,0.1,0,0.2,0l4,7c-0.1,0.1-0.2,0.3-0.2,0.4      c0,0.2,0.1,0.3,0.2,0.4L209.7,165.5z"
+                  id="path67"
+                />
+              </g>
+              <g id="g75">
+                <path
+                  className={classes.whiteLine}
+                  d="M222.9,71.1h-3.8c0-0.1,0-0.1,0-0.2c-0.1-0.2-0.3-0.3-0.5-0.3c-0.1,0-0.1,0-0.2,0l-4-7      c0.1-0.1,0.2-0.3,0.2-0.4c0-0.1,0-0.1,0-0.2c0-0.1-0.1-0.2-0.2-0.2l4-7c0.1,0,0.1,0,0.2,0c0.3,0,0.5-0.2,0.5-0.5h3.8v-0.1h-3.8      c0-0.1-0.1-0.2-0.2-0.3c-0.1-0.1-0.2-0.2-0.4-0.2c-0.1,0-0.1,0-0.2,0l-4-7c0.1,0,0.1-0.1,0.2-0.2c0-0.1,0.1-0.2,0.1-0.3      c0-0.1,0-0.2-0.1-0.3c0,0-0.1-0.1-0.1-0.1l4-7c0.1,0,0.1,0,0.2,0c0.2,0,0.4-0.1,0.5-0.3c0-0.1,0.1-0.1,0.1-0.2h3.8v-0.1h-3.8      c0-0.1,0-0.1-0.1-0.2c-0.1-0.2-0.3-0.3-0.5-0.3c-0.1,0-0.1,0-0.2,0l-4-7c0.1,0,0.1-0.1,0.2-0.2c0-0.1,0.1-0.2,0.1-0.3      c0-0.2-0.1-0.3-0.2-0.4l4-7c0.1,0,0.1,0,0.2,0c0.2,0,0.4-0.1,0.5-0.3c0,0,0-0.1,0-0.2h3.8v-0.1h-3.8c0-0.3-0.3-0.5-0.5-0.5      c-0.1,0-0.2,0-0.2,0l-4-7c0.1-0.1,0.2-0.3,0.2-0.4c0-0.2-0.1-0.3-0.2-0.4c0,0,0,0,0,0l4-7c0.1,0,0.1,0,0.2,0      c0.3,0,0.5-0.2,0.5-0.5h3.8V7.8h-3.8c0-0.1,0-0.1-0.1-0.2c-0.1-0.2-0.3-0.3-0.5-0.3c-0.1,0-0.1,0-0.2,0l-2.7-4.6h-0.1l2.7,4.7      c-0.1,0.1-0.2,0.3-0.2,0.4c0,0.2,0.1,0.3,0.2,0.4l-4,7c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0.2-0.5,0.5h-8.1c0-0.2-0.1-0.3-0.3-0.4      c-0.1,0-0.2-0.1-0.3-0.1c-0.1,0-0.1,0-0.2,0l-4-7c0.1-0.1,0.2-0.2,0.2-0.3c0,0,0-0.1,0-0.1c0,0,0-0.1,0-0.1      c0-0.1-0.1-0.2-0.2-0.3l2.7-4.7h-0.1l-2.7,4.6c-0.1,0-0.1,0-0.2,0c-0.2,0-0.4,0.1-0.5,0.3c0,0,0,0.1,0,0.2h-8.1      c0-0.1,0-0.1-0.1-0.2c-0.1-0.2-0.3-0.3-0.5-0.3c-0.1,0-0.1,0-0.2,0l-2.7-4.6h-0.1l2.7,4.7c-0.1,0.1-0.2,0.3-0.2,0.4      c0,0.2,0.1,0.3,0.2,0.4l-4,7c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0.2-0.5,0.5H178c0-0.1,0-0.1-0.1-0.2c-0.1-0.2-0.3-0.3-0.5-0.3      c-0.1,0-0.1,0-0.2,0l-4-7c0.1-0.1,0.2-0.3,0.2-0.4c0-0.2-0.1-0.3-0.2-0.4l2.7-4.7h-0.1l-2.7,4.6c-0.1,0-0.1,0-0.2,0      c-0.3,0-0.5,0.2-0.5,0.5c0,0.3,0.2,0.5,0.5,0.5c0.1,0,0.1,0,0.2,0l4,7c-0.1,0.1-0.2,0.3-0.2,0.4c0,0.1,0,0.2,0.1,0.3      c0,0.1,0.1,0.1,0.2,0.2l-4,7c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0.2-0.5,0.5h-8.1c0-0.3-0.3-0.5-0.5-0.5c-0.3,0-0.5,0.2-0.5,0.5      c0,0.2,0.1,0.3,0.2,0.4l-4,7c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0.2-0.5,0.5c0,0.3,0.2,0.5,0.5,0.5c0.1,0,0.1,0,0.2,0l4,7      c-0.1,0.1-0.2,0.3-0.2,0.4c0,0.3,0.2,0.5,0.5,0.5c0.3,0,0.5-0.2,0.5-0.5h8.1c0,0.1,0.1,0.2,0.2,0.3c0.1,0.1,0.2,0.2,0.4,0.2      c0.1,0,0.1,0,0.2,0l4,7c-0.1,0.1-0.2,0.3-0.2,0.4c0,0.3,0.2,0.5,0.5,0.5c0.3,0,0.5-0.2,0.5-0.5h8.1c0,0.3,0.3,0.5,0.5,0.5      c0.3,0,0.5-0.2,0.5-0.5c0-0.2-0.1-0.3-0.2-0.4l4-7c0.1,0,0.1,0,0.2,0c0.3,0,0.5-0.2,0.5-0.5h8.1c0,0.1,0.1,0.2,0.2,0.3      c0.1,0.1,0.2,0.2,0.4,0.2c0.1,0,0.2,0,0.2,0l4,7c-0.1,0-0.1,0.1-0.2,0.2c0,0.1-0.1,0.2-0.1,0.3c0,0.2,0.1,0.3,0.2,0.4l-4,7      c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0.2-0.5,0.5c0,0.3,0.2,0.5,0.5,0.5c0.1,0,0.1,0,0.2,0l4,7c-0.1,0.1-0.2,0.3-0.2,0.4      c0,0.1,0,0.1,0,0.2c0,0.1,0.1,0.2,0.2,0.2l-4,7c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0.2-0.5,0.5c0,0.3,0.2,0.5,0.5,0.5      c0.1,0,0.2,0,0.2,0l4,7c-0.1,0.1-0.2,0.3-0.2,0.4c0,0.3,0.2,0.5,0.5,0.5c0.3,0,0.5-0.2,0.5-0.5h8.1c0,0.3,0.3,0.5,0.5,0.5      c0.3,0,0.5-0.2,0.5-0.5c0-0.2-0.1-0.3-0.2-0.4l4-7c0.1,0,0.1,0,0.2,0c0.3,0,0.5-0.2,0.5-0.5h3.8V71.1z M204.9,16.3      c0.3,0,0.5-0.2,0.5-0.5h8.1c0,0.1,0.1,0.2,0.2,0.3c0.1,0.1,0.2,0.2,0.4,0.2c0.1,0,0.1,0,0.2,0l4,7c-0.1,0-0.1,0.1-0.2,0.2      c0,0.1-0.1,0.2-0.1,0.3c0,0.1,0.1,0.3,0.2,0.4c0,0,0,0,0.1,0.1l-4,7c-0.1,0-0.1,0-0.2,0c-0.2,0-0.4,0.1-0.5,0.3      c0,0.1-0.1,0.1-0.1,0.2h-8.1c0-0.1-0.1-0.2-0.2-0.3c-0.1-0.1-0.2-0.2-0.4-0.2c-0.1,0-0.1,0-0.2,0l-4-7c0.1-0.1,0.2-0.3,0.2-0.4      c0-0.1,0-0.2-0.1-0.3c0,0-0.1-0.1-0.1-0.1l4-7C204.7,16.3,204.8,16.3,204.9,16.3z M187,15.4C187,15.3,187,15.3,187,15.4l4-7      c0.1,0,0.1,0,0.2,0c0.3,0,0.5-0.2,0.5-0.5h8.1c0,0.1,0,0.1,0,0.2c0.1,0.2,0.3,0.3,0.5,0.3c0.1,0,0.2,0,0.2,0l4,7      c-0.1,0.1-0.2,0.3-0.2,0.4c0,0.1,0.1,0.3,0.2,0.4c0,0,0,0,0.1,0.1l-4,7c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0.2-0.5,0.5h-8.1      c0-0.3-0.3-0.5-0.5-0.5c-0.1,0-0.1,0-0.2,0l-4-7c0.1-0.1,0.2-0.3,0.2-0.4C187.2,15.6,187.1,15.5,187,15.4z M173.3,23.3      C173.3,23.3,173.3,23.3,173.3,23.3l3.9-7.1c0.1,0,0.1,0,0.2,0c0.3,0,0.5-0.2,0.5-0.5h8.1c0,0.1,0,0.1,0.1,0.2      c0.1,0.2,0.3,0.3,0.5,0.3c0,0,0,0,0,0c0.1,0,0.1,0,0.2,0l4,7c-0.1,0.1-0.2,0.3-0.2,0.4c0,0,0,0,0,0c0,0.2,0.1,0.3,0.2,0.4      l-0.2,0.4l-3.8,6.6c-0.1,0-0.1,0-0.2,0c0,0,0,0,0,0c-0.3,0-0.5,0.2-0.5,0.5H178c0-0.1-0.1-0.2-0.2-0.3c-0.1-0.1-0.2-0.2-0.4-0.2      c-0.1,0-0.1,0-0.2,0l-4-7c0.1-0.1,0.2-0.3,0.2-0.4C173.5,23.5,173.4,23.4,173.3,23.3z M173.2,39c-0.1,0-0.1,0-0.2,0      c-0.3,0-0.5,0.2-0.5,0.5h-8.1c0-0.3-0.3-0.5-0.5-0.5c-0.1,0-0.1,0-0.2,0l-4-7c0.1-0.1,0.2-0.3,0.2-0.4c0-0.2-0.1-0.3-0.2-0.4      l4-7c0.1,0,0.1,0,0.2,0c0.3,0,0.5-0.2,0.5-0.5h8.1c0,0.1,0,0.1,0.1,0.2c0.1,0.2,0.3,0.3,0.5,0.3c0.1,0,0.1,0,0.2,0l4,7      c-0.1,0.1-0.2,0.3-0.2,0.4c0,0.2,0.1,0.3,0.2,0.4L173.2,39z M186.9,46.9c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0.2-0.5,0.5H178      c0-0.3-0.3-0.5-0.5-0.5c-0.1,0-0.1,0-0.2,0l-4-7c0.1-0.1,0.2-0.3,0.2-0.4c0-0.2-0.1-0.3-0.2-0.4c0,0,0,0,0,0l4-7      c0.1,0,0.1,0,0.2,0c0.3,0,0.5-0.2,0.5-0.5h8.1c0,0.3,0.3,0.5,0.5,0.5c0,0,0,0,0,0c0.1,0,0.1,0,0.2,0l4,7      c-0.1,0.1-0.2,0.3-0.2,0.4c0,0.1,0.1,0.3,0.2,0.4c0,0,0,0,0.1,0.1L186.9,46.9z M200.3,39c-0.3,0-0.5,0.2-0.5,0.5h-8.1      c0-0.1-0.1-0.2-0.2-0.3c-0.1-0.1-0.2-0.2-0.4-0.2c-0.1,0-0.1,0-0.2,0l-4-7c0.1-0.1,0.2-0.3,0.2-0.4c0-0.2-0.1-0.3-0.2-0.4      l3.6-6.2l0.5-0.8c0.1,0,0.1,0,0.2,0c0.3,0,0.5-0.2,0.5-0.5h8.1c0,0.1,0,0.1,0.1,0.2c0.1,0.2,0.3,0.3,0.5,0.3c0.1,0,0.2,0,0.2,0      l4,7c-0.1,0.1-0.2,0.3-0.2,0.4c0,0.2,0.1,0.3,0.2,0.4l-4,7C200.5,39,200.4,39,200.3,39z M200.6,39.9c0.1-0.1,0.2-0.3,0.2-0.4      c0-0.2-0.1-0.3-0.2-0.4c0,0,0,0,0,0l4-7c0.1,0,0.1,0,0.2,0c0.3,0,0.5-0.2,0.5-0.5h8.1c0,0.3,0.3,0.5,0.5,0.5c0,0,0,0,0,0      c0.1,0,0.1,0,0.2,0l4,7c-0.1,0.1-0.1,0.1-0.2,0.2c0,0.1,0,0.1,0,0.2c0,0.2,0.1,0.3,0.2,0.4l-4,7c-0.1,0-0.1,0-0.2,0      c-0.2,0-0.4,0.1-0.5,0.3c0,0.1-0.1,0.1-0.1,0.2h-8.1c0-0.3-0.3-0.5-0.5-0.5c-0.1,0-0.2,0-0.2,0L200.6,39.9z M200.6,55.7      c0.1-0.1,0.2-0.3,0.2-0.4s-0.1-0.3-0.2-0.4l4-7c0.1,0,0.1,0,0.2,0c0.2,0,0.4-0.1,0.5-0.3c0-0.1,0.1-0.1,0.1-0.2h8.1      c0,0.3,0.3,0.5,0.5,0.5c0.1,0,0.2,0,0.2,0l4,7c-0.1,0.1-0.2,0.3-0.2,0.4v0c0,0.2,0.1,0.3,0.2,0.4l-4,7c-0.1,0-0.1,0-0.2,0      c-0.3,0-0.5,0.2-0.5,0.5h-8.1c0-0.1,0-0.1,0-0.2c-0.1-0.2-0.3-0.3-0.5-0.3c-0.1,0-0.2,0-0.2,0L200.6,55.7z M218.1,71.3      c0,0.1,0.1,0.2,0.2,0.2l-4,7c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0.2-0.5,0.5h-8.1c0-0.3-0.3-0.5-0.5-0.5c-0.1,0-0.1,0-0.2,0l-4-7      c0.1-0.1,0.2-0.3,0.2-0.4c0-0.2-0.1-0.3-0.2-0.4l4-7c0.1,0,0.1,0,0.2,0c0.3,0,0.5-0.2,0.5-0.5h8.1c0,0.1,0,0.1,0,0.2      c0,0.1,0.1,0.1,0.1,0.2c0.1,0.1,0.2,0.2,0.4,0.2c0.1,0,0.2,0,0.2,0l4,7c-0.1,0.1-0.2,0.3-0.2,0.4      C218.1,71.2,218.1,71.3,218.1,71.3z"
+                  id="path71"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M222.9,166h-3.8c0-0.1-0.1-0.2-0.2-0.3c-0.1-0.1-0.2-0.2-0.4-0.2c-0.1,0-0.1,0-0.2,0l-4-7      c0.1-0.1,0.2-0.3,0.2-0.4c0-0.2-0.1-0.3-0.2-0.4l3.6-6.2l0.5-0.8c0.1,0,0.1,0,0.2,0c0.3,0,0.5-0.2,0.5-0.5h3.8v-0.1h-3.8      c0-0.3-0.3-0.5-0.5-0.5c-0.1,0-0.1,0-0.2,0l-4-7c0.1-0.1,0.2-0.3,0.2-0.4c0-0.2-0.1-0.3-0.2-0.4c0,0,0,0,0,0l4-7      c0.1,0,0.1,0,0.2,0c0.3,0,0.5-0.2,0.5-0.5h3.8v-0.1h-3.8c0-0.1,0-0.1-0.1-0.2c-0.1-0.2-0.3-0.3-0.5-0.3c-0.1,0-0.1,0-0.2,0l-4-7      c0.1-0.1,0.2-0.3,0.2-0.4c0-0.1,0-0.2-0.1-0.3c0-0.1-0.1-0.1-0.2-0.2l4-7c0.1,0,0.1,0,0.2,0c0.3,0,0.5-0.2,0.5-0.5h3.8v-0.1      h-3.8c0-0.1,0-0.1,0-0.2c-0.1-0.2-0.3-0.3-0.5-0.3c-0.1,0-0.2,0-0.2,0l-4-7c0.1-0.1,0.2-0.3,0.2-0.4c0-0.2-0.1-0.3-0.2-0.4      l3.6-6.2l0.5-0.8c0.1,0,0.1,0,0.2,0c0.3,0,0.5-0.2,0.5-0.5h3.8v-0.1h-3.8c0-0.2-0.2-0.4-0.5-0.5c0,0,0,0-0.1,0s0,0-0.1,0      c-0.1,0-0.1,0-0.2,0l-4-7c0.1-0.1,0.2-0.3,0.2-0.4c0-0.2-0.1-0.3-0.2-0.4c0,0,0,0,0,0l4-7c0.1,0,0.1,0,0.2,0h0      c0.3,0,0.5-0.2,0.5-0.5h3.8v-0.1h-3.8c0-0.1,0-0.2-0.1-0.2c-0.1-0.1-0.3-0.2-0.4-0.2c-0.1,0-0.1,0-0.2,0l-4-7      c0.1-0.1,0.2-0.3,0.2-0.4c0-0.1,0-0.2-0.1-0.3c0,0-0.1-0.1-0.1-0.1l4-7c0.1,0,0.1,0,0.2,0c0.3,0,0.5-0.2,0.5-0.5h3.8v-0.1h-3.8      c0-0.3-0.3-0.5-0.5-0.5c-0.1,0-0.1,0-0.2,0l-4-7c0.1-0.1,0.2-0.3,0.2-0.4c0-0.3-0.2-0.5-0.5-0.5c-0.3,0-0.5,0.2-0.5,0.5h-8.1      c0-0.3-0.3-0.5-0.5-0.5c-0.3,0-0.5,0.2-0.5,0.5c0,0.2,0.1,0.3,0.2,0.4l-4,7c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0.2-0.5,0.5      c0,0.3,0.2,0.5,0.5,0.5c0.1,0,0.1,0,0.2,0l4,7c-0.1,0.1-0.2,0.3-0.2,0.4c0,0,0,0,0,0c0,0.2,0.1,0.3,0.2,0.4l-4,7c0,0,0,0,0,0      c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0.2-0.5,0.5h-8.1c0-0.3-0.3-0.5-0.5-0.5c-0.3,0-0.5,0.2-0.5,0.5c0,0.2,0.1,0.3,0.2,0.4l-4,7      c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0.2-0.5,0.5H178c0-0.3-0.3-0.5-0.5-0.5c-0.3,0-0.5,0.2-0.5,0.5c0,0.2,0.1,0.3,0.2,0.4l-4,7      c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0.2-0.5,0.5c0,0.3,0.2,0.5,0.5,0.5c0.1,0,0.1,0,0.2,0l4,7c-0.1,0.1-0.2,0.3-0.2,0.4      c0,0.3,0.2,0.5,0.5,0.5c0.3,0,0.5-0.2,0.5-0.5h8.1c0,0.1,0,0.2,0.1,0.2c0.1,0.2,0.3,0.3,0.5,0.3c0.1,0,0.1,0,0.2,0l4,7      c-0.1,0.1-0.2,0.3-0.2,0.4c0,0.3,0.2,0.5,0.5,0.5c0.3,0,0.5-0.2,0.5-0.5h8.1c0,0.1,0.1,0.2,0.2,0.3c0.1,0.1,0.2,0.2,0.4,0.2      c0.1,0,0.1,0,0.2,0l4,7c-0.1,0.1-0.2,0.3-0.2,0.4c0,0.1,0,0.2,0.1,0.3c0,0.1,0.1,0.1,0.2,0.2l-4,7c-0.1,0-0.1,0-0.2,0      c-0.3,0-0.5,0.2-0.5,0.5c0,0.3,0.2,0.5,0.5,0.5c0.1,0,0.1,0,0.2,0l4,7c-0.1,0.1-0.2,0.3-0.2,0.4c0,0.1,0,0.2,0.1,0.3      c0,0.1,0.1,0.1,0.2,0.2l-4,7c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0.2-0.5,0.5h-8.1c0-0.3-0.3-0.5-0.5-0.5c-0.3,0-0.5,0.2-0.5,0.5      c0,0.2,0.1,0.3,0.2,0.4l-4,7c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0.2-0.5,0.5c0,0.3,0.2,0.5,0.5,0.5c0.1,0,0.1,0,0.2,0l4,7      c-0.1,0.1-0.2,0.3-0.2,0.4c0,0.3,0.2,0.5,0.5,0.5c0.3,0,0.5-0.2,0.5-0.5h8.1c0,0.1,0.1,0.2,0.2,0.3c0.1,0.1,0.2,0.2,0.4,0.2      c0.1,0,0.1,0,0.2,0l4,7c-0.1,0.1-0.2,0.3-0.2,0.4c0,0.3,0.2,0.5,0.5,0.5c0.3,0,0.5-0.2,0.5-0.5h8.1c0,0.3,0.3,0.5,0.5,0.5      c0.3,0,0.5-0.2,0.5-0.5c0-0.2-0.1-0.3-0.2-0.4l4-7c0.1,0,0.1,0,0.2,0c0.3,0,0.5-0.2,0.5-0.5h3.8V166z M218.3,102.3      c-0.1,0.1-0.2,0.3-0.2,0.4c0,0,0,0,0,0c0,0.2,0.1,0.3,0.2,0.4l-0.2,0.4l-3.8,6.6c-0.1,0-0.1,0-0.2,0c0,0,0,0,0,0      c-0.3,0-0.5,0.2-0.5,0.5h-8.1c0-0.3-0.3-0.5-0.5-0.5c0,0,0,0-0.1,0c-0.1,0-0.1,0-0.2,0l-4-7c0.1-0.1,0.2-0.3,0.2-0.4      c0-0.1,0-0.2-0.1-0.3c0,0-0.1-0.1-0.1-0.1l4-7c0.1,0,0.1,0,0.2,0c0.3,0,0.5-0.2,0.5-0.5h8.1c0,0.1,0,0.1,0.1,0.2      c0.1,0.2,0.3,0.3,0.5,0.3c0,0,0,0,0,0c0.1,0,0.1,0,0.2,0L218.3,102.3z M200.6,71.5c0.1-0.1,0.2-0.3,0.2-0.4      c0-0.2-0.1-0.3-0.2-0.4l4-7c0.1,0,0.1,0,0.2,0c0.3,0,0.5-0.2,0.5-0.5h8.1c0,0.3,0.3,0.5,0.5,0.5c0.1,0,0.1,0,0.2,0l4,7      c-0.1,0.1-0.2,0.3-0.2,0.4c0,0.2,0.1,0.3,0.2,0.4l-4,7c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0.2-0.5,0.5h-8.1c0-0.3-0.3-0.5-0.5-0.5      c-0.1,0-0.1,0-0.2,0L200.6,71.5z M200.6,86.5l4-7c0.1,0,0.1,0,0.2,0c0.1,0,0.2,0,0.3-0.1c0.1-0.1,0.3-0.2,0.3-0.4h8.1      c0,0.1,0,0.2,0.1,0.2c0.1,0.2,0.3,0.3,0.5,0.3c0.1,0,0.1,0,0.2,0l4,7c-0.1,0.1-0.2,0.3-0.2,0.4v0c0,0.2,0.1,0.3,0.2,0.4l-4,7      c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0.2-0.5,0.5h-8.1c0-0.1,0-0.1-0.1-0.2c-0.1-0.1-0.1-0.2-0.3-0.2c-0.1,0-0.1,0-0.2,0      c-0.1,0-0.1,0-0.2,0l-4-7c0.1-0.1,0.2-0.3,0.2-0.4C200.9,86.8,200.8,86.6,200.6,86.5z M191,87.4c0.1,0,0.1,0,0.2,0      c0.3,0,0.5-0.2,0.5-0.5h8.1c0,0.2,0.1,0.4,0.3,0.4c0.1,0,0.1,0,0.2,0c0.1,0,0.1,0,0.2,0l4,7c-0.1,0.1-0.2,0.3-0.2,0.4      s0.1,0.3,0.2,0.4l-4,7c0,0,0,0,0,0c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0.2-0.5,0.5h-8.1c0-0.2-0.1-0.4-0.3-0.4c-0.1,0-0.1,0-0.2,0      c-0.1,0-0.1,0-0.2,0l-4-7c0.1-0.1,0.2-0.3,0.2-0.4c0-0.2-0.1-0.3-0.2-0.4L191,87.4z M186.9,110.2c-0.1,0-0.1,0-0.2,0      c0,0,0,0,0,0c-0.3,0-0.5,0.2-0.5,0.5H178c0-0.3-0.3-0.5-0.5-0.5c-0.1,0-0.1,0-0.2,0l-4-7c0.1-0.1,0.2-0.3,0.2-0.4      c0-0.2-0.1-0.3-0.2-0.4l4-7c0.1,0,0.1,0,0.2,0c0.3,0,0.5-0.2,0.5-0.5h8.1c0,0.2,0.1,0.4,0.3,0.4c0.1,0,0.1,0,0.2,0      c0.1,0,0.1,0,0.2,0l4,7c-0.1,0.1-0.2,0.3-0.2,0.4c0,0.2,0.1,0.3,0.2,0.4L186.9,110.2z M200.6,118.1c-0.1,0-0.1,0-0.2,0      c-0.3,0-0.5,0.2-0.5,0.5h-8.1c0-0.3-0.3-0.5-0.5-0.5c-0.1,0-0.1,0-0.2,0l-4-7c0.1-0.1,0.2-0.3,0.2-0.4c0-0.2-0.1-0.3-0.2-0.4      l4-7c0,0,0,0,0,0c0.1,0,0.1,0,0.2,0c0.3,0,0.5-0.2,0.5-0.5h8.1c0,0.2,0.1,0.3,0.3,0.4c0.1,0,0.2,0.1,0.3,0.1c0.1,0,0.1,0,0.2,0      l4,7c-0.1,0.1-0.2,0.3-0.2,0.4c0,0.2,0.1,0.3,0.2,0.4L200.6,118.1z M200.6,119c0.1-0.1,0.2-0.3,0.2-0.4c0-0.2-0.1-0.3-0.2-0.4      c0,0,0,0,0,0l4-7c0.1,0,0.1,0,0.2,0c0.3,0,0.5-0.2,0.5-0.5h8.1c0,0.3,0.3,0.5,0.5,0.5c0,0,0,0,0,0c0.1,0,0.1,0,0.2,0l4,7      c-0.1,0.1-0.2,0.3-0.2,0.4c0,0.1,0,0.1,0,0.2c0,0.1,0.1,0.2,0.2,0.2l-4,7c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0.2-0.5,0.5h-8.1      c0-0.1,0-0.1,0-0.2c-0.1-0.2-0.3-0.3-0.5-0.3c-0.1,0-0.1,0-0.2,0L200.6,119z M200.6,134.8c0.1-0.1,0.2-0.3,0.2-0.4      c0-0.2-0.1-0.3-0.2-0.4l4-7c0.1,0,0.1,0,0.2,0c0.3,0,0.5-0.2,0.5-0.5h8.1c0,0.1,0,0.1,0.1,0.2c0,0,0,0,0,0      c0.1,0.2,0.3,0.3,0.5,0.3c0.1,0,0.1,0,0.2,0l4,7c-0.1,0.1-0.2,0.3-0.2,0.4c0,0.2,0.1,0.3,0.2,0.4l-4,7c-0.1,0-0.1,0-0.2,0      c-0.3,0-0.5,0.2-0.5,0.5h-8.1c0-0.1,0-0.1-0.1-0.2c-0.1-0.2-0.3-0.3-0.5-0.3c-0.1,0-0.1,0-0.2,0L200.6,134.8z M200.7,149.9      C200.7,149.8,200.7,149.8,200.7,149.9l3.9-7.1c0.1,0,0.1,0,0.2,0c0.3,0,0.5-0.2,0.5-0.5h8.1c0,0.1,0,0.1,0.1,0.2      c0.1,0.2,0.3,0.3,0.5,0.3h0c0.1,0,0.1,0,0.2,0l4,7c-0.1,0.1-0.2,0.3-0.2,0.4v0c0,0.2,0.1,0.3,0.2,0.4l-0.2,0.4l-3.8,6.6      c-0.1,0-0.1,0-0.2,0h0c-0.3,0-0.5,0.2-0.5,0.5h-8.1c0-0.1-0.1-0.2-0.2-0.3c-0.1-0.1-0.2-0.2-0.4-0.2c-0.1,0-0.1,0-0.2,0l-4-7      c0.1-0.1,0.2-0.3,0.2-0.4C200.9,150.1,200.8,150,200.7,149.9z M200.6,165.5c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0.2-0.5,0.5h-8.1      c0-0.3-0.3-0.5-0.5-0.5c-0.1,0-0.2,0-0.2,0l-4-7c0.1-0.1,0.2-0.3,0.2-0.4c0-0.2-0.1-0.3-0.2-0.4l4-7c0.1,0,0.1,0,0.2,0      c0.3,0,0.5-0.2,0.5-0.5h8.1c0,0.1,0,0.1,0.1,0.2c0.1,0.2,0.3,0.3,0.5,0.3c0.1,0,0.1,0,0.2,0l4,7c-0.1,0.1-0.2,0.3-0.2,0.4      c0,0.2,0.1,0.3,0.2,0.4L200.6,165.5z M214.3,173.4c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5,0.2-0.5,0.5h-8.1c0-0.3-0.3-0.5-0.5-0.5      c-0.1,0-0.1,0-0.2,0l-4-7c0.1-0.1,0.2-0.3,0.2-0.4c0-0.2-0.1-0.3-0.2-0.4c0,0,0,0,0,0l4-7c0.1,0,0.1,0,0.2,0      c0.3,0,0.5-0.2,0.5-0.5h8.1c0,0.3,0.3,0.5,0.5,0.5h0c0.1,0,0.1,0,0.2,0l4,7c-0.1,0.1-0.2,0.3-0.2,0.4c0,0.1,0.1,0.3,0.2,0.4      c0,0,0,0,0.1,0.1L214.3,173.4z"
+                  id="path73"
+                />
+              </g>
+            </g>
+          </g>
+        </g>
+        {/* buttons for port selection */}
+        {/* I2C PORTS */}
+        {/* HALOHEAD */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 0, //address here is not important for I2C, the restrictions are per component not per port
+              addressType: quack.AddressType.ADDRESS_TYPE_I2C,
+              label: "1",
+              autoDetectable: false
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="24"
+          cy="50"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+
+        {/* CONFIGURABLE PIN PORTS */}
+        {/* PORT 1 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 4,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "1",
+              autoDetectable: true
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="24"
+          cy="108"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+        {/* PORT 2 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 8,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "2",
+              autoDetectable: true
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="24"
+          cy="172"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+      </svg>
+    );
+  };
+
+  const miPCASVG = () => {
+    return (
+      <svg version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 224.2 224.2">
+        <g id="g301">
+          <path
+            id="XMLID_00000048467992263735134140000014725070453624700589_"
+            className={classes.whiteLine}
+            d="M16.9,206.2l3.9-2.9l3.9-2.9   c2.6-1.9,5.2-3.8,7.8-5.7l7.8-5.7l7.9-5.7l-0.3,0.6c0-3.1-0.1-6.2-0.1-9.3l-0.1-9.3c0-3.1-0.1-6.2-0.1-9.3l-0.1-9.3l-0.1-9.3   c0-3.1,0-6.2,0-9.3l0-18.6l0-18.6l0-9.3l0.1-9.3l0.1-9.3c0-3.1,0.1-6.2,0.1-9.3l0.1-9.3c0-3.1,0.1-6.2,0.1-9.3l0.3,0.6l-7.9-5.7   l-7.8-5.7c-2.6-1.9-5.2-3.8-7.8-5.7l-3.9-2.9l-3.9-2.9l4,2.7l4,2.7c2.7,1.8,5.4,3.6,8.1,5.4l8,5.4l8,5.4l0.3,0.2l0,0.4   c0,3.1,0.1,6.2,0.1,9.3l0.1,9.3c0,3.1,0.1,6.2,0.1,9.3l0.1,9.3l0.1,9.3l0,9.3l0,18.6l0,18.6c0,3.1,0,6.2,0,9.3l-0.1,9.3l-0.1,9.3   c0,3.1-0.1,6.2-0.1,9.3l-0.1,9.3c0,3.1-0.1,6.2-0.1,9.3l0,0.4l-0.3,0.2l-8,5.4l-8,5.4c-2.7,1.8-5.4,3.6-8.1,5.4l-4,2.7L16.9,206.2z   "
+          />
+          <path
+            id="XMLID_00000021798488855754309070000002961980684278222268_"
+            className={classes.whiteLine}
+            d="M210.5,206.2l-2.9-2.6   c-1-0.9-1.9-1.8-2.9-2.6l-2.8-2.7c-1-0.9-1.9-1.8-2.8-2.7l-5.7-5.3l-5.6-5.4l0.5,0.2l-4.2,0.1l-4.2,0.1l-8.4,0.1   c-2.8,0-5.6,0.1-8.4,0.1l-8.4,0.1l-8.4,0l-8.4,0l-8.4,0l-8.4,0l-4.2,0l-4.2,0l-8.4-0.1l-4.2,0l-4.2-0.1l-8.4-0.1l-8.4-0.2l-4.2-0.1   l-4.2-0.1l-4.2-0.1l-4.2-0.1l-8.4-0.3l8.4-0.3l4.2-0.1l4.2-0.1l4.2-0.1l4.2-0.1l8.4-0.2l8.4-0.1l4.2-0.1l4.2,0l8.4-0.1l4.2,0l4.2,0   l8.4,0l8.4,0l8.4,0l8.4,0l8.4,0.1c2.8,0,5.6,0,8.4,0.1l8.4,0.1l4.2,0.1l4.2,0.1l0.3,0l0.2,0.2l5.4,5.6l5.4,5.6   c0.9,0.9,1.8,1.9,2.7,2.8l2.7,2.8c0.9,0.9,1.8,1.9,2.7,2.8L210.5,206.2z"
+          />
+          <g id="g184">
+            <path
+              className={classes.whiteLine}
+              d="M99.5,37.2c0,0-0.1,0-0.1,0C99.4,37.3,99.5,37.3,99.5,37.2z"
+              id="path6"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M96.6,55.1c0.7,0.8,1.5,1.5,2.3,2.1C98.1,56.6,97.4,55.9,96.6,55.1c-4.7-5.3-5.4-12.4-1.4-16    c0.1-0.1,0.2-0.2,0.3-0.2c-0.1,0.1-0.2,0.2-0.3,0.2C91.3,42.7,91.9,49.9,96.6,55.1z"
+              id="path8"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M98.1,37.5c-0.1,0-0.1,0-0.2,0.1C98,37.6,98,37.6,98.1,37.5z"
+              id="path10"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M98.4,37.4c-0.1,0-0.1,0-0.2,0C98.3,37.5,98.4,37.5,98.4,37.4z"
+              id="path12"
+            />
+            <polygon
+              className={classes.whiteLine}
+              points="82,40 86.6,41 82,40 82,44.6 86.3,46.4 82,44.6   "
+              id="polygon14"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M98.8,37.4c-0.1,0-0.1,0-0.2,0C98.7,37.4,98.7,37.4,98.8,37.4z"
+              id="path16"
+            />
+            <polygon
+              className={classes.whiteLine}
+              points="91,52 87.3,55.2 91,52   "
+              id="polygon18"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M99.1,37.3c-0.1,0-0.1,0-0.2,0C99,37.3,99.1,37.3,99.1,37.3z"
+              id="path20"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M111.3,42.6c-0.1-0.1-0.2-0.2-0.2-0.3C111.1,42.4,111.2,42.5,111.3,42.6l7.4,0l0.2-0.1l-0.2,0.1H111.3z"
+              id="path22"
+            />
+            <polygon
+              className={classes.whiteLine}
+              points="119.7,41.7 119.7,41.7 118.8,40.7   "
+              id="polygon24"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M114.3,57.3C114.3,57.3,114.3,57.3,114.3,57.3l-1.1,0c-0.1,0.1-0.1,0.2-0.2,0.2c0.1-0.1,0.1-0.1,0.2-0.2    H114.3z"
+              id="path26"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M96.7,38.1c-0.1,0-0.1,0.1-0.2,0.1C96.6,38.2,96.7,38.1,96.7,38.1z"
+              id="path28"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M97.7,37.7c-0.1,0-0.1,0-0.2,0.1C97.6,37.7,97.7,37.7,97.7,37.7z"
+              id="path30"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M96.4,38.3c-0.1,0-0.1,0.1-0.2,0.1C96.3,38.3,96.3,38.3,96.4,38.3z"
+              id="path32"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M97.4,37.8c-0.1,0-0.1,0-0.2,0.1C97.3,37.8,97.3,37.8,97.4,37.8z"
+              id="path34"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M97.1,37.9C97,38,96.9,38,96.9,38C96.9,38,97,38,97.1,37.9z"
+              id="path36"
+            />
+            <polygon
+              className={classes.whiteLine}
+              points="86.5,55.9 89.2,59.2 86.5,55.9   "
+              id="polygon38"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M99,57.3C99,57.3,99,57.3,99,57.3C99,57.3,99,57.3,99,57.3z"
+              id="path40"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M95.8,38.7c-0.1,0.1-0.1,0.1-0.2,0.2C95.6,38.8,95.7,38.7,95.8,38.7z"
+              id="path42"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M96.1,38.5c-0.1,0-0.1,0.1-0.2,0.1C96,38.6,96,38.5,96.1,38.5z"
+              id="path44"
+            />
+            <polygon
+              className={classes.whiteLine}
+              points="96.4,36.1 96.9,36.6 96.9,36.6 89.9,29.3 86.4,31.5 86.4,31.5 89.9,29.3   "
+              id="polygon46"
+            />
+            <polygon
+              className={classes.whiteLine}
+              points="93.2,58.7 95.4,57.8 95.4,57.8   "
+              id="polygon48"
+            />
+            <polygon
+              className={classes.whiteLine}
+              points="105.9,66.7 106.4,62.2 106.4,62.2   "
+              id="polygon50"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M106.9,39C106.9,38.9,106.9,38.9,106.9,39C106.9,38.9,106.9,38.9,106.9,39z"
+              id="path52"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M99.9,37.2c0,0-0.1,0-0.1,0C99.8,37.2,99.8,37.2,99.9,37.2z"
+              id="path54"
+            />
+            <polygon
+              className={classes.whiteLine}
+              points="99.8,60.5 100,62.2 99.8,60.5   "
+              id="polygon56"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M100.2,37.2c0,0-0.1,0-0.1,0C100.1,37.2,100.2,37.2,100.2,37.2z"
+              id="path58"
+            />
+            <rect
+              x="103.1"
+              y="65.7"
+              transform="matrix(0.2933 -0.956 0.956 0.2933 7.5976 146.8591)"
+              className={classes.whiteLine}
+              width="0"
+              height="5.1"
+              id="rect60"
+            />
+            <polygon
+              className={classes.whiteLine}
+              points="114.5,58.3 119.7,66.1 118,67.2 119.7,66.1 114.5,58.3   "
+              id="polygon62"
+            />
+            <polygon
+              className={classes.whiteLine}
+              points="109.1,40.5 109.1,40.5 114.5,38.2   "
+              id="polygon64"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M107.4,39.3C107.4,39.3,107.4,39.3,107.4,39.3c-0.3-0.2-0.6-0.4-0.9-0.6l0,0    C106.8,38.9,107.1,39.1,107.4,39.3z"
+              id="path66"
+            />
+            <polygon
+              className={classes.whiteLine}
+              points="100.6,28.5 100.3,30.4 100.6,28.5   "
+              id="polygon68"
+            />
+            <rect
+              x="96.9"
+              y="36.6"
+              transform="matrix(0.5547 -0.8321 0.8321 0.5547 12.6787 96.891)"
+              className={classes.whiteLine}
+              width="0"
+              height="0"
+              id="rect70"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M91.3,50.7c0-0.1-0.1-0.2-0.1-0.3C91.2,50.5,91.3,50.6,91.3,50.7z"
+              id="path72"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M91.5,51.1c0-0.1-0.1-0.2-0.1-0.3C91.4,50.9,91.4,51,91.5,51.1z"
+              id="path74"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M90.5,48.1c0,0,0,0.1,0,0.1C90.5,48.2,90.5,48.1,90.5,48.1C90.5,48.1,90.5,48.1,90.5,48.1z"
+              id="path76"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M90.7,49.1c0-0.1,0-0.2-0.1-0.2C90.7,48.9,90.7,49,90.7,49.1z"
+              id="path78"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M90.6,48.7c0-0.1,0-0.1-0.1-0.2C90.6,48.5,90.6,48.6,90.6,48.7z"
+              id="path80"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M90.9,49.5c0-0.1-0.1-0.2-0.1-0.2C90.8,49.3,90.8,49.4,90.9,49.5z"
+              id="path82"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M91.1,50.3c0-0.1-0.1-0.2-0.1-0.3C91.1,50.1,91.1,50.2,91.1,50.3z"
+              id="path84"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M91,49.9c0-0.1-0.1-0.2-0.1-0.3C90.9,49.7,91,49.8,91,49.9z"
+              id="path86"
+            />
+            <polygon
+              className={classes.whiteLine}
+              points="99.8,60 99.8,60 99.8,60 99.8,60   "
+              id="polygon88"
+            />
+            <polygon
+              className={classes.whiteLine}
+              points="91.5,51.5 91.5,51.5 91.5,51.5 91.5,51.5   "
+              id="polygon90"
+            />
+            <polygon
+              className={classes.whiteLine}
+              points="106.5,61.4 106.5,61.4 106.6,61.2 106.6,61.2   "
+              id="polygon92"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M99.7,59.6c-0.5-0.2-1-0.5-1.4-0.8C98.7,59.1,99.2,59.3,99.7,59.6L99.7,59.6C99.7,59.7,99.7,59.7,99.7,59.6    L99.7,59.6z"
+              id="path94"
+            />
+            <polygon
+              className={classes.whiteLine}
+              points="96.3,57.4 96.3,57.4 96.4,57.4 96.4,57.4   "
+              id="polygon96"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M91.4,40.9c0.1-0.1,0.1-0.2,0.2-0.4C91.6,40.6,91.5,40.7,91.4,40.9z"
+              id="path98"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M91.9,40.1C91.9,40.1,91.9,40.1,91.9,40.1C91.9,40.1,91.9,40.1,91.9,40.1C91.9,40.1,91.9,40.1,91.9,40.1    C91.9,40.1,91.9,40.1,91.9,40.1z"
+              id="path100"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M99.6,36.6c-0.2,0-0.4,0-0.6,0C99.2,36.6,99.4,36.6,99.6,36.6L99.6,36.6z"
+              id="path102"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M97.8,36.6c-0.2,0-0.4,0-0.5,0.1c0,0,0,0,0,0C97.4,36.7,97.6,36.7,97.8,36.6z"
+              id="path104"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M97.8,36.6c0.2,0,0.4,0,0.5-0.1C98.2,36.6,98,36.6,97.8,36.6z"
+              id="path106"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M98.4,36.6c0.2,0,0.4,0,0.5,0C98.8,36.6,98.6,36.6,98.4,36.6z"
+              id="path108"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M96.8,36.6C96.8,36.6,96.8,36.6,96.8,36.6L96.8,36.6C96.8,36.6,96.8,36.6,96.8,36.6z"
+              id="path110"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M106.4,37.6l-0.9-7.6l-4.9-1.5l-0.2,1.9l-0.7,5.1c1,0.8,2.4,1.4,3.9,1.8C104.6,37.5,105.5,37.6,106.4,37.6z"
+              id="path112"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M93.9,54.9C93.1,53.6,92,52.6,91,52l-3.7,3.2l-0.8,0.7l2.7,3.3l0.8,1l3.3-1.4l2.1-0.9    C95.1,56.8,94.6,55.8,93.9,54.9z"
+              id="path114"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M96.4,36.1l-6.5-6.7l-3.4,2.1l5.2,7.7c0.9-0.3,1.8-0.7,2.7-1.3C95.1,37.3,95.8,36.7,96.4,36.1z"
+              id="path116"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M114.5,58.3c-0.5,0.2-1,0.5-1.5,0.8c-1.2,0.8-2.2,1.6-3,2.5l6.3,6.6l1.7-1.1l1.7-1.1L114.5,58.3z"
+              id="path118"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M116.2,37.4l-1.7,0.7l-5.4,2.3c0.7,0.5,1.3,1.1,1.9,1.8c0,0,0,0,0.1,0.1c0.1,0.1,0.2,0.2,0.2,0.3h7.4l0.2-0.1    l0.9-0.8l-0.8-1L116.2,37.4z"
+              id="path120"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M106.8,38.9C106.9,38.9,106.9,38.9,106.8,38.9c0.2,0.1,0.4,0.2,0.6,0.3c-0.3-0.2-0.6-0.4-0.9-0.6l0,0    c0,0,0,0,0,0l0-0.1c-0.1,0-0.1,0-0.2,0C106.5,38.7,106.7,38.8,106.8,38.9z"
+              id="path122"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M102.6,60.8c-1-0.2-1.9-0.3-2.8-0.3l0.2,1.7l0.7,5.3l4.9,1.5l0.3-2.3l0.6-4.5    C105.4,61.6,104.1,61.1,102.6,60.8z"
+              id="path124"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M92.1,39.8C92,39.9,92,40,91.9,40.1C92,40,92,39.9,92.1,39.8L92.1,39.8z"
+              id="path126"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M97,36.8c0.1,0,0.1,0,0.2,0c0,0,0,0,0,0C97.2,36.7,97.1,36.8,97,36.8l-0.2-0.2c0,0,0,0,0,0L97,36.8z"
+              id="path128"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M91.6,51.4C91.6,51.4,91.6,51.4,91.6,51.4C91.6,51.4,91.6,51.4,91.6,51.4l-0.1,0.1c0,0,0,0,0,0L91.6,51.4z"
+              id="path130"
+            />
+            <polygon
+              className={classes.whiteLine}
+              points="91.5,51.5 91.5,51.5 91,52 91,52   "
+              id="polygon132"
+            />
+            <polygon
+              className={classes.whiteLine}
+              points="95.4,57.8 95.4,57.8 96.3,57.4 96.3,57.4   "
+              id="polygon134"
+            />
+            <polygon
+              className={classes.whiteLine}
+              points="106.4,62.2 106.4,62.2 106.5,61.4 106.5,61.4   "
+              id="polygon136"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M114.2,57.5c0,0.1-0.1,0.1-0.1,0.2C114.1,57.6,114.2,57.6,114.2,57.5z"
+              id="path138"
+            />
+            <rect
+              x="114.3"
+              y="57.7"
+              transform="matrix(0.7071 -0.7071 0.7071 0.7071 -7.5546 97.7812)"
+              className={classes.whiteLine}
+              width="0"
+              height="0.7"
+              id="rect140"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M91.1,41.5c0-0.1,0.1-0.1,0.1-0.2C91.1,41.4,91.1,41.4,91.1,41.5z"
+              id="path142"
+            />
+            <polygon
+              className={classes.whiteLine}
+              points="90.9,41.8 90.9,41.8 90.9,41.8   "
+              id="polygon144"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M91.2,41.3c0.1-0.1,0.1-0.3,0.2-0.4C91.3,41,91.3,41.1,91.2,41.3z"
+              id="path146"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M90.5,48.1L90.5,48.1C90.5,48.1,90.5,48.1,90.5,48.1C90.5,48.1,90.5,48.1,90.5,48.1    C90.5,48.1,90.5,48.1,90.5,48.1z"
+              id="path148"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M112.4,58.5c0.6-0.4,1.2-0.7,1.9-1c0-0.1,0.1-0.1,0.1-0.2h-1.1c-0.1,0.1-0.1,0.2-0.2,0.2    c-0.2,0.2-0.4,0.5-0.7,0.7c-3.3,3-8.8,2.5-13.3-0.9c0,0,0,0,0,0c0,0,0,0-0.1-0.1c-0.8-0.6-1.6-1.3-2.3-2.1    c-4.7-5.3-5.4-12.4-1.4-16c0.1-0.1,0.2-0.2,0.3-0.2c0,0,0.1,0,0.1-0.1c0.1-0.1,0.1-0.1,0.2-0.2c0,0,0.1-0.1,0.1-0.1    c0.1,0,0.1-0.1,0.2-0.1c0,0,0.1-0.1,0.1-0.1c0.1,0,0.1-0.1,0.2-0.1c0,0,0.1-0.1,0.1-0.1c0.1,0,0.1-0.1,0.2-0.1    c0.1,0,0.1-0.1,0.2-0.1c0.1,0,0.1-0.1,0.2-0.1c0.1,0,0.1,0,0.2-0.1c0.1,0,0.1,0,0.2-0.1c0.1,0,0.1,0,0.2-0.1c0.1,0,0.1,0,0.2-0.1    c0.1,0,0.1,0,0.2-0.1c0.1,0,0.1,0,0.2-0.1c0.1,0,0.1,0,0.2-0.1c0.1,0,0.1,0,0.2,0c0.1,0,0.1,0,0.2,0c0.1,0,0.1,0,0.2,0    c0.1,0,0.1,0,0.2,0c0.1,0,0.1,0,0.2,0c0.1,0,0.1,0,0.2,0c0,0,0.1,0,0.1,0c0.1,0,0.2,0,0.2,0c0,0,0.1,0,0.1,0c0.1,0,0.2,0,0.2,0    c0,0,0.1,0,0.1,0c0.1,0,0.2,0,0.3,0c-0.3-0.2-0.7-0.4-0.9-0.6l0,0c0,0,0,0,0,0l0,0c-0.2,0-0.4,0-0.6,0c0,0,0,0,0,0    c-0.2,0-0.4,0-0.5,0c0,0,0,0-0.1,0c-0.2,0-0.4,0-0.5,0.1c0,0,0,0,0,0c-0.2,0-0.4,0-0.5,0.1c-0.6,0.7-1.3,1.3-2.2,1.9    c-1,0.7-2.1,1.2-3.1,1.4c0,0,0,0,0,0.1c0,0,0,0,0,0c0,0,0,0,0,0c-0.1,0.1-0.2,0.2-0.2,0.4c-0.1,0.1-0.1,0.2-0.2,0.4c0,0,0,0,0,0    c0.4,1.4,0.4,3.2-0.1,5.1c-0.2,0.8-0.5,1.5-0.8,2.2c0,0,0,0.1,0,0.1c0,0.1,0,0.2,0.1,0.2c0,0.1,0,0.1,0.1,0.2c0,0.1,0,0.1,0,0.2    c0,0.1,0,0.2,0.1,0.2c0,0.1,0,0.1,0,0.2c0,0.1,0.1,0.2,0.1,0.2c0,0,0,0.1,0,0.1c0,0.1,0.1,0.2,0.1,0.3c0,0,0,0.1,0,0.1    c0,0.1,0.1,0.2,0.1,0.3c0,0,0,0.1,0,0.1c0,0.1,0.1,0.2,0.1,0.3c0,0,0,0.1,0,0.1c0,0.1,0.1,0.2,0.1,0.3c0,0,0,0,0,0    c1.2,0.6,2.3,1.7,3.3,3c0.8,1.1,1.3,2.2,1.5,3.3l0.1,0c0,0,0,0,0,0l0,0c0.6,0.5,1.3,1,1.9,1.4c0.5,0.3,1,0.6,1.4,0.8l0,0.1    c0.9,0,1.9,0.1,2.9,0.3c1.5,0.3,2.9,0.8,3.9,1.4l0-0.1c0,0,0,0,0,0l0,0c0.9,0,1.8-0.2,2.6-0.4l0.2,0.2    C110.1,60.1,111.1,59.2,112.4,58.5z"
+              id="path150"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M90.6,41.8L86.6,41L82,40l0,4.5l4.3,1.8l3.2,1.3c0.3-0.6,0.5-1.2,0.7-1.9C90.6,44.3,90.7,43,90.6,41.8z"
+              id="path152"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M101.2,37.2c0,0-0.1,0-0.1,0C101.1,37.2,101.2,37.2,101.2,37.2z"
+              id="path154"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M101.6,37.2c0,0-0.1,0-0.1,0C101.5,37.2,101.6,37.2,101.6,37.2z"
+              id="path156"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M102,37.3c0,0-0.1,0-0.1,0C101.9,37.2,101.9,37.3,102,37.3z"
+              id="path158"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M102.7,37.4c0,0-0.1,0-0.1,0C102.7,37.4,102.7,37.4,102.7,37.4z"
+              id="path160"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M104.9,38C104.9,38,104.9,38,104.9,38C104.9,38,104.9,38,104.9,38z"
+              id="path162"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M105.3,38.1C105.2,38.1,105.2,38.1,105.3,38.1C105.2,38.1,105.2,38.1,105.3,38.1z"
+              id="path164"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M103.4,37.5C103.4,37.5,103.4,37.5,103.4,37.5C103.4,37.5,103.4,37.5,103.4,37.5z"
+              id="path166"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M102.4,37.3c0,0-0.1,0-0.1,0C102.3,37.3,102.3,37.3,102.4,37.3z"
+              id="path168"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M105.6,38.3C105.6,38.3,105.6,38.3,105.6,38.3C105.6,38.3,105.6,38.3,105.6,38.3z"
+              id="path170"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M103.1,37.5C103.1,37.4,103,37.4,103.1,37.5C103,37.4,103.1,37.4,103.1,37.5z"
+              id="path172"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M106,38.5C106,38.5,106,38.5,106,38.5C106,38.5,106,38.5,106,38.5z"
+              id="path174"
+            />
+            <g id="g182">
+              <path
+                className={classes.whiteLine}
+                d="M105.9,59.5c0,0,3.2,0.3,5.6-1.6c0.4-0.3,0.7-0.6,1-0.9h-2.2c0,0,0,0,0,0.1     C108.7,59.2,105.9,59.5,105.9,59.5 M110,42.3c-1.6-1.7-3-2.7-5.1-3.5c-3-1.2-5.3-1-7.4-0.1c-1.4,0.6-2.6,2.1-3.1,2.8     c-1.4,2-1.1,5.2-1.1,5.2s0.9-7,8.1-5.7c1.5,0.3,2.8,0.8,3.8,1.3H110z"
+                id="path176"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M159.7,55.9h-0.4v0.4h0.4V55.9z M156,54.6c0,1,0.7,1.7,1.6,1.7c0.4,0,0.8-0.1,1.1-0.3v-0.3     c-0.3,0.2-0.6,0.4-1.1,0.4c-0.8,0-1.3-0.6-1.3-1.4c0-0.8,0.6-1.4,1.3-1.4c0.5,0,0.8,0.2,1.1,0.4v-0.3c-0.3-0.2-0.7-0.3-1.1-0.3     C156.7,53,156,53.6,156,54.6 M154,53v3.2h1.8V56h-1.5V53H154z M151.8,53v3.2h1.8V56h-1.5V53H151.8z M150.1,56.2v-0.3h-0.4v0.4     h0.2c0,0.2-0.1,0.4-0.3,0.5l0.1,0.1C149.9,56.8,150.1,56.5,150.1,56.2 M147.1,56c0.2,0.2,0.5,0.4,1,0.4c0.5,0,1-0.3,1-0.9     c0-0.5-0.3-0.8-1-1c-0.5-0.1-0.7-0.4-0.7-0.6c0-0.3,0.3-0.5,0.7-0.5c0.2,0,0.5,0.1,0.7,0.3l0.1-0.3c-0.2-0.1-0.5-0.3-0.8-0.3     c-0.6,0-1,0.4-1,0.8c0,0.4,0.3,0.8,0.8,0.9c0.6,0.2,0.8,0.4,0.8,0.7c0,0.4-0.3,0.6-0.7,0.6c-0.4,0-0.7-0.2-0.9-0.4L147.1,56z      M144.1,53v3.2h0.3v-2.6l1.9,2.6h0.2V53h-0.3v2.6l-1.9-2.6H144.1z M143.2,54.6c0,0.8-0.6,1.4-1.3,1.4c-0.8,0-1.3-0.6-1.3-1.4     c0-0.8,0.6-1.4,1.3-1.4C142.6,53.2,143.2,53.8,143.2,54.6 M140.2,54.6c0,1,0.7,1.7,1.6,1.7c0.9,0,1.6-0.7,1.6-1.7     c0-1-0.7-1.7-1.6-1.7C140.9,53,140.2,53.7,140.2,54.6 M139.3,56.3h0.3V53h-0.3V56.3z M137.4,53.3v2.9h0.3v-2.9h1.1V53h-2.6v0.3     H137.4z M133.2,54.8c0,1.1,0.5,1.6,1.3,1.6c0.8,0,1.3-0.5,1.3-1.6V53h-0.3v1.7c0,0.9-0.4,1.3-1,1.3c-0.6,0-1-0.4-1-1.3V53h-0.3     V54.8z M131.1,53v3.2h1.8V56h-1.5V53H131.1z M130.2,54.6c0,0.8-0.6,1.4-1.3,1.4c-0.8,0-1.3-0.6-1.3-1.4c0-0.8,0.6-1.4,1.3-1.4     C129.6,53.2,130.2,53.8,130.2,54.6 M127.2,54.6c0,1,0.7,1.7,1.6,1.7c0.9,0,1.6-0.7,1.6-1.7c0-1-0.7-1.7-1.6-1.7     C127.9,53,127.2,53.7,127.2,54.6 M124.8,56c0.2,0.2,0.5,0.4,1,0.4c0.5,0,1-0.3,1-0.9c0-0.5-0.3-0.8-1-1c-0.5-0.1-0.7-0.4-0.7-0.6     c0-0.3,0.3-0.5,0.7-0.5c0.2,0,0.5,0.1,0.7,0.3l0.1-0.3c-0.2-0.1-0.5-0.3-0.8-0.3c-0.6,0-1,0.4-1,0.8c0,0.4,0.3,0.8,0.8,0.9     c0.6,0.2,0.8,0.4,0.8,0.7c0,0.4-0.3,0.6-0.7,0.6c-0.4,0-0.7-0.2-0.9-0.4L124.8,56z M121.7,53v3.2h1.8V56H122V53H121.7z      M120.4,55.1h-1.3l0.6-1.6L120.4,55.1z M119,55.3h1.5l0.4,0.9h0.3l-1.3-3.2h-0.2l-1.3,3.2h0.3L119,55.3z M117.6,56.3h0.3V53h-0.3     V56.3z M115.9,54.7h-0.7v-1.4h0.7c0.5,0,0.7,0.3,0.7,0.7C116.6,54.3,116.4,54.7,115.9,54.7 M116.1,54.9c0.5-0.1,0.7-0.5,0.7-0.9     c0-0.5-0.3-0.9-1-0.9h-1v3.2h0.3v-1.3h0.7l0.9,1.3h0.3L116.1,54.9z M113,53.3v2.9h0.3v-2.9h1.1V53h-2.6v0.3H113z M109.6,56     c0.2,0.2,0.5,0.4,1,0.4c0.5,0,1-0.3,1-0.9c0-0.5-0.3-0.8-1-1c-0.5-0.1-0.7-0.4-0.7-0.6c0-0.3,0.3-0.5,0.7-0.5     c0.2,0,0.5,0.1,0.7,0.3l0.1-0.3c-0.2-0.1-0.5-0.3-0.8-0.3c-0.6,0-1,0.4-1,0.8c0,0.4,0.3,0.8,0.8,0.9c0.6,0.2,0.8,0.4,0.8,0.7     c0,0.4-0.3,0.6-0.7,0.6c-0.4,0-0.7-0.2-0.9-0.4L109.6,56z M106.4,54.8c0,1.1,0.5,1.6,1.3,1.6c0.8,0,1.3-0.5,1.3-1.6V53h-0.3v1.7     c0,0.9-0.4,1.3-1,1.3c-0.6,0-1-0.4-1-1.3V53h-0.3V54.8z M104.1,56h-0.7v-2.7h0.7c1.1,0,1.4,0.6,1.4,1.3     C105.5,55.3,105.1,56,104.1,56 M103.1,53v3.2h0.9c1.2,0,1.7-0.7,1.7-1.6c0-0.9-0.5-1.6-1.7-1.6H103.1z M100,53v3.2h0.3v-2.6     l1.9,2.6h0.2V53h-0.3v2.6l-1.9-2.6H100z M98.9,56.3h0.3V53h-0.3V56.3z"
+                id="path178"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M159.5,51.2v-1.2h-3.3V48h2.7v-1.2h-2.7v-1.7h3.3v-1.2h-4.7v7.3H159.5z M153.1,51.2v-7.3h-1.3v4.8l-3.8-4.8     h-1v7.3h1.3v-4.8l3.8,4.8H153.1z M144.2,47.6c0,1.6-0.9,2.7-2.4,2.7c-1.5,0-2.4-1.1-2.4-2.7c0-1.6,1-2.7,2.4-2.7     C143.2,44.9,144.2,46,144.2,47.6 M145.7,47.6c0-2.2-1.7-3.8-3.9-3.8c-2.2,0-4,1.6-4,3.8s1.7,3.8,4,3.8     C144,51.4,145.7,49.8,145.7,47.6 M137.7,45.1v-1.2h-6.4v1.2h2.5v6.1h1.5v-6.1H137.7z M131,49.1c0-1.3-0.7-2-2.4-2.4     c-1-0.2-1.2-0.6-1.2-1c0-0.5,0.4-0.8,1.1-0.8c0.6,0,1.4,0.3,1.9,0.6l0.3-1c-0.5-0.4-1.3-0.7-2.2-0.7c-1.6,0-2.5,0.9-2.5,2     c0,1,0.6,1.9,2.1,2.2c1.2,0.3,1.5,0.6,1.5,1.2c0,0.6-0.6,1-1.3,1c-1,0-1.8-0.5-2.2-1l-0.3,1.2c0.5,0.4,1.4,0.9,2.6,0.9     C129.7,51.4,131,50.7,131,49.1 M124.6,51.2v-7.3h-1.3v4.8l-3.8-4.8h-1v7.3h1.3v-4.8l3.8,4.8H124.6z M112.9,45h1.1     c0.9,0,1.2,0.5,1.2,1.2c0,0.6-0.3,1.1-1.2,1.1h-1.1V45z M115.3,48.2c0.9-0.3,1.5-1,1.5-2c0-1.2-0.7-2.2-2.5-2.2h-2.9v7.3h1.5     v-2.9h0.9l2,2.9h1.6L115.3,48.2z M109.8,47.9v-3.9h-1.4v3.9c0,1.6-0.7,2.3-1.9,2.3c-1.2,0-1.9-0.8-1.9-2.3v-3.9h-1.5v3.9     c0,2.5,1.4,3.6,3.3,3.6S109.8,50.3,109.8,47.9 M102.2,45.1v-1.2h-6.4v1.2h2.5v6.1h1.5v-6.1H102.2z"
+                id="path180"
+              />
+            </g>
+          </g>
+          <g id="XMLID_00000070828449680725233820000015287862268165703846_">
+            <g id="g188">
+              <path
+                id="XMLID_00000057114946413244182130000011875483420188707762_"
+                className={classes.whiteLine}
+                d="M78.2,201.1l-1.1,1.1     c0.9,0.9,1.4,2,1.4,3.2c0,1.2-0.5,2.4-1.4,3.2c-1.9,1.8-4.9,1.8-6.8,0c-1.9-1.8-1.9-4.7,0-6.5l-1.1-1.1c-2.5,2.4-2.5,6.3,0,8.6     c1.3,1.2,2.9,1.8,4.5,1.8c1.6,0,3.3-0.6,4.5-1.8c1.2-1.2,1.9-2.7,1.9-4.3C80.1,203.8,79.5,202.2,78.2,201.1z"
+              />
+              <rect
+                id="XMLID_00000120525597852039845490000010739929836951883450_"
+                x="72.9"
+                y="199"
+                className={classes.whiteLine}
+                width="1.6"
+                height="7.2"
+              />
+            </g>
+          </g>
+          <g id="g197">
+            <g id="g195">
+              <path
+                className={classes.whiteLine}
+                d="M114.6,209v-9.6h2v7.9h3.9v1.7H114.6z"
+                id="path191"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M126.9,209h-2v-5.6c0-0.2,0-0.3,0-0.6c0-0.2,0-0.5,0-0.7c0-0.2,0-0.5,0-0.6c0,0.1-0.1,0.2-0.3,0.3     c-0.1,0.1-0.3,0.3-0.4,0.4l-1.1,0.9l-1-1.2l3.1-2.5h1.7V209z"
+                id="path193"
+              />
+            </g>
+          </g>
+          <g id="g205">
+            <g id="g203">
+              <path
+                className={classes.whiteLine}
+                d="M162.6,209v-9.6h2v7.9h3.9v1.7H162.6z"
+                id="path199"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M177.1,209h-6.7v-1.4l2.4-2.4c0.5-0.5,0.9-0.9,1.2-1.3c0.3-0.3,0.5-0.6,0.6-0.9c0.1-0.3,0.2-0.6,0.2-0.9     c0-0.4-0.1-0.7-0.3-0.9c-0.2-0.2-0.5-0.3-0.9-0.3c-0.4,0-0.7,0.1-1.1,0.3c-0.4,0.2-0.7,0.4-1.1,0.7l-1.1-1.3     c0.3-0.2,0.6-0.5,0.9-0.7c0.3-0.2,0.7-0.4,1.1-0.5c0.4-0.1,0.9-0.2,1.5-0.2c0.6,0,1.2,0.1,1.6,0.3s0.8,0.5,1,0.9     c0.2,0.4,0.4,0.8,0.4,1.3c0,0.5-0.1,1-0.3,1.5s-0.5,0.9-0.9,1.3c-0.4,0.4-0.9,0.9-1.4,1.4l-1.2,1.2v0.1h4.2V209z"
+                id="path201"
+              />
+            </g>
+          </g>
+          <g id="g211" transform="translate(-0.1,-15)">
+            <g id="g209">
+              <path
+                className={classes.whiteLine}
+                d="m 25.2,105.1 h -2 v -5.6 c 0,-0.2 0,-0.3 0,-0.6 0,-0.2 0,-0.5 0,-0.7 0,-0.2 0,-0.5 0,-0.6 0,0.1 -0.1,0.2 -0.3,0.3 -0.1,0.1 -0.3,0.3 -0.4,0.4 l -1.1,0.9 -1,-1.2 3.1,-2.5 h 1.7 z"
+                id="path207"
+              />
+            </g>
+          </g>
+          <g id="g217" transform="translate(-0.1,0.8)">
+            <g id="g215">
+              <path
+                className={classes.whiteLine}
+                d="m 26.9,133.5 h -6.7 v -1.5 l 2.4,-2.4 c 0.5,-0.5 0.9,-0.9 1.2,-1.3 0.3,-0.3 0.5,-0.6 0.6,-0.9 0.1,-0.3 0.2,-0.6 0.2,-0.9 0,-0.4 -0.1,-0.7 -0.3,-0.9 -0.2,-0.2 -0.5,-0.3 -0.9,-0.3 -0.4,0 -0.7,0.1 -1.1,0.3 -0.4,0.2 -0.7,0.4 -1.1,0.7 l -1.1,-1.3 c 0.3,-0.2 0.6,-0.5 0.9,-0.7 0.3,-0.2 0.7,-0.4 1.1,-0.5 0.4,-0.1 0.9,-0.2 1.5,-0.2 0.6,0 1.2,0.1 1.6,0.3 0.4,0.2 0.8,0.5 1,0.9 0.2,0.4 0.4,0.8 0.4,1.3 0,0.5 -0.1,1 -0.3,1.5 -0.2,0.5 -0.5,0.9 -0.9,1.3 -0.4,0.4 -0.9,0.9 -1.4,1.4 l -1.2,1.2 v 0.1 h 4.2 v 1.9 z"
+                id="path213"
+              />
+            </g>
+          </g>
+          <g id="g223" transform="translate(-0.1,17.2)">
+            <g id="g221">
+              <path
+                className={classes.whiteLine}
+                d="m 26.5,155.8 c 0,0.4 -0.1,0.8 -0.3,1.1 -0.2,0.3 -0.4,0.6 -0.7,0.8 -0.3,0.2 -0.7,0.4 -1.1,0.5 v 0 c 0.8,0.1 1.4,0.3 1.8,0.7 0.4,0.4 0.6,0.9 0.6,1.5 0,0.6 -0.1,1.1 -0.4,1.5 -0.3,0.4 -0.7,0.8 -1.3,1 -0.6,0.3 -1.3,0.4 -2.2,0.4 -0.5,0 -1,0 -1.5,-0.1 -0.5,-0.1 -0.9,-0.2 -1.3,-0.4 v -1.7 c 0.4,0.2 0.8,0.4 1.3,0.5 0.5,0.1 0.9,0.2 1.3,0.2 0.7,0 1.2,-0.1 1.5,-0.4 0.3,-0.3 0.4,-0.6 0.4,-1.1 0,-0.3 -0.1,-0.5 -0.2,-0.7 -0.1,-0.2 -0.4,-0.3 -0.7,-0.4 -0.3,-0.1 -0.8,-0.1 -1.4,-0.1 h -0.7 v -1.6 h 0.7 c 0.6,0 1,-0.1 1.3,-0.2 0.3,-0.1 0.5,-0.3 0.6,-0.5 0.1,-0.2 0.2,-0.4 0.2,-0.7 0,-0.3 -0.1,-0.6 -0.3,-0.8 -0.2,-0.2 -0.6,-0.3 -1,-0.3 -0.3,0 -0.6,0 -0.8,0.1 -0.3,0.1 -0.5,0.2 -0.7,0.3 -0.2,0.1 -0.4,0.2 -0.5,0.3 l -0.9,-1.4 c 0.4,-0.3 0.8,-0.5 1.3,-0.7 0.5,-0.2 1.1,-0.3 1.8,-0.3 1,0 1.8,0.2 2.4,0.6 0.5,0.6 0.8,1.2 0.8,1.9 z"
+                id="path219"
+              />
+            </g>
+          </g>
+          <g id="g229" transform="translate(0.9)">
+            <path
+              className={classes.whiteLine}
+              d="m 22.8,35 c -4.7,0 -8.5,3.8 -8.5,8.5 0,4.7 3.8,8.5 8.5,8.5 4.7,0 8.5,-3.8 8.5,-8.5 0.1,-4.6 -3.7,-8.5 -8.5,-8.5 z m 0,13 c -2.5,0 -4.4,-2 -4.4,-4.4 0,-2.4 2,-4.4 4.4,-4.4 2.4,0 4.4,2 4.4,4.4 0,2.4 -1.9,4.4 -4.4,4.4 z"
+              id="path225"
+            />
+            <circle className={classes.whiteLine} cx="22.799999" cy="43.5" r="2.5" id="circle227" />
+          </g>
+          <g id="g297">
+            <g id="g243">
+              <path
+                className={classes.whiteLine}
+                d="M100.3,145.6h4.7v18.8h-3.2v-14.6l0.1,0.8l-3.6,11.7h-3.1l-3.6-11.4l0.1-1.1v14.6h-3.2v-18.8h4.7l3.6,12.7     L100.3,145.6z"
+                id="path231"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M108.7,153.6h3.5v10.7h-3.5V153.6z"
+                id="path233"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M115.8,153.7h3.5v10.7h-3.5V153.7z M117.4,153.7h6c0.4,0,0.8-0.1,1.1-0.3c0.3-0.2,0.6-0.5,0.8-0.8     c0.2-0.4,0.3-0.8,0.3-1.2c0-0.5-0.1-0.9-0.3-1.2c-0.2-0.4-0.4-0.6-0.7-0.8c-0.3-0.2-0.7-0.3-1.1-0.3h-7.7v-3.4h7.6     c1.2,0,2.2,0.2,3.1,0.7c0.9,0.5,1.6,1.2,2.1,2c0.5,0.9,0.7,1.9,0.7,3c0,1.1-0.2,2.2-0.7,3c-0.5,0.9-1.2,1.5-2.1,2     c-0.9,0.5-1.9,0.7-3.1,0.7h-5.9V153.7z"
+                id="path235"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M134.7,163.7c-1-0.5-1.8-1.3-2.3-2.4c-0.5-1-0.8-2.3-0.8-3.8v-5.2c0-1.5,0.3-2.7,0.8-3.8     c0.5-1,1.3-1.8,2.3-2.4c1-0.6,2.2-0.8,3.7-0.8c1.2,0,2.2,0.3,3.2,0.8c0.9,0.5,1.7,1.2,2.3,2.2c0.6,1,1,2.1,1.3,3.5h-3.7     c-0.1-0.6-0.4-1.2-0.6-1.6c-0.3-0.4-0.6-0.8-1-1c-0.4-0.2-0.9-0.3-1.4-0.3c-0.7,0-1.2,0.1-1.7,0.4c-0.5,0.3-0.8,0.7-1.1,1.2     c-0.2,0.5-0.4,1.1-0.4,1.9v5.2c0,0.7,0.1,1.4,0.4,1.9c0.2,0.5,0.6,0.9,1.1,1.2s1,0.4,1.7,0.4c0.5,0,1-0.1,1.4-0.3     c0.4-0.2,0.8-0.6,1-1c0.3-0.4,0.5-1,0.6-1.6h3.7c-0.2,1.4-0.7,2.5-1.3,3.5c-0.6,1-1.4,1.7-2.3,2.2c-0.9,0.5-2,0.8-3.2,0.8     C137,164.6,135.8,164.3,134.7,163.7z"
+                id="path237"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M153,145.6h2.2l7.2,18.8h-3.8l-4.5-12.8l-4.5,12.8h-3.8L153,145.6z M149.2,161h9.9v3.4h-9.9V161z"
+                id="path239"
+              />
+              <rect
+                x="108.7"
+                y="145.6"
+                className={classes.whiteLine}
+                width="3.5"
+                height="3.4"
+                id="rect241"
+              />
+            </g>
+            <g id="g295">
+              <g id="g293">
+                <path
+                  className={classes.whiteLine}
+                  d="M89.9,166.9h0.4l1.2,3.2H91l-0.9-2.6l-0.9,2.6h-0.5L89.9,166.9z M89.2,169h1.7v0.4h-1.7V169z"
+                  id="path245"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M92.2,166.9h0.4v3.2h-0.4V166.9z M92.5,169.7h0.7c0.2,0,0.4-0.1,0.5-0.2c0.1-0.1,0.2-0.3,0.2-0.5V168      c0-0.2-0.1-0.4-0.2-0.5c-0.1-0.1-0.3-0.2-0.5-0.2h-0.7v-0.4h0.7c0.3,0,0.5,0,0.7,0.1c0.2,0.1,0.3,0.2,0.4,0.4      c0.1,0.2,0.1,0.4,0.1,0.6v0.9c0,0.2,0,0.4-0.1,0.6c-0.1,0.2-0.2,0.3-0.4,0.4c-0.2,0.1-0.4,0.1-0.7,0.1h-0.7V169.7z"
+                  id="path247"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M95.1,166.9h0.5l0.8,2.5l0.8-2.5h0.5l-1,3.2h-0.4L95.1,166.9z"
+                  id="path249"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M99,166.9h0.4l1.2,3.2h-0.5l-0.9-2.6l-0.9,2.6h-0.5L99,166.9z M98.4,169h1.7v0.4h-1.7V169z"
+                  id="path251"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M101.3,166.9h0.4l1.6,2.5l-0.1,0.1v-2.5h0.4v3.2h-0.4l-1.6-2.4l0.1-0.1v2.5h-0.4V166.9z"
+                  id="path253"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M105.2,170c-0.2-0.1-0.3-0.2-0.4-0.4c-0.1-0.2-0.1-0.4-0.1-0.6v-0.9c0-0.2,0-0.4,0.1-0.6      c0.1-0.2,0.2-0.3,0.4-0.4c0.2-0.1,0.4-0.1,0.6-0.1c0.2,0,0.4,0,0.5,0.1s0.3,0.2,0.4,0.3c0.1,0.1,0.2,0.3,0.2,0.5h-0.5      c0-0.1-0.1-0.2-0.1-0.3c-0.1-0.1-0.1-0.1-0.2-0.2s-0.2-0.1-0.3-0.1c-0.1,0-0.2,0-0.3,0.1c-0.1,0.1-0.2,0.2-0.2,0.3      c-0.1,0.1-0.1,0.2-0.1,0.4v0.9c0,0.1,0,0.3,0.1,0.4c0.1,0.1,0.1,0.2,0.2,0.3c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.3-0.1      s0.2-0.1,0.2-0.2c0.1-0.1,0.1-0.2,0.1-0.3h0.5c0,0.2-0.1,0.4-0.2,0.5c-0.1,0.1-0.2,0.3-0.4,0.3s-0.3,0.1-0.5,0.1      C105.5,170.1,105.4,170.1,105.2,170z"
+                  id="path255"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M107.7,166.9h0.4v3.2h-0.4V166.9z M107.9,166.9h1.8v0.4h-1.8V166.9z M107.9,168.3h1.6v0.4h-1.6V168.3z       M107.9,169.7h1.8v0.4h-1.8V169.7z"
+                  id="path257"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M110.7,166.9h0.4v3.2h-0.4V166.9z M111,169.7h0.7c0.2,0,0.4-0.1,0.5-0.2c0.1-0.1,0.2-0.3,0.2-0.5V168      c0-0.2-0.1-0.4-0.2-0.5c-0.1-0.1-0.3-0.2-0.5-0.2H111v-0.4h0.7c0.3,0,0.5,0,0.7,0.1c0.2,0.1,0.3,0.2,0.4,0.4      c0.1,0.2,0.1,0.4,0.1,0.6v0.9c0,0.2,0,0.4-0.1,0.6c-0.1,0.2-0.2,0.3-0.4,0.4c-0.2,0.1-0.4,0.1-0.7,0.1H111V169.7z"
+                  id="path259"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M117.7,166.9h0.4v3.2h-0.4v-2.4l0,0.1l-0.8,1.8h-0.3l-0.8-1.8l0-0.2v2.4h-0.4v-3.2h0.4l0.9,2.1L117.7,166.9      z"
+                  id="path261"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M119.6,170c-0.2-0.1-0.3-0.2-0.4-0.4c-0.1-0.2-0.1-0.4-0.1-0.6v-0.9c0-0.2,0-0.4,0.1-0.6s0.2-0.3,0.4-0.4      c0.2-0.1,0.4-0.1,0.6-0.1c0.2,0,0.4,0,0.6,0.1c0.2,0.1,0.3,0.2,0.4,0.4s0.1,0.4,0.1,0.6v0.9c0,0.2,0,0.4-0.1,0.6      c-0.1,0.2-0.2,0.3-0.4,0.4c-0.2,0.1-0.4,0.1-0.6,0.1C120,170.1,119.8,170.1,119.6,170z M120.6,169.6c0.1-0.1,0.2-0.1,0.2-0.3      s0.1-0.2,0.1-0.4V168c0-0.1,0-0.3-0.1-0.4c-0.1-0.1-0.1-0.2-0.2-0.3c-0.1-0.1-0.2-0.1-0.3-0.1c-0.1,0-0.2,0-0.3,0.1      c-0.1,0.1-0.2,0.1-0.2,0.3c-0.1,0.1-0.1,0.2-0.1,0.4v0.9c0,0.1,0,0.3,0.1,0.4s0.1,0.2,0.2,0.3c0.1,0.1,0.2,0.1,0.3,0.1      C120.3,169.7,120.5,169.7,120.6,169.6z"
+                  id="path263"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M122.3,166.9h0.4l1.6,2.5l-0.1,0.1v-2.5h0.4v3.2h-0.4l-1.6-2.4l0.1-0.1v2.5h-0.4V166.9z"
+                  id="path265"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M126.1,170.1h-0.4v-3.2h0.4V170.1z"
+                  id="path267"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M126.9,166.9h2.3v0.4h-2.3V166.9z M127.8,167.2h0.4v2.9h-0.4V167.2z"
+                  id="path269"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M130.3,170c-0.2-0.1-0.3-0.2-0.4-0.4c-0.1-0.2-0.1-0.4-0.1-0.6v-0.9c0-0.2,0-0.4,0.1-0.6s0.2-0.3,0.4-0.4      c0.2-0.1,0.4-0.1,0.6-0.1c0.2,0,0.4,0,0.6,0.1c0.2,0.1,0.3,0.2,0.4,0.4s0.1,0.4,0.1,0.6v0.9c0,0.2,0,0.4-0.1,0.6      c-0.1,0.2-0.2,0.3-0.4,0.4c-0.2,0.1-0.4,0.1-0.6,0.1C130.6,170.1,130.4,170.1,130.3,170z M131.2,169.6c0.1-0.1,0.2-0.1,0.2-0.3      s0.1-0.2,0.1-0.4V168c0-0.1,0-0.3-0.1-0.4c-0.1-0.1-0.1-0.2-0.2-0.3c-0.1-0.1-0.2-0.1-0.3-0.1c-0.1,0-0.2,0-0.3,0.1      c-0.1,0.1-0.2,0.1-0.2,0.3c-0.1,0.1-0.1,0.2-0.1,0.4v0.9c0,0.1,0,0.3,0.1,0.4s0.1,0.2,0.2,0.3c0.1,0.1,0.2,0.1,0.3,0.1      C131,169.7,131.1,169.7,131.2,169.6z"
+                  id="path271"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M132.9,166.9h0.4v3.2h-0.4V166.9z M133.1,168.3h1.1c0.1,0,0.2,0,0.2-0.1c0.1,0,0.1-0.1,0.2-0.2      c0-0.1,0.1-0.2,0.1-0.3s0-0.2-0.1-0.3c0-0.1-0.1-0.1-0.2-0.2c-0.1,0-0.1-0.1-0.2-0.1h-1.1v-0.4h1.1c0.2,0,0.3,0,0.5,0.1      s0.2,0.2,0.3,0.3c0.1,0.1,0.1,0.3,0.1,0.5s0,0.3-0.1,0.5c-0.1,0.1-0.2,0.2-0.3,0.3s-0.3,0.1-0.5,0.1h-1.1V168.3z M134,168.7      l0.4-0.1l0.8,1.5h-0.5L134,168.7z"
+                  id="path273"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M136.6,170.1h-0.4v-3.2h0.4V170.1z"
+                  id="path275"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M137.6,166.9h0.4l1.6,2.5l-0.1,0.1v-2.5h0.4v3.2h-0.4l-1.6-2.4l0.1-0.1v2.5h-0.4V166.9z"
+                  id="path277"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M143.2,168.4v0.6c0,0.2,0,0.4-0.1,0.6c-0.1,0.2-0.2,0.3-0.4,0.4s-0.4,0.1-0.6,0.1c-0.2,0-0.4,0-0.6-0.1      c-0.2-0.1-0.3-0.2-0.4-0.4c-0.1-0.2-0.1-0.4-0.1-0.6v-0.9c0-0.2,0-0.4,0.1-0.6c0.1-0.2,0.2-0.3,0.4-0.4c0.2-0.1,0.4-0.1,0.6-0.1      c0.2,0,0.4,0,0.5,0.1s0.3,0.2,0.4,0.3c0.1,0.1,0.2,0.3,0.2,0.5h-0.5c0-0.1-0.1-0.2-0.1-0.3c-0.1-0.1-0.1-0.1-0.2-0.2      c-0.1,0-0.2-0.1-0.3-0.1c-0.1,0-0.2,0-0.3,0.1s-0.2,0.2-0.2,0.3c-0.1,0.1-0.1,0.2-0.1,0.4v0.9c0,0.1,0,0.3,0.1,0.4      c0.1,0.1,0.1,0.2,0.2,0.2s0.2,0.1,0.4,0.1c0.1,0,0.2,0,0.3-0.1c0.1-0.1,0.2-0.1,0.2-0.3c0.1-0.1,0.1-0.2,0.1-0.4v-0.1h-0.6v-0.4      H143.2z"
+                  id="path279"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M146.2,170.1c-0.1,0-0.3-0.1-0.4-0.1s-0.2-0.1-0.3-0.2l0.3-0.3c0.1,0.1,0.3,0.2,0.4,0.2s0.3,0.1,0.5,0.1      c0.2,0,0.4,0,0.5-0.1c0.1-0.1,0.2-0.2,0.2-0.4v0c0-0.1,0-0.2-0.1-0.3c-0.1-0.1-0.1-0.1-0.2-0.1c-0.1,0-0.2-0.1-0.4-0.1      c0,0,0,0,0,0s0,0,0,0l0,0c-0.2,0-0.4-0.1-0.5-0.1s-0.2-0.1-0.3-0.3c-0.1-0.1-0.1-0.3-0.1-0.5v0c0-0.2,0-0.4,0.1-0.5      c0.1-0.1,0.2-0.2,0.4-0.3s0.4-0.1,0.6-0.1c0.1,0,0.2,0,0.3,0s0.2,0.1,0.3,0.1c0.1,0,0.2,0.1,0.3,0.2l-0.3,0.4      c-0.1-0.1-0.2-0.2-0.4-0.2c-0.1,0-0.2-0.1-0.4-0.1c-0.2,0-0.4,0-0.5,0.1c-0.1,0.1-0.2,0.2-0.2,0.4v0c0,0.1,0,0.2,0.1,0.3      c0.1,0.1,0.1,0.1,0.2,0.1c0.1,0,0.2,0.1,0.4,0.1c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0s0,0,0,0c0.2,0,0.4,0.1,0.5,0.1      c0.1,0.1,0.2,0.1,0.3,0.3c0.1,0.1,0.1,0.3,0.1,0.5v0c0,0.2,0,0.4-0.1,0.5s-0.2,0.2-0.4,0.3s-0.4,0.1-0.6,0.1      C146.5,170.1,146.4,170.1,146.2,170.1z"
+                  id="path281"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M149.7,168.8v1.3h-0.4v-1.3l-1-1.9h0.5l0.7,1.4l0.7-1.4h0.5L149.7,168.8z"
+                  id="path283"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M151.8,170.1c-0.1,0-0.3-0.1-0.4-0.1s-0.2-0.1-0.3-0.2l0.3-0.3c0.1,0.1,0.3,0.2,0.4,0.2s0.3,0.1,0.5,0.1      c0.2,0,0.4,0,0.5-0.1c0.1-0.1,0.2-0.2,0.2-0.4v0c0-0.1,0-0.2-0.1-0.3c-0.1-0.1-0.1-0.1-0.2-0.1c-0.1,0-0.2-0.1-0.4-0.1      c0,0,0,0,0,0s0,0,0,0l0,0c-0.2,0-0.4-0.1-0.5-0.1s-0.2-0.1-0.3-0.3c-0.1-0.1-0.1-0.3-0.1-0.5v0c0-0.2,0-0.4,0.1-0.5      c0.1-0.1,0.2-0.2,0.4-0.3s0.4-0.1,0.6-0.1c0.1,0,0.2,0,0.3,0s0.2,0.1,0.3,0.1c0.1,0,0.2,0.1,0.3,0.2l-0.3,0.4      c-0.1-0.1-0.2-0.2-0.4-0.2c-0.1,0-0.2-0.1-0.4-0.1c-0.2,0-0.4,0-0.5,0.1c-0.1,0.1-0.2,0.2-0.2,0.4v0c0,0.1,0,0.2,0.1,0.3      c0.1,0.1,0.1,0.1,0.2,0.1c0.1,0,0.2,0.1,0.4,0.1c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0s0,0,0,0c0.2,0,0.4,0.1,0.5,0.1      c0.1,0.1,0.2,0.1,0.3,0.3c0.1,0.1,0.1,0.3,0.1,0.5v0c0,0.2,0,0.4-0.1,0.5s-0.2,0.2-0.4,0.3s-0.4,0.1-0.6,0.1      C152,170.1,151.9,170.1,151.8,170.1z"
+                  id="path285"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M153.8,166.9h2.3v0.4h-2.3V166.9z M154.7,167.2h0.4v2.9h-0.4V167.2z"
+                  id="path287"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M156.8,166.9h0.4v3.2h-0.4V166.9z M157,166.9h1.8v0.4H157V166.9z M157,168.3h1.6v0.4H157V168.3z M157,169.7      h1.8v0.4H157V169.7z"
+                  id="path289"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M162,166.9h0.4v3.2H162v-2.4l0,0.1l-0.8,1.8H161l-0.8-1.8l0-0.2v2.4h-0.4v-3.2h0.4l0.9,2.1L162,166.9z"
+                  id="path291"
+                />
+              </g>
+            </g>
+          </g>
+          <path
+            className={classes.boxBorder}
+            d="M215.4,222.9H8.8c-4.1,0-7.5-3.4-7.5-7.5V8.8c0-4.1,3.4-7.5,7.5-7.5h206.6c4.1,0,7.5,3.4,7.5,7.5v206.6   C222.9,219.5,219.5,222.9,215.4,222.9z"
+            id="path299"
+          />
+        </g>
+        {/* buttons for port selection */}
+        {/* I2C PORTS */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 0, //address here is not important for I2C, the restrictions are per component not per port
+              addressType: quack.AddressType.ADDRESS_TYPE_I2C,
+              label: "1",
+              autoDetectable: false
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="24"
+          cy="43"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+        {/* CONFIGURABLE PIN PORTS */}
+        {/* PORT 1 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 4,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "1",
+              autoDetectable: true
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="24"
+          cy="85"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+        {/* PORT 2 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 8,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "2",
+              autoDetectable: true
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="24"
+          cy="130"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+        {/* PORT 3 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 16,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "3",
+              autoDetectable: true
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="24"
+          cy="175"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+        {/* 
+        Ports are tecnically non configurable, they only work with the lights
+        PORT L1
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 512,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "L1"
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="121"
+          cy="204"
+          rx={buttonSize.rx}
+          ry={buttonSize.ry}
+        />
+        PORT L2
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 1024,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "L2"
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="170"
+          cy="204"
+          rx={buttonSize.rx}
+          ry={buttonSize.ry}
+        /> */}
+      </svg>
+    );
+  };
+
+  const miPCAV2SVG = () => {
+    return (
+      <svg version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 224.2 224.2">
+        <g id="g301">
+          <path
+            id="XMLID_00000048467992263735134140000014725070453624700589_"
+            className={classes.whiteLine}
+            d="M16.9,206.2l3.9-2.9l3.9-2.9   c2.6-1.9,5.2-3.8,7.8-5.7l7.8-5.7l7.9-5.7l-0.3,0.6c0-3.1-0.1-6.2-0.1-9.3l-0.1-9.3c0-3.1-0.1-6.2-0.1-9.3l-0.1-9.3l-0.1-9.3   c0-3.1,0-6.2,0-9.3l0-18.6l0-18.6l0-9.3l0.1-9.3l0.1-9.3c0-3.1,0.1-6.2,0.1-9.3l0.1-9.3c0-3.1,0.1-6.2,0.1-9.3l0.3,0.6l-7.9-5.7   l-7.8-5.7c-2.6-1.9-5.2-3.8-7.8-5.7l-3.9-2.9l-3.9-2.9l4,2.7l4,2.7c2.7,1.8,5.4,3.6,8.1,5.4l8,5.4l8,5.4l0.3,0.2l0,0.4   c0,3.1,0.1,6.2,0.1,9.3l0.1,9.3c0,3.1,0.1,6.2,0.1,9.3l0.1,9.3l0.1,9.3l0,9.3l0,18.6l0,18.6c0,3.1,0,6.2,0,9.3l-0.1,9.3l-0.1,9.3   c0,3.1-0.1,6.2-0.1,9.3l-0.1,9.3c0,3.1-0.1,6.2-0.1,9.3l0,0.4l-0.3,0.2l-8,5.4l-8,5.4c-2.7,1.8-5.4,3.6-8.1,5.4l-4,2.7L16.9,206.2z   "
+          />
+          <path
+            id="XMLID_00000021798488855754309070000002961980684278222268_"
+            className={classes.whiteLine}
+            d="M210.5,206.2l-2.9-2.6   c-1-0.9-1.9-1.8-2.9-2.6l-2.8-2.7c-1-0.9-1.9-1.8-2.8-2.7l-5.7-5.3l-5.6-5.4l0.5,0.2l-4.2,0.1l-4.2,0.1l-8.4,0.1   c-2.8,0-5.6,0.1-8.4,0.1l-8.4,0.1l-8.4,0l-8.4,0l-8.4,0l-8.4,0l-4.2,0l-4.2,0l-8.4-0.1l-4.2,0l-4.2-0.1l-8.4-0.1l-8.4-0.2l-4.2-0.1   l-4.2-0.1l-4.2-0.1l-4.2-0.1l-8.4-0.3l8.4-0.3l4.2-0.1l4.2-0.1l4.2-0.1l4.2-0.1l8.4-0.2l8.4-0.1l4.2-0.1l4.2,0l8.4-0.1l4.2,0l4.2,0   l8.4,0l8.4,0l8.4,0l8.4,0l8.4,0.1c2.8,0,5.6,0,8.4,0.1l8.4,0.1l4.2,0.1l4.2,0.1l0.3,0l0.2,0.2l5.4,5.6l5.4,5.6   c0.9,0.9,1.8,1.9,2.7,2.8l2.7,2.8c0.9,0.9,1.8,1.9,2.7,2.8L210.5,206.2z"
+          />
+          <g id="g184">
+            <path
+              className={classes.whiteLine}
+              d="M99.5,37.2c0,0-0.1,0-0.1,0C99.4,37.3,99.5,37.3,99.5,37.2z"
+              id="path6"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M96.6,55.1c0.7,0.8,1.5,1.5,2.3,2.1C98.1,56.6,97.4,55.9,96.6,55.1c-4.7-5.3-5.4-12.4-1.4-16    c0.1-0.1,0.2-0.2,0.3-0.2c-0.1,0.1-0.2,0.2-0.3,0.2C91.3,42.7,91.9,49.9,96.6,55.1z"
+              id="path8"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M98.1,37.5c-0.1,0-0.1,0-0.2,0.1C98,37.6,98,37.6,98.1,37.5z"
+              id="path10"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M98.4,37.4c-0.1,0-0.1,0-0.2,0C98.3,37.5,98.4,37.5,98.4,37.4z"
+              id="path12"
+            />
+            <polygon
+              className={classes.whiteLine}
+              points="82,40 86.6,41 82,40 82,44.6 86.3,46.4 82,44.6   "
+              id="polygon14"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M98.8,37.4c-0.1,0-0.1,0-0.2,0C98.7,37.4,98.7,37.4,98.8,37.4z"
+              id="path16"
+            />
+            <polygon
+              className={classes.whiteLine}
+              points="91,52 87.3,55.2 91,52   "
+              id="polygon18"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M99.1,37.3c-0.1,0-0.1,0-0.2,0C99,37.3,99.1,37.3,99.1,37.3z"
+              id="path20"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M111.3,42.6c-0.1-0.1-0.2-0.2-0.2-0.3C111.1,42.4,111.2,42.5,111.3,42.6l7.4,0l0.2-0.1l-0.2,0.1H111.3z"
+              id="path22"
+            />
+            <polygon
+              className={classes.whiteLine}
+              points="119.7,41.7 119.7,41.7 118.8,40.7   "
+              id="polygon24"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M114.3,57.3C114.3,57.3,114.3,57.3,114.3,57.3l-1.1,0c-0.1,0.1-0.1,0.2-0.2,0.2c0.1-0.1,0.1-0.1,0.2-0.2    H114.3z"
+              id="path26"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M96.7,38.1c-0.1,0-0.1,0.1-0.2,0.1C96.6,38.2,96.7,38.1,96.7,38.1z"
+              id="path28"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M97.7,37.7c-0.1,0-0.1,0-0.2,0.1C97.6,37.7,97.7,37.7,97.7,37.7z"
+              id="path30"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M96.4,38.3c-0.1,0-0.1,0.1-0.2,0.1C96.3,38.3,96.3,38.3,96.4,38.3z"
+              id="path32"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M97.4,37.8c-0.1,0-0.1,0-0.2,0.1C97.3,37.8,97.3,37.8,97.4,37.8z"
+              id="path34"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M97.1,37.9C97,38,96.9,38,96.9,38C96.9,38,97,38,97.1,37.9z"
+              id="path36"
+            />
+            <polygon
+              className={classes.whiteLine}
+              points="86.5,55.9 89.2,59.2 86.5,55.9   "
+              id="polygon38"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M99,57.3C99,57.3,99,57.3,99,57.3C99,57.3,99,57.3,99,57.3z"
+              id="path40"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M95.8,38.7c-0.1,0.1-0.1,0.1-0.2,0.2C95.6,38.8,95.7,38.7,95.8,38.7z"
+              id="path42"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M96.1,38.5c-0.1,0-0.1,0.1-0.2,0.1C96,38.6,96,38.5,96.1,38.5z"
+              id="path44"
+            />
+            <polygon
+              className={classes.whiteLine}
+              points="96.4,36.1 96.9,36.6 96.9,36.6 89.9,29.3 86.4,31.5 86.4,31.5 89.9,29.3   "
+              id="polygon46"
+            />
+            <polygon
+              className={classes.whiteLine}
+              points="93.2,58.7 95.4,57.8 95.4,57.8   "
+              id="polygon48"
+            />
+            <polygon
+              className={classes.whiteLine}
+              points="105.9,66.7 106.4,62.2 106.4,62.2   "
+              id="polygon50"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M106.9,39C106.9,38.9,106.9,38.9,106.9,39C106.9,38.9,106.9,38.9,106.9,39z"
+              id="path52"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M99.9,37.2c0,0-0.1,0-0.1,0C99.8,37.2,99.8,37.2,99.9,37.2z"
+              id="path54"
+            />
+            <polygon
+              className={classes.whiteLine}
+              points="99.8,60.5 100,62.2 99.8,60.5   "
+              id="polygon56"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M100.2,37.2c0,0-0.1,0-0.1,0C100.1,37.2,100.2,37.2,100.2,37.2z"
+              id="path58"
+            />
+            <rect
+              x="103.1"
+              y="65.7"
+              transform="matrix(0.2933 -0.956 0.956 0.2933 7.5976 146.8591)"
+              className={classes.whiteLine}
+              width="0"
+              height="5.1"
+              id="rect60"
+            />
+            <polygon
+              className={classes.whiteLine}
+              points="114.5,58.3 119.7,66.1 118,67.2 119.7,66.1 114.5,58.3   "
+              id="polygon62"
+            />
+            <polygon
+              className={classes.whiteLine}
+              points="109.1,40.5 109.1,40.5 114.5,38.2   "
+              id="polygon64"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M107.4,39.3C107.4,39.3,107.4,39.3,107.4,39.3c-0.3-0.2-0.6-0.4-0.9-0.6l0,0    C106.8,38.9,107.1,39.1,107.4,39.3z"
+              id="path66"
+            />
+            <polygon
+              className={classes.whiteLine}
+              points="100.6,28.5 100.3,30.4 100.6,28.5   "
+              id="polygon68"
+            />
+            <rect
+              x="96.9"
+              y="36.6"
+              transform="matrix(0.5547 -0.8321 0.8321 0.5547 12.6787 96.891)"
+              className={classes.whiteLine}
+              width="0"
+              height="0"
+              id="rect70"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M91.3,50.7c0-0.1-0.1-0.2-0.1-0.3C91.2,50.5,91.3,50.6,91.3,50.7z"
+              id="path72"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M91.5,51.1c0-0.1-0.1-0.2-0.1-0.3C91.4,50.9,91.4,51,91.5,51.1z"
+              id="path74"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M90.5,48.1c0,0,0,0.1,0,0.1C90.5,48.2,90.5,48.1,90.5,48.1C90.5,48.1,90.5,48.1,90.5,48.1z"
+              id="path76"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M90.7,49.1c0-0.1,0-0.2-0.1-0.2C90.7,48.9,90.7,49,90.7,49.1z"
+              id="path78"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M90.6,48.7c0-0.1,0-0.1-0.1-0.2C90.6,48.5,90.6,48.6,90.6,48.7z"
+              id="path80"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M90.9,49.5c0-0.1-0.1-0.2-0.1-0.2C90.8,49.3,90.8,49.4,90.9,49.5z"
+              id="path82"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M91.1,50.3c0-0.1-0.1-0.2-0.1-0.3C91.1,50.1,91.1,50.2,91.1,50.3z"
+              id="path84"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M91,49.9c0-0.1-0.1-0.2-0.1-0.3C90.9,49.7,91,49.8,91,49.9z"
+              id="path86"
+            />
+            <polygon
+              className={classes.whiteLine}
+              points="99.8,60 99.8,60 99.8,60 99.8,60   "
+              id="polygon88"
+            />
+            <polygon
+              className={classes.whiteLine}
+              points="91.5,51.5 91.5,51.5 91.5,51.5 91.5,51.5   "
+              id="polygon90"
+            />
+            <polygon
+              className={classes.whiteLine}
+              points="106.5,61.4 106.5,61.4 106.6,61.2 106.6,61.2   "
+              id="polygon92"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M99.7,59.6c-0.5-0.2-1-0.5-1.4-0.8C98.7,59.1,99.2,59.3,99.7,59.6L99.7,59.6C99.7,59.7,99.7,59.7,99.7,59.6    L99.7,59.6z"
+              id="path94"
+            />
+            <polygon
+              className={classes.whiteLine}
+              points="96.3,57.4 96.3,57.4 96.4,57.4 96.4,57.4   "
+              id="polygon96"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M91.4,40.9c0.1-0.1,0.1-0.2,0.2-0.4C91.6,40.6,91.5,40.7,91.4,40.9z"
+              id="path98"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M91.9,40.1C91.9,40.1,91.9,40.1,91.9,40.1C91.9,40.1,91.9,40.1,91.9,40.1C91.9,40.1,91.9,40.1,91.9,40.1    C91.9,40.1,91.9,40.1,91.9,40.1z"
+              id="path100"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M99.6,36.6c-0.2,0-0.4,0-0.6,0C99.2,36.6,99.4,36.6,99.6,36.6L99.6,36.6z"
+              id="path102"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M97.8,36.6c-0.2,0-0.4,0-0.5,0.1c0,0,0,0,0,0C97.4,36.7,97.6,36.7,97.8,36.6z"
+              id="path104"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M97.8,36.6c0.2,0,0.4,0,0.5-0.1C98.2,36.6,98,36.6,97.8,36.6z"
+              id="path106"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M98.4,36.6c0.2,0,0.4,0,0.5,0C98.8,36.6,98.6,36.6,98.4,36.6z"
+              id="path108"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M96.8,36.6C96.8,36.6,96.8,36.6,96.8,36.6L96.8,36.6C96.8,36.6,96.8,36.6,96.8,36.6z"
+              id="path110"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M106.4,37.6l-0.9-7.6l-4.9-1.5l-0.2,1.9l-0.7,5.1c1,0.8,2.4,1.4,3.9,1.8C104.6,37.5,105.5,37.6,106.4,37.6z"
+              id="path112"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M93.9,54.9C93.1,53.6,92,52.6,91,52l-3.7,3.2l-0.8,0.7l2.7,3.3l0.8,1l3.3-1.4l2.1-0.9    C95.1,56.8,94.6,55.8,93.9,54.9z"
+              id="path114"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M96.4,36.1l-6.5-6.7l-3.4,2.1l5.2,7.7c0.9-0.3,1.8-0.7,2.7-1.3C95.1,37.3,95.8,36.7,96.4,36.1z"
+              id="path116"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M114.5,58.3c-0.5,0.2-1,0.5-1.5,0.8c-1.2,0.8-2.2,1.6-3,2.5l6.3,6.6l1.7-1.1l1.7-1.1L114.5,58.3z"
+              id="path118"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M116.2,37.4l-1.7,0.7l-5.4,2.3c0.7,0.5,1.3,1.1,1.9,1.8c0,0,0,0,0.1,0.1c0.1,0.1,0.2,0.2,0.2,0.3h7.4l0.2-0.1    l0.9-0.8l-0.8-1L116.2,37.4z"
+              id="path120"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M106.8,38.9C106.9,38.9,106.9,38.9,106.8,38.9c0.2,0.1,0.4,0.2,0.6,0.3c-0.3-0.2-0.6-0.4-0.9-0.6l0,0    c0,0,0,0,0,0l0-0.1c-0.1,0-0.1,0-0.2,0C106.5,38.7,106.7,38.8,106.8,38.9z"
+              id="path122"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M102.6,60.8c-1-0.2-1.9-0.3-2.8-0.3l0.2,1.7l0.7,5.3l4.9,1.5l0.3-2.3l0.6-4.5    C105.4,61.6,104.1,61.1,102.6,60.8z"
+              id="path124"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M92.1,39.8C92,39.9,92,40,91.9,40.1C92,40,92,39.9,92.1,39.8L92.1,39.8z"
+              id="path126"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M97,36.8c0.1,0,0.1,0,0.2,0c0,0,0,0,0,0C97.2,36.7,97.1,36.8,97,36.8l-0.2-0.2c0,0,0,0,0,0L97,36.8z"
+              id="path128"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M91.6,51.4C91.6,51.4,91.6,51.4,91.6,51.4C91.6,51.4,91.6,51.4,91.6,51.4l-0.1,0.1c0,0,0,0,0,0L91.6,51.4z"
+              id="path130"
+            />
+            <polygon
+              className={classes.whiteLine}
+              points="91.5,51.5 91.5,51.5 91,52 91,52   "
+              id="polygon132"
+            />
+            <polygon
+              className={classes.whiteLine}
+              points="95.4,57.8 95.4,57.8 96.3,57.4 96.3,57.4   "
+              id="polygon134"
+            />
+            <polygon
+              className={classes.whiteLine}
+              points="106.4,62.2 106.4,62.2 106.5,61.4 106.5,61.4   "
+              id="polygon136"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M114.2,57.5c0,0.1-0.1,0.1-0.1,0.2C114.1,57.6,114.2,57.6,114.2,57.5z"
+              id="path138"
+            />
+            <rect
+              x="114.3"
+              y="57.7"
+              transform="matrix(0.7071 -0.7071 0.7071 0.7071 -7.5546 97.7812)"
+              className={classes.whiteLine}
+              width="0"
+              height="0.7"
+              id="rect140"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M91.1,41.5c0-0.1,0.1-0.1,0.1-0.2C91.1,41.4,91.1,41.4,91.1,41.5z"
+              id="path142"
+            />
+            <polygon
+              className={classes.whiteLine}
+              points="90.9,41.8 90.9,41.8 90.9,41.8   "
+              id="polygon144"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M91.2,41.3c0.1-0.1,0.1-0.3,0.2-0.4C91.3,41,91.3,41.1,91.2,41.3z"
+              id="path146"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M90.5,48.1L90.5,48.1C90.5,48.1,90.5,48.1,90.5,48.1C90.5,48.1,90.5,48.1,90.5,48.1    C90.5,48.1,90.5,48.1,90.5,48.1z"
+              id="path148"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M112.4,58.5c0.6-0.4,1.2-0.7,1.9-1c0-0.1,0.1-0.1,0.1-0.2h-1.1c-0.1,0.1-0.1,0.2-0.2,0.2    c-0.2,0.2-0.4,0.5-0.7,0.7c-3.3,3-8.8,2.5-13.3-0.9c0,0,0,0,0,0c0,0,0,0-0.1-0.1c-0.8-0.6-1.6-1.3-2.3-2.1    c-4.7-5.3-5.4-12.4-1.4-16c0.1-0.1,0.2-0.2,0.3-0.2c0,0,0.1,0,0.1-0.1c0.1-0.1,0.1-0.1,0.2-0.2c0,0,0.1-0.1,0.1-0.1    c0.1,0,0.1-0.1,0.2-0.1c0,0,0.1-0.1,0.1-0.1c0.1,0,0.1-0.1,0.2-0.1c0,0,0.1-0.1,0.1-0.1c0.1,0,0.1-0.1,0.2-0.1    c0.1,0,0.1-0.1,0.2-0.1c0.1,0,0.1-0.1,0.2-0.1c0.1,0,0.1,0,0.2-0.1c0.1,0,0.1,0,0.2-0.1c0.1,0,0.1,0,0.2-0.1c0.1,0,0.1,0,0.2-0.1    c0.1,0,0.1,0,0.2-0.1c0.1,0,0.1,0,0.2-0.1c0.1,0,0.1,0,0.2-0.1c0.1,0,0.1,0,0.2,0c0.1,0,0.1,0,0.2,0c0.1,0,0.1,0,0.2,0    c0.1,0,0.1,0,0.2,0c0.1,0,0.1,0,0.2,0c0.1,0,0.1,0,0.2,0c0,0,0.1,0,0.1,0c0.1,0,0.2,0,0.2,0c0,0,0.1,0,0.1,0c0.1,0,0.2,0,0.2,0    c0,0,0.1,0,0.1,0c0.1,0,0.2,0,0.3,0c-0.3-0.2-0.7-0.4-0.9-0.6l0,0c0,0,0,0,0,0l0,0c-0.2,0-0.4,0-0.6,0c0,0,0,0,0,0    c-0.2,0-0.4,0-0.5,0c0,0,0,0-0.1,0c-0.2,0-0.4,0-0.5,0.1c0,0,0,0,0,0c-0.2,0-0.4,0-0.5,0.1c-0.6,0.7-1.3,1.3-2.2,1.9    c-1,0.7-2.1,1.2-3.1,1.4c0,0,0,0,0,0.1c0,0,0,0,0,0c0,0,0,0,0,0c-0.1,0.1-0.2,0.2-0.2,0.4c-0.1,0.1-0.1,0.2-0.2,0.4c0,0,0,0,0,0    c0.4,1.4,0.4,3.2-0.1,5.1c-0.2,0.8-0.5,1.5-0.8,2.2c0,0,0,0.1,0,0.1c0,0.1,0,0.2,0.1,0.2c0,0.1,0,0.1,0.1,0.2c0,0.1,0,0.1,0,0.2    c0,0.1,0,0.2,0.1,0.2c0,0.1,0,0.1,0,0.2c0,0.1,0.1,0.2,0.1,0.2c0,0,0,0.1,0,0.1c0,0.1,0.1,0.2,0.1,0.3c0,0,0,0.1,0,0.1    c0,0.1,0.1,0.2,0.1,0.3c0,0,0,0.1,0,0.1c0,0.1,0.1,0.2,0.1,0.3c0,0,0,0.1,0,0.1c0,0.1,0.1,0.2,0.1,0.3c0,0,0,0,0,0    c1.2,0.6,2.3,1.7,3.3,3c0.8,1.1,1.3,2.2,1.5,3.3l0.1,0c0,0,0,0,0,0l0,0c0.6,0.5,1.3,1,1.9,1.4c0.5,0.3,1,0.6,1.4,0.8l0,0.1    c0.9,0,1.9,0.1,2.9,0.3c1.5,0.3,2.9,0.8,3.9,1.4l0-0.1c0,0,0,0,0,0l0,0c0.9,0,1.8-0.2,2.6-0.4l0.2,0.2    C110.1,60.1,111.1,59.2,112.4,58.5z"
+              id="path150"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M90.6,41.8L86.6,41L82,40l0,4.5l4.3,1.8l3.2,1.3c0.3-0.6,0.5-1.2,0.7-1.9C90.6,44.3,90.7,43,90.6,41.8z"
+              id="path152"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M101.2,37.2c0,0-0.1,0-0.1,0C101.1,37.2,101.2,37.2,101.2,37.2z"
+              id="path154"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M101.6,37.2c0,0-0.1,0-0.1,0C101.5,37.2,101.6,37.2,101.6,37.2z"
+              id="path156"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M102,37.3c0,0-0.1,0-0.1,0C101.9,37.2,101.9,37.3,102,37.3z"
+              id="path158"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M102.7,37.4c0,0-0.1,0-0.1,0C102.7,37.4,102.7,37.4,102.7,37.4z"
+              id="path160"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M104.9,38C104.9,38,104.9,38,104.9,38C104.9,38,104.9,38,104.9,38z"
+              id="path162"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M105.3,38.1C105.2,38.1,105.2,38.1,105.3,38.1C105.2,38.1,105.2,38.1,105.3,38.1z"
+              id="path164"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M103.4,37.5C103.4,37.5,103.4,37.5,103.4,37.5C103.4,37.5,103.4,37.5,103.4,37.5z"
+              id="path166"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M102.4,37.3c0,0-0.1,0-0.1,0C102.3,37.3,102.3,37.3,102.4,37.3z"
+              id="path168"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M105.6,38.3C105.6,38.3,105.6,38.3,105.6,38.3C105.6,38.3,105.6,38.3,105.6,38.3z"
+              id="path170"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M103.1,37.5C103.1,37.4,103,37.4,103.1,37.5C103,37.4,103.1,37.4,103.1,37.5z"
+              id="path172"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M106,38.5C106,38.5,106,38.5,106,38.5C106,38.5,106,38.5,106,38.5z"
+              id="path174"
+            />
+            <g id="g182">
+              <path
+                className={classes.whiteLine}
+                d="M105.9,59.5c0,0,3.2,0.3,5.6-1.6c0.4-0.3,0.7-0.6,1-0.9h-2.2c0,0,0,0,0,0.1     C108.7,59.2,105.9,59.5,105.9,59.5 M110,42.3c-1.6-1.7-3-2.7-5.1-3.5c-3-1.2-5.3-1-7.4-0.1c-1.4,0.6-2.6,2.1-3.1,2.8     c-1.4,2-1.1,5.2-1.1,5.2s0.9-7,8.1-5.7c1.5,0.3,2.8,0.8,3.8,1.3H110z"
+                id="path176"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M159.7,55.9h-0.4v0.4h0.4V55.9z M156,54.6c0,1,0.7,1.7,1.6,1.7c0.4,0,0.8-0.1,1.1-0.3v-0.3     c-0.3,0.2-0.6,0.4-1.1,0.4c-0.8,0-1.3-0.6-1.3-1.4c0-0.8,0.6-1.4,1.3-1.4c0.5,0,0.8,0.2,1.1,0.4v-0.3c-0.3-0.2-0.7-0.3-1.1-0.3     C156.7,53,156,53.6,156,54.6 M154,53v3.2h1.8V56h-1.5V53H154z M151.8,53v3.2h1.8V56h-1.5V53H151.8z M150.1,56.2v-0.3h-0.4v0.4     h0.2c0,0.2-0.1,0.4-0.3,0.5l0.1,0.1C149.9,56.8,150.1,56.5,150.1,56.2 M147.1,56c0.2,0.2,0.5,0.4,1,0.4c0.5,0,1-0.3,1-0.9     c0-0.5-0.3-0.8-1-1c-0.5-0.1-0.7-0.4-0.7-0.6c0-0.3,0.3-0.5,0.7-0.5c0.2,0,0.5,0.1,0.7,0.3l0.1-0.3c-0.2-0.1-0.5-0.3-0.8-0.3     c-0.6,0-1,0.4-1,0.8c0,0.4,0.3,0.8,0.8,0.9c0.6,0.2,0.8,0.4,0.8,0.7c0,0.4-0.3,0.6-0.7,0.6c-0.4,0-0.7-0.2-0.9-0.4L147.1,56z      M144.1,53v3.2h0.3v-2.6l1.9,2.6h0.2V53h-0.3v2.6l-1.9-2.6H144.1z M143.2,54.6c0,0.8-0.6,1.4-1.3,1.4c-0.8,0-1.3-0.6-1.3-1.4     c0-0.8,0.6-1.4,1.3-1.4C142.6,53.2,143.2,53.8,143.2,54.6 M140.2,54.6c0,1,0.7,1.7,1.6,1.7c0.9,0,1.6-0.7,1.6-1.7     c0-1-0.7-1.7-1.6-1.7C140.9,53,140.2,53.7,140.2,54.6 M139.3,56.3h0.3V53h-0.3V56.3z M137.4,53.3v2.9h0.3v-2.9h1.1V53h-2.6v0.3     H137.4z M133.2,54.8c0,1.1,0.5,1.6,1.3,1.6c0.8,0,1.3-0.5,1.3-1.6V53h-0.3v1.7c0,0.9-0.4,1.3-1,1.3c-0.6,0-1-0.4-1-1.3V53h-0.3     V54.8z M131.1,53v3.2h1.8V56h-1.5V53H131.1z M130.2,54.6c0,0.8-0.6,1.4-1.3,1.4c-0.8,0-1.3-0.6-1.3-1.4c0-0.8,0.6-1.4,1.3-1.4     C129.6,53.2,130.2,53.8,130.2,54.6 M127.2,54.6c0,1,0.7,1.7,1.6,1.7c0.9,0,1.6-0.7,1.6-1.7c0-1-0.7-1.7-1.6-1.7     C127.9,53,127.2,53.7,127.2,54.6 M124.8,56c0.2,0.2,0.5,0.4,1,0.4c0.5,0,1-0.3,1-0.9c0-0.5-0.3-0.8-1-1c-0.5-0.1-0.7-0.4-0.7-0.6     c0-0.3,0.3-0.5,0.7-0.5c0.2,0,0.5,0.1,0.7,0.3l0.1-0.3c-0.2-0.1-0.5-0.3-0.8-0.3c-0.6,0-1,0.4-1,0.8c0,0.4,0.3,0.8,0.8,0.9     c0.6,0.2,0.8,0.4,0.8,0.7c0,0.4-0.3,0.6-0.7,0.6c-0.4,0-0.7-0.2-0.9-0.4L124.8,56z M121.7,53v3.2h1.8V56H122V53H121.7z      M120.4,55.1h-1.3l0.6-1.6L120.4,55.1z M119,55.3h1.5l0.4,0.9h0.3l-1.3-3.2h-0.2l-1.3,3.2h0.3L119,55.3z M117.6,56.3h0.3V53h-0.3     V56.3z M115.9,54.7h-0.7v-1.4h0.7c0.5,0,0.7,0.3,0.7,0.7C116.6,54.3,116.4,54.7,115.9,54.7 M116.1,54.9c0.5-0.1,0.7-0.5,0.7-0.9     c0-0.5-0.3-0.9-1-0.9h-1v3.2h0.3v-1.3h0.7l0.9,1.3h0.3L116.1,54.9z M113,53.3v2.9h0.3v-2.9h1.1V53h-2.6v0.3H113z M109.6,56     c0.2,0.2,0.5,0.4,1,0.4c0.5,0,1-0.3,1-0.9c0-0.5-0.3-0.8-1-1c-0.5-0.1-0.7-0.4-0.7-0.6c0-0.3,0.3-0.5,0.7-0.5     c0.2,0,0.5,0.1,0.7,0.3l0.1-0.3c-0.2-0.1-0.5-0.3-0.8-0.3c-0.6,0-1,0.4-1,0.8c0,0.4,0.3,0.8,0.8,0.9c0.6,0.2,0.8,0.4,0.8,0.7     c0,0.4-0.3,0.6-0.7,0.6c-0.4,0-0.7-0.2-0.9-0.4L109.6,56z M106.4,54.8c0,1.1,0.5,1.6,1.3,1.6c0.8,0,1.3-0.5,1.3-1.6V53h-0.3v1.7     c0,0.9-0.4,1.3-1,1.3c-0.6,0-1-0.4-1-1.3V53h-0.3V54.8z M104.1,56h-0.7v-2.7h0.7c1.1,0,1.4,0.6,1.4,1.3     C105.5,55.3,105.1,56,104.1,56 M103.1,53v3.2h0.9c1.2,0,1.7-0.7,1.7-1.6c0-0.9-0.5-1.6-1.7-1.6H103.1z M100,53v3.2h0.3v-2.6     l1.9,2.6h0.2V53h-0.3v2.6l-1.9-2.6H100z M98.9,56.3h0.3V53h-0.3V56.3z"
+                id="path178"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M159.5,51.2v-1.2h-3.3V48h2.7v-1.2h-2.7v-1.7h3.3v-1.2h-4.7v7.3H159.5z M153.1,51.2v-7.3h-1.3v4.8l-3.8-4.8     h-1v7.3h1.3v-4.8l3.8,4.8H153.1z M144.2,47.6c0,1.6-0.9,2.7-2.4,2.7c-1.5,0-2.4-1.1-2.4-2.7c0-1.6,1-2.7,2.4-2.7     C143.2,44.9,144.2,46,144.2,47.6 M145.7,47.6c0-2.2-1.7-3.8-3.9-3.8c-2.2,0-4,1.6-4,3.8s1.7,3.8,4,3.8     C144,51.4,145.7,49.8,145.7,47.6 M137.7,45.1v-1.2h-6.4v1.2h2.5v6.1h1.5v-6.1H137.7z M131,49.1c0-1.3-0.7-2-2.4-2.4     c-1-0.2-1.2-0.6-1.2-1c0-0.5,0.4-0.8,1.1-0.8c0.6,0,1.4,0.3,1.9,0.6l0.3-1c-0.5-0.4-1.3-0.7-2.2-0.7c-1.6,0-2.5,0.9-2.5,2     c0,1,0.6,1.9,2.1,2.2c1.2,0.3,1.5,0.6,1.5,1.2c0,0.6-0.6,1-1.3,1c-1,0-1.8-0.5-2.2-1l-0.3,1.2c0.5,0.4,1.4,0.9,2.6,0.9     C129.7,51.4,131,50.7,131,49.1 M124.6,51.2v-7.3h-1.3v4.8l-3.8-4.8h-1v7.3h1.3v-4.8l3.8,4.8H124.6z M112.9,45h1.1     c0.9,0,1.2,0.5,1.2,1.2c0,0.6-0.3,1.1-1.2,1.1h-1.1V45z M115.3,48.2c0.9-0.3,1.5-1,1.5-2c0-1.2-0.7-2.2-2.5-2.2h-2.9v7.3h1.5     v-2.9h0.9l2,2.9h1.6L115.3,48.2z M109.8,47.9v-3.9h-1.4v3.9c0,1.6-0.7,2.3-1.9,2.3c-1.2,0-1.9-0.8-1.9-2.3v-3.9h-1.5v3.9     c0,2.5,1.4,3.6,3.3,3.6S109.8,50.3,109.8,47.9 M102.2,45.1v-1.2h-6.4v1.2h2.5v6.1h1.5v-6.1H102.2z"
+                id="path180"
+              />
+            </g>
+          </g>
+          <g id="XMLID_00000070828449680725233820000015287862268165703846_">
+            <g id="g188">
+              <path
+                id="XMLID_00000057114946413244182130000011875483420188707762_"
+                className={classes.whiteLine}
+                d="M78.2,201.1l-1.1,1.1     c0.9,0.9,1.4,2,1.4,3.2c0,1.2-0.5,2.4-1.4,3.2c-1.9,1.8-4.9,1.8-6.8,0c-1.9-1.8-1.9-4.7,0-6.5l-1.1-1.1c-2.5,2.4-2.5,6.3,0,8.6     c1.3,1.2,2.9,1.8,4.5,1.8c1.6,0,3.3-0.6,4.5-1.8c1.2-1.2,1.9-2.7,1.9-4.3C80.1,203.8,79.5,202.2,78.2,201.1z"
+              />
+              <rect
+                id="XMLID_00000120525597852039845490000010739929836951883450_"
+                x="72.9"
+                y="199"
+                className={classes.whiteLine}
+                width="1.6"
+                height="7.2"
+              />
+            </g>
+          </g>
+          <g id="g197">
+            <g id="g195">
+              <path
+                className={classes.whiteLine}
+                d="M114.6,209v-9.6h2v7.9h3.9v1.7H114.6z"
+                id="path191"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M126.9,209h-2v-5.6c0-0.2,0-0.3,0-0.6c0-0.2,0-0.5,0-0.7c0-0.2,0-0.5,0-0.6c0,0.1-0.1,0.2-0.3,0.3     c-0.1,0.1-0.3,0.3-0.4,0.4l-1.1,0.9l-1-1.2l3.1-2.5h1.7V209z"
+                id="path193"
+              />
+            </g>
+          </g>
+          <g id="g205">
+            <g id="g203">
+              <path
+                className={classes.whiteLine}
+                d="M162.6,209v-9.6h2v7.9h3.9v1.7H162.6z"
+                id="path199"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M177.1,209h-6.7v-1.4l2.4-2.4c0.5-0.5,0.9-0.9,1.2-1.3c0.3-0.3,0.5-0.6,0.6-0.9c0.1-0.3,0.2-0.6,0.2-0.9     c0-0.4-0.1-0.7-0.3-0.9c-0.2-0.2-0.5-0.3-0.9-0.3c-0.4,0-0.7,0.1-1.1,0.3c-0.4,0.2-0.7,0.4-1.1,0.7l-1.1-1.3     c0.3-0.2,0.6-0.5,0.9-0.7c0.3-0.2,0.7-0.4,1.1-0.5c0.4-0.1,0.9-0.2,1.5-0.2c0.6,0,1.2,0.1,1.6,0.3s0.8,0.5,1,0.9     c0.2,0.4,0.4,0.8,0.4,1.3c0,0.5-0.1,1-0.3,1.5s-0.5,0.9-0.9,1.3c-0.4,0.4-0.9,0.9-1.4,1.4l-1.2,1.2v0.1h4.2V209z"
+                id="path201"
+              />
+            </g>
+          </g>
+          <g id="g211" transform="translate(-0.1,-15)">
+            <g id="g209">
+              <path
+                className={classes.whiteLine}
+                d="m 25.2,105.1 h -2 v -5.6 c 0,-0.2 0,-0.3 0,-0.6 0,-0.2 0,-0.5 0,-0.7 0,-0.2 0,-0.5 0,-0.6 0,0.1 -0.1,0.2 -0.3,0.3 -0.1,0.1 -0.3,0.3 -0.4,0.4 l -1.1,0.9 -1,-1.2 3.1,-2.5 h 1.7 z"
+                id="path207"
+              />
+            </g>
+          </g>
+          <g id="g217" transform="translate(-0.1,0.8)">
+            <g id="g215">
+              <path
+                className={classes.whiteLine}
+                d="m 26.9,133.5 h -6.7 v -1.5 l 2.4,-2.4 c 0.5,-0.5 0.9,-0.9 1.2,-1.3 0.3,-0.3 0.5,-0.6 0.6,-0.9 0.1,-0.3 0.2,-0.6 0.2,-0.9 0,-0.4 -0.1,-0.7 -0.3,-0.9 -0.2,-0.2 -0.5,-0.3 -0.9,-0.3 -0.4,0 -0.7,0.1 -1.1,0.3 -0.4,0.2 -0.7,0.4 -1.1,0.7 l -1.1,-1.3 c 0.3,-0.2 0.6,-0.5 0.9,-0.7 0.3,-0.2 0.7,-0.4 1.1,-0.5 0.4,-0.1 0.9,-0.2 1.5,-0.2 0.6,0 1.2,0.1 1.6,0.3 0.4,0.2 0.8,0.5 1,0.9 0.2,0.4 0.4,0.8 0.4,1.3 0,0.5 -0.1,1 -0.3,1.5 -0.2,0.5 -0.5,0.9 -0.9,1.3 -0.4,0.4 -0.9,0.9 -1.4,1.4 l -1.2,1.2 v 0.1 h 4.2 v 1.9 z"
+                id="path213"
+              />
+            </g>
+          </g>
+          <g id="g223" transform="translate(-0.1,17.2)">
+            <g id="g221">
+              <path
+                className={classes.whiteLine}
+                d="m 26.5,155.8 c 0,0.4 -0.1,0.8 -0.3,1.1 -0.2,0.3 -0.4,0.6 -0.7,0.8 -0.3,0.2 -0.7,0.4 -1.1,0.5 v 0 c 0.8,0.1 1.4,0.3 1.8,0.7 0.4,0.4 0.6,0.9 0.6,1.5 0,0.6 -0.1,1.1 -0.4,1.5 -0.3,0.4 -0.7,0.8 -1.3,1 -0.6,0.3 -1.3,0.4 -2.2,0.4 -0.5,0 -1,0 -1.5,-0.1 -0.5,-0.1 -0.9,-0.2 -1.3,-0.4 v -1.7 c 0.4,0.2 0.8,0.4 1.3,0.5 0.5,0.1 0.9,0.2 1.3,0.2 0.7,0 1.2,-0.1 1.5,-0.4 0.3,-0.3 0.4,-0.6 0.4,-1.1 0,-0.3 -0.1,-0.5 -0.2,-0.7 -0.1,-0.2 -0.4,-0.3 -0.7,-0.4 -0.3,-0.1 -0.8,-0.1 -1.4,-0.1 h -0.7 v -1.6 h 0.7 c 0.6,0 1,-0.1 1.3,-0.2 0.3,-0.1 0.5,-0.3 0.6,-0.5 0.1,-0.2 0.2,-0.4 0.2,-0.7 0,-0.3 -0.1,-0.6 -0.3,-0.8 -0.2,-0.2 -0.6,-0.3 -1,-0.3 -0.3,0 -0.6,0 -0.8,0.1 -0.3,0.1 -0.5,0.2 -0.7,0.3 -0.2,0.1 -0.4,0.2 -0.5,0.3 l -0.9,-1.4 c 0.4,-0.3 0.8,-0.5 1.3,-0.7 0.5,-0.2 1.1,-0.3 1.8,-0.3 1,0 1.8,0.2 2.4,0.6 0.5,0.6 0.8,1.2 0.8,1.9 z"
+                id="path219"
+              />
+            </g>
+          </g>
+          <g id="g229" transform="translate(0.9)">
+            <path
+              className={classes.whiteLine}
+              d="m 22.8,35 c -4.7,0 -8.5,3.8 -8.5,8.5 0,4.7 3.8,8.5 8.5,8.5 4.7,0 8.5,-3.8 8.5,-8.5 0.1,-4.6 -3.7,-8.5 -8.5,-8.5 z m 0,13 c -2.5,0 -4.4,-2 -4.4,-4.4 0,-2.4 2,-4.4 4.4,-4.4 2.4,0 4.4,2 4.4,4.4 0,2.4 -1.9,4.4 -4.4,4.4 z"
+              id="path225"
+            />
+            <circle className={classes.whiteLine} cx="22.799999" cy="43.5" r="2.5" id="circle227" />
+          </g>
+          <g id="g297">
+            <g id="g243">
+              <path
+                className={classes.whiteLine}
+                d="M100.3,145.6h4.7v18.8h-3.2v-14.6l0.1,0.8l-3.6,11.7h-3.1l-3.6-11.4l0.1-1.1v14.6h-3.2v-18.8h4.7l3.6,12.7     L100.3,145.6z"
+                id="path231"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M108.7,153.6h3.5v10.7h-3.5V153.6z"
+                id="path233"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M115.8,153.7h3.5v10.7h-3.5V153.7z M117.4,153.7h6c0.4,0,0.8-0.1,1.1-0.3c0.3-0.2,0.6-0.5,0.8-0.8     c0.2-0.4,0.3-0.8,0.3-1.2c0-0.5-0.1-0.9-0.3-1.2c-0.2-0.4-0.4-0.6-0.7-0.8c-0.3-0.2-0.7-0.3-1.1-0.3h-7.7v-3.4h7.6     c1.2,0,2.2,0.2,3.1,0.7c0.9,0.5,1.6,1.2,2.1,2c0.5,0.9,0.7,1.9,0.7,3c0,1.1-0.2,2.2-0.7,3c-0.5,0.9-1.2,1.5-2.1,2     c-0.9,0.5-1.9,0.7-3.1,0.7h-5.9V153.7z"
+                id="path235"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M134.7,163.7c-1-0.5-1.8-1.3-2.3-2.4c-0.5-1-0.8-2.3-0.8-3.8v-5.2c0-1.5,0.3-2.7,0.8-3.8     c0.5-1,1.3-1.8,2.3-2.4c1-0.6,2.2-0.8,3.7-0.8c1.2,0,2.2,0.3,3.2,0.8c0.9,0.5,1.7,1.2,2.3,2.2c0.6,1,1,2.1,1.3,3.5h-3.7     c-0.1-0.6-0.4-1.2-0.6-1.6c-0.3-0.4-0.6-0.8-1-1c-0.4-0.2-0.9-0.3-1.4-0.3c-0.7,0-1.2,0.1-1.7,0.4c-0.5,0.3-0.8,0.7-1.1,1.2     c-0.2,0.5-0.4,1.1-0.4,1.9v5.2c0,0.7,0.1,1.4,0.4,1.9c0.2,0.5,0.6,0.9,1.1,1.2s1,0.4,1.7,0.4c0.5,0,1-0.1,1.4-0.3     c0.4-0.2,0.8-0.6,1-1c0.3-0.4,0.5-1,0.6-1.6h3.7c-0.2,1.4-0.7,2.5-1.3,3.5c-0.6,1-1.4,1.7-2.3,2.2c-0.9,0.5-2,0.8-3.2,0.8     C137,164.6,135.8,164.3,134.7,163.7z"
+                id="path237"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M153,145.6h2.2l7.2,18.8h-3.8l-4.5-12.8l-4.5,12.8h-3.8L153,145.6z M149.2,161h9.9v3.4h-9.9V161z"
+                id="path239"
+              />
+              <rect
+                x="108.7"
+                y="145.6"
+                className={classes.whiteLine}
+                width="3.5"
+                height="3.4"
+                id="rect241"
+              />
+            </g>
+            <g id="g295">
+              <g id="g293">
+                <path
+                  className={classes.whiteLine}
+                  d="M89.9,166.9h0.4l1.2,3.2H91l-0.9-2.6l-0.9,2.6h-0.5L89.9,166.9z M89.2,169h1.7v0.4h-1.7V169z"
+                  id="path245"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M92.2,166.9h0.4v3.2h-0.4V166.9z M92.5,169.7h0.7c0.2,0,0.4-0.1,0.5-0.2c0.1-0.1,0.2-0.3,0.2-0.5V168      c0-0.2-0.1-0.4-0.2-0.5c-0.1-0.1-0.3-0.2-0.5-0.2h-0.7v-0.4h0.7c0.3,0,0.5,0,0.7,0.1c0.2,0.1,0.3,0.2,0.4,0.4      c0.1,0.2,0.1,0.4,0.1,0.6v0.9c0,0.2,0,0.4-0.1,0.6c-0.1,0.2-0.2,0.3-0.4,0.4c-0.2,0.1-0.4,0.1-0.7,0.1h-0.7V169.7z"
+                  id="path247"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M95.1,166.9h0.5l0.8,2.5l0.8-2.5h0.5l-1,3.2h-0.4L95.1,166.9z"
+                  id="path249"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M99,166.9h0.4l1.2,3.2h-0.5l-0.9-2.6l-0.9,2.6h-0.5L99,166.9z M98.4,169h1.7v0.4h-1.7V169z"
+                  id="path251"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M101.3,166.9h0.4l1.6,2.5l-0.1,0.1v-2.5h0.4v3.2h-0.4l-1.6-2.4l0.1-0.1v2.5h-0.4V166.9z"
+                  id="path253"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M105.2,170c-0.2-0.1-0.3-0.2-0.4-0.4c-0.1-0.2-0.1-0.4-0.1-0.6v-0.9c0-0.2,0-0.4,0.1-0.6      c0.1-0.2,0.2-0.3,0.4-0.4c0.2-0.1,0.4-0.1,0.6-0.1c0.2,0,0.4,0,0.5,0.1s0.3,0.2,0.4,0.3c0.1,0.1,0.2,0.3,0.2,0.5h-0.5      c0-0.1-0.1-0.2-0.1-0.3c-0.1-0.1-0.1-0.1-0.2-0.2s-0.2-0.1-0.3-0.1c-0.1,0-0.2,0-0.3,0.1c-0.1,0.1-0.2,0.2-0.2,0.3      c-0.1,0.1-0.1,0.2-0.1,0.4v0.9c0,0.1,0,0.3,0.1,0.4c0.1,0.1,0.1,0.2,0.2,0.3c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.3-0.1      s0.2-0.1,0.2-0.2c0.1-0.1,0.1-0.2,0.1-0.3h0.5c0,0.2-0.1,0.4-0.2,0.5c-0.1,0.1-0.2,0.3-0.4,0.3s-0.3,0.1-0.5,0.1      C105.5,170.1,105.4,170.1,105.2,170z"
+                  id="path255"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M107.7,166.9h0.4v3.2h-0.4V166.9z M107.9,166.9h1.8v0.4h-1.8V166.9z M107.9,168.3h1.6v0.4h-1.6V168.3z       M107.9,169.7h1.8v0.4h-1.8V169.7z"
+                  id="path257"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M110.7,166.9h0.4v3.2h-0.4V166.9z M111,169.7h0.7c0.2,0,0.4-0.1,0.5-0.2c0.1-0.1,0.2-0.3,0.2-0.5V168      c0-0.2-0.1-0.4-0.2-0.5c-0.1-0.1-0.3-0.2-0.5-0.2H111v-0.4h0.7c0.3,0,0.5,0,0.7,0.1c0.2,0.1,0.3,0.2,0.4,0.4      c0.1,0.2,0.1,0.4,0.1,0.6v0.9c0,0.2,0,0.4-0.1,0.6c-0.1,0.2-0.2,0.3-0.4,0.4c-0.2,0.1-0.4,0.1-0.7,0.1H111V169.7z"
+                  id="path259"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M117.7,166.9h0.4v3.2h-0.4v-2.4l0,0.1l-0.8,1.8h-0.3l-0.8-1.8l0-0.2v2.4h-0.4v-3.2h0.4l0.9,2.1L117.7,166.9      z"
+                  id="path261"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M119.6,170c-0.2-0.1-0.3-0.2-0.4-0.4c-0.1-0.2-0.1-0.4-0.1-0.6v-0.9c0-0.2,0-0.4,0.1-0.6s0.2-0.3,0.4-0.4      c0.2-0.1,0.4-0.1,0.6-0.1c0.2,0,0.4,0,0.6,0.1c0.2,0.1,0.3,0.2,0.4,0.4s0.1,0.4,0.1,0.6v0.9c0,0.2,0,0.4-0.1,0.6      c-0.1,0.2-0.2,0.3-0.4,0.4c-0.2,0.1-0.4,0.1-0.6,0.1C120,170.1,119.8,170.1,119.6,170z M120.6,169.6c0.1-0.1,0.2-0.1,0.2-0.3      s0.1-0.2,0.1-0.4V168c0-0.1,0-0.3-0.1-0.4c-0.1-0.1-0.1-0.2-0.2-0.3c-0.1-0.1-0.2-0.1-0.3-0.1c-0.1,0-0.2,0-0.3,0.1      c-0.1,0.1-0.2,0.1-0.2,0.3c-0.1,0.1-0.1,0.2-0.1,0.4v0.9c0,0.1,0,0.3,0.1,0.4s0.1,0.2,0.2,0.3c0.1,0.1,0.2,0.1,0.3,0.1      C120.3,169.7,120.5,169.7,120.6,169.6z"
+                  id="path263"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M122.3,166.9h0.4l1.6,2.5l-0.1,0.1v-2.5h0.4v3.2h-0.4l-1.6-2.4l0.1-0.1v2.5h-0.4V166.9z"
+                  id="path265"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M126.1,170.1h-0.4v-3.2h0.4V170.1z"
+                  id="path267"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M126.9,166.9h2.3v0.4h-2.3V166.9z M127.8,167.2h0.4v2.9h-0.4V167.2z"
+                  id="path269"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M130.3,170c-0.2-0.1-0.3-0.2-0.4-0.4c-0.1-0.2-0.1-0.4-0.1-0.6v-0.9c0-0.2,0-0.4,0.1-0.6s0.2-0.3,0.4-0.4      c0.2-0.1,0.4-0.1,0.6-0.1c0.2,0,0.4,0,0.6,0.1c0.2,0.1,0.3,0.2,0.4,0.4s0.1,0.4,0.1,0.6v0.9c0,0.2,0,0.4-0.1,0.6      c-0.1,0.2-0.2,0.3-0.4,0.4c-0.2,0.1-0.4,0.1-0.6,0.1C130.6,170.1,130.4,170.1,130.3,170z M131.2,169.6c0.1-0.1,0.2-0.1,0.2-0.3      s0.1-0.2,0.1-0.4V168c0-0.1,0-0.3-0.1-0.4c-0.1-0.1-0.1-0.2-0.2-0.3c-0.1-0.1-0.2-0.1-0.3-0.1c-0.1,0-0.2,0-0.3,0.1      c-0.1,0.1-0.2,0.1-0.2,0.3c-0.1,0.1-0.1,0.2-0.1,0.4v0.9c0,0.1,0,0.3,0.1,0.4s0.1,0.2,0.2,0.3c0.1,0.1,0.2,0.1,0.3,0.1      C131,169.7,131.1,169.7,131.2,169.6z"
+                  id="path271"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M132.9,166.9h0.4v3.2h-0.4V166.9z M133.1,168.3h1.1c0.1,0,0.2,0,0.2-0.1c0.1,0,0.1-0.1,0.2-0.2      c0-0.1,0.1-0.2,0.1-0.3s0-0.2-0.1-0.3c0-0.1-0.1-0.1-0.2-0.2c-0.1,0-0.1-0.1-0.2-0.1h-1.1v-0.4h1.1c0.2,0,0.3,0,0.5,0.1      s0.2,0.2,0.3,0.3c0.1,0.1,0.1,0.3,0.1,0.5s0,0.3-0.1,0.5c-0.1,0.1-0.2,0.2-0.3,0.3s-0.3,0.1-0.5,0.1h-1.1V168.3z M134,168.7      l0.4-0.1l0.8,1.5h-0.5L134,168.7z"
+                  id="path273"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M136.6,170.1h-0.4v-3.2h0.4V170.1z"
+                  id="path275"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M137.6,166.9h0.4l1.6,2.5l-0.1,0.1v-2.5h0.4v3.2h-0.4l-1.6-2.4l0.1-0.1v2.5h-0.4V166.9z"
+                  id="path277"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M143.2,168.4v0.6c0,0.2,0,0.4-0.1,0.6c-0.1,0.2-0.2,0.3-0.4,0.4s-0.4,0.1-0.6,0.1c-0.2,0-0.4,0-0.6-0.1      c-0.2-0.1-0.3-0.2-0.4-0.4c-0.1-0.2-0.1-0.4-0.1-0.6v-0.9c0-0.2,0-0.4,0.1-0.6c0.1-0.2,0.2-0.3,0.4-0.4c0.2-0.1,0.4-0.1,0.6-0.1      c0.2,0,0.4,0,0.5,0.1s0.3,0.2,0.4,0.3c0.1,0.1,0.2,0.3,0.2,0.5h-0.5c0-0.1-0.1-0.2-0.1-0.3c-0.1-0.1-0.1-0.1-0.2-0.2      c-0.1,0-0.2-0.1-0.3-0.1c-0.1,0-0.2,0-0.3,0.1s-0.2,0.2-0.2,0.3c-0.1,0.1-0.1,0.2-0.1,0.4v0.9c0,0.1,0,0.3,0.1,0.4      c0.1,0.1,0.1,0.2,0.2,0.2s0.2,0.1,0.4,0.1c0.1,0,0.2,0,0.3-0.1c0.1-0.1,0.2-0.1,0.2-0.3c0.1-0.1,0.1-0.2,0.1-0.4v-0.1h-0.6v-0.4      H143.2z"
+                  id="path279"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M146.2,170.1c-0.1,0-0.3-0.1-0.4-0.1s-0.2-0.1-0.3-0.2l0.3-0.3c0.1,0.1,0.3,0.2,0.4,0.2s0.3,0.1,0.5,0.1      c0.2,0,0.4,0,0.5-0.1c0.1-0.1,0.2-0.2,0.2-0.4v0c0-0.1,0-0.2-0.1-0.3c-0.1-0.1-0.1-0.1-0.2-0.1c-0.1,0-0.2-0.1-0.4-0.1      c0,0,0,0,0,0s0,0,0,0l0,0c-0.2,0-0.4-0.1-0.5-0.1s-0.2-0.1-0.3-0.3c-0.1-0.1-0.1-0.3-0.1-0.5v0c0-0.2,0-0.4,0.1-0.5      c0.1-0.1,0.2-0.2,0.4-0.3s0.4-0.1,0.6-0.1c0.1,0,0.2,0,0.3,0s0.2,0.1,0.3,0.1c0.1,0,0.2,0.1,0.3,0.2l-0.3,0.4      c-0.1-0.1-0.2-0.2-0.4-0.2c-0.1,0-0.2-0.1-0.4-0.1c-0.2,0-0.4,0-0.5,0.1c-0.1,0.1-0.2,0.2-0.2,0.4v0c0,0.1,0,0.2,0.1,0.3      c0.1,0.1,0.1,0.1,0.2,0.1c0.1,0,0.2,0.1,0.4,0.1c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0s0,0,0,0c0.2,0,0.4,0.1,0.5,0.1      c0.1,0.1,0.2,0.1,0.3,0.3c0.1,0.1,0.1,0.3,0.1,0.5v0c0,0.2,0,0.4-0.1,0.5s-0.2,0.2-0.4,0.3s-0.4,0.1-0.6,0.1      C146.5,170.1,146.4,170.1,146.2,170.1z"
+                  id="path281"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M149.7,168.8v1.3h-0.4v-1.3l-1-1.9h0.5l0.7,1.4l0.7-1.4h0.5L149.7,168.8z"
+                  id="path283"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M151.8,170.1c-0.1,0-0.3-0.1-0.4-0.1s-0.2-0.1-0.3-0.2l0.3-0.3c0.1,0.1,0.3,0.2,0.4,0.2s0.3,0.1,0.5,0.1      c0.2,0,0.4,0,0.5-0.1c0.1-0.1,0.2-0.2,0.2-0.4v0c0-0.1,0-0.2-0.1-0.3c-0.1-0.1-0.1-0.1-0.2-0.1c-0.1,0-0.2-0.1-0.4-0.1      c0,0,0,0,0,0s0,0,0,0l0,0c-0.2,0-0.4-0.1-0.5-0.1s-0.2-0.1-0.3-0.3c-0.1-0.1-0.1-0.3-0.1-0.5v0c0-0.2,0-0.4,0.1-0.5      c0.1-0.1,0.2-0.2,0.4-0.3s0.4-0.1,0.6-0.1c0.1,0,0.2,0,0.3,0s0.2,0.1,0.3,0.1c0.1,0,0.2,0.1,0.3,0.2l-0.3,0.4      c-0.1-0.1-0.2-0.2-0.4-0.2c-0.1,0-0.2-0.1-0.4-0.1c-0.2,0-0.4,0-0.5,0.1c-0.1,0.1-0.2,0.2-0.2,0.4v0c0,0.1,0,0.2,0.1,0.3      c0.1,0.1,0.1,0.1,0.2,0.1c0.1,0,0.2,0.1,0.4,0.1c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0s0,0,0,0c0.2,0,0.4,0.1,0.5,0.1      c0.1,0.1,0.2,0.1,0.3,0.3c0.1,0.1,0.1,0.3,0.1,0.5v0c0,0.2,0,0.4-0.1,0.5s-0.2,0.2-0.4,0.3s-0.4,0.1-0.6,0.1      C152,170.1,151.9,170.1,151.8,170.1z"
+                  id="path285"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M153.8,166.9h2.3v0.4h-2.3V166.9z M154.7,167.2h0.4v2.9h-0.4V167.2z"
+                  id="path287"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M156.8,166.9h0.4v3.2h-0.4V166.9z M157,166.9h1.8v0.4H157V166.9z M157,168.3h1.6v0.4H157V168.3z M157,169.7      h1.8v0.4H157V169.7z"
+                  id="path289"
+                />
+                <path
+                  className={classes.whiteLine}
+                  d="M162,166.9h0.4v3.2H162v-2.4l0,0.1l-0.8,1.8H161l-0.8-1.8l0-0.2v2.4h-0.4v-3.2h0.4l0.9,2.1L162,166.9z"
+                  id="path291"
+                />
+              </g>
+            </g>
+          </g>
+          <path
+            className={classes.boxBorder}
+            d="M215.4,222.9H8.8c-4.1,0-7.5-3.4-7.5-7.5V8.8c0-4.1,3.4-7.5,7.5-7.5h206.6c4.1,0,7.5,3.4,7.5,7.5v206.6   C222.9,219.5,219.5,222.9,215.4,222.9z"
+            id="path299"
+          />
+        </g>
+        {/* buttons for port selection */}
+        {/* I2C PORTS */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 0, //address here is not important for I2C, the restrictions are per component not per port
+              addressType: quack.AddressType.ADDRESS_TYPE_I2C,
+              label: "1",
+              autoDetectable: false
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="24"
+          cy="43"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+        {/* CONFIGURABLE PIN PORTS */}
+        {/* PORT 1 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 1,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "1",
+              autoDetectable: true
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="24"
+          cy="85"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+        {/* PORT 2 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 2,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "2",
+              autoDetectable: true
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="24"
+          cy="130"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+        {/* PORT 3 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 4,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "3",
+              autoDetectable: true
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="24"
+          cy="175"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+        {/* 
+        Ports are tecnically non configurable, they only work with the lights
+        PORT L1
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 512,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "L1"
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="121"
+          cy="204"
+          rx={buttonSize.rx}
+          ry={buttonSize.ry}
+        />
+        PORT L2
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 1024,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "L2"
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="170"
+          cy="204"
+          rx={buttonSize.rx}
+          ry={buttonSize.ry}
+        /> */}
+      </svg>
+    );
+  };
+
+  const nexusSTSVG = () => {
+    return (
+      <svg version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 222.84 222.84">
+        <g
+          id="g194"
+          className={classes.whiteLine}
+          transform="matrix(1.6894246,0,0,1.6881818,-96.466145,-1669.9494)">
+          <g id="g86" className={classes.whiteLine}>
+            <g id="g84" className={classes.whiteLine}>
+              <g id="g48" className={classes.whiteLine}>
+                <g id="g20" className={classes.whiteLine}>
+                  <path
+                    d="m 123.8,1002.7 -0.3,-0.8 h -1.2 l -0.3,0.8 h -0.5 l 1.4,-3.1 1.4,3.1 z m -1.3,-1.1 h 0.8 l -0.3,-0.7 c 0,0 0,-0.1 -0.1,-0.2 0,-0.1 0,-0.1 -0.1,-0.2 0,0.1 0,0.1 -0.1,0.2 0,0.1 0,0.1 -0.1,0.2 z"
+                    id="path4"
+                    className={classes.whiteLine}
+                  />
+                  <path
+                    d="m 125.5,1002.7 v -3 h 0.7 c 0.4,0 0.7,0 0.9,0.1 0.2,0 0.3,0.1 0.5,0.2 0.2,0.1 0.3,0.3 0.4,0.5 0.1,0.2 0.1,0.4 0.1,0.7 0,0.3 0,0.5 -0.1,0.7 -0.1,0.2 -0.2,0.4 -0.4,0.5 -0.1,0.1 -0.3,0.2 -0.4,0.2 -0.2,0 -0.4,0.1 -0.8,0.1 h -0.1 z m 0.4,-0.4 h 0.4 c 0.2,0 0.4,0 0.5,0 0.1,0 0.2,-0.1 0.3,-0.2 0.1,-0.1 0.2,-0.2 0.3,-0.4 0.1,-0.2 0.1,-0.3 0.1,-0.5 0,-0.2 0,-0.4 -0.1,-0.5 -0.1,-0.1 -0.1,-0.3 -0.3,-0.4 -0.1,-0.1 -0.2,-0.1 -0.3,-0.2 -0.1,0 -0.3,0 -0.6,0 h -0.2 -0.2 v 2.2 z"
+                    id="path6"
+                    className={classes.whiteLine}
+                  />
+                  <path
+                    d="m 131.3,1002.7 -0.3,-0.8 h -1.2 l -0.3,0.8 h -0.5 l 1.4,-3.1 1.4,3.1 z m -1.4,-1.1 h 0.8 l -0.3,-0.7 c 0,0 0,-0.1 -0.1,-0.2 0,-0.1 0,-0.1 -0.1,-0.2 0,0.1 0,0.1 -0.1,0.2 0,0.1 0,0.1 -0.1,0.2 z"
+                    id="path8"
+                    className={classes.whiteLine}
+                  />
+                  <path
+                    d="m 133.4,1001.4 v 1.3 h -0.5 v -3 h 0.7 c 0.2,0 0.4,0 0.5,0 0.1,0 0.2,0.1 0.3,0.1 0.1,0.1 0.2,0.2 0.2,0.3 0.1,0.1 0.1,0.2 0.1,0.4 0,0.1 0,0.3 -0.1,0.4 -0.1,0.1 -0.1,0.2 -0.2,0.3 -0.1,0.1 -0.2,0.1 -0.3,0.1 -0.1,0 -0.3,0 -0.5,0 h -0.1 -0.1 z m 0,-0.4 h 0.1 c 0.3,0 0.4,0 0.5,-0.1 0.1,-0.1 0.1,-0.2 0.1,-0.3 0,-0.2 0,-0.3 -0.1,-0.3 -0.1,0 -0.3,-0.1 -0.5,-0.1 h -0.1 z"
+                    id="path10"
+                    className={classes.whiteLine}
+                  />
+                  <path
+                    d="m 136.9,1000.2 v 2.6 h -0.5 v -2.6 h -0.8 v -0.4 h 2.1 v 0.4 z"
+                    id="path12"
+                    className={classes.whiteLine}
+                  />
+                  <path
+                    d="m 138.9,1002.7 v -3 h 0.5 v 3 z"
+                    id="path14"
+                    className={classes.whiteLine}
+                  />
+                  <path
+                    d="m 141.9,1002.9 -1.3,-3.1 h 0.5 l 0.7,1.6 c 0,0.1 0.1,0.2 0.1,0.3 0,0.1 0,0.2 0.1,0.2 0,-0.1 0,-0.2 0.1,-0.2 0,-0.1 0.1,-0.2 0.1,-0.2 l 0.7,-1.6 h 0.5 z"
+                    id="path16"
+                    className={classes.whiteLine}
+                  />
+                  <path
+                    d="m 144.4,1002.7 v -3 h 1.7 v 0.4 h -1.2 v 0.7 h 1.2 v 0.4 h -1.2 v 1 h 1.2 v 0.4 h -1.7 z"
+                    id="path18"
+                    className={classes.whiteLine}
+                  />
+                </g>
+                <g id="g46" className={classes.whiteLine}>
+                  <path
+                    d="m 122.9,1004.3 c -0.1,-0.1 -0.2,-0.1 -0.3,-0.2 -0.1,0 -0.2,-0.1 -0.3,-0.1 -0.2,0 -0.3,0.1 -0.5,0.2 -0.1,0.1 -0.2,0.3 -0.2,0.5 0,0.2 0.1,0.3 0.2,0.5 0.1,0.1 0.3,0.2 0.4,0.2 0.1,0 0.2,0 0.3,-0.1 0.1,-0.1 0.2,-0.1 0.3,-0.2 v 0.3 c -0.1,0.1 -0.2,0.1 -0.3,0.1 -0.1,0 -0.2,0 -0.3,0 -0.1,0 -0.3,0 -0.4,-0.1 -0.1,-0.1 -0.2,-0.1 -0.3,-0.2 -0.1,-0.1 -0.2,-0.2 -0.2,-0.3 0,-0.1 -0.1,-0.2 -0.1,-0.4 0,-0.1 0,-0.3 0.1,-0.4 0,-0.1 0.1,-0.2 0.2,-0.3 0.1,-0.1 0.2,-0.2 0.3,-0.2 0.1,0 0.2,-0.1 0.4,-0.1 0.1,0 0.2,0 0.3,0 0.1,0 0.2,0.1 0.3,0.1 z"
+                    id="path22"
+                    className={classes.whiteLine}
+                  />
+                  <path
+                    d="m 125.6,1004.8 c 0,0.1 0,0.2 -0.1,0.4 0,0.1 -0.1,0.2 -0.2,0.3 -0.1,0.1 -0.2,0.2 -0.3,0.2 -0.1,0 -0.2,0.1 -0.4,0.1 -0.1,0 -0.2,0 -0.4,-0.1 -0.2,-0.1 -0.2,-0.1 -0.3,-0.2 -0.1,-0.1 -0.2,-0.2 -0.2,-0.3 0,-0.1 -0.1,-0.2 -0.1,-0.4 0,-0.1 0,-0.2 0.1,-0.4 0,-0.1 0.1,-0.2 0.2,-0.3 0.1,-0.1 0.2,-0.2 0.3,-0.2 0.1,0 0.2,-0.1 0.4,-0.1 0.1,0 0.2,0 0.4,0.1 0.1,0 0.2,0.1 0.3,0.2 0.1,0.1 0.2,0.2 0.2,0.3 0,0.1 0.1,0.2 0.1,0.4 z m -0.3,0 c 0,-0.1 0,-0.2 0,-0.3 0,-0.1 -0.1,-0.2 -0.1,-0.2 -0.1,-0.1 -0.1,-0.1 -0.2,-0.1 -0.1,0 -0.2,0 -0.2,0 0,0 -0.2,0 -0.2,0 -0.1,0 -0.1,0.1 -0.2,0.1 -0.1,0.1 -0.1,0.1 -0.1,0.2 0,0.1 0,0.2 0,0.3 0,0.1 0,0.2 0,0.3 0,0.1 0.1,0.2 0.1,0.2 0.1,0.1 0.1,0.1 0.2,0.1 0.1,0 0.2,0 0.2,0 0.1,0 0.2,0 0.2,0 0,0 0.1,-0.1 0.2,-0.1 0.1,0 0.1,-0.1 0.1,-0.2 -0.1,-0.2 0,-0.3 0,-0.3 z"
+                    id="path24"
+                    className={classes.whiteLine}
+                  />
+                  <path
+                    d="m 126.4,1005.6 v -1.8 l 1.1,1.1 c 0,0 0.1,0.1 0.1,0.1 0,0 0.1,0.1 0.1,0.1 v -1.2 h 0.3 v 1.8 l -1.1,-1.1 c 0,0 -0.1,-0.1 -0.1,-0.1 0,0 -0.1,-0.1 -0.1,-0.1 v 1.2 z"
+                    id="path26"
+                    className={classes.whiteLine}
+                  />
+                  <path
+                    d="m 128.8,1005.3 0.2,-0.1 c 0,0.1 0.1,0.1 0.1,0.2 0.1,0 0.1,0.1 0.2,0.1 0.1,0 0.2,0 0.2,-0.1 0,0 0.1,-0.1 0.1,-0.2 0,-0.1 -0.1,-0.2 -0.3,-0.3 0,0 0,0 -0.1,0 -0.2,-0.1 -0.3,-0.2 -0.4,-0.3 -0.1,-0.1 -0.1,-0.2 -0.1,-0.3 0,-0.1 0,-0.3 0.1,-0.3 0.1,-0.1 0.2,-0.1 0.4,-0.1 0.1,0 0.2,0 0.3,0.1 0.1,0 0.1,0.1 0.2,0.2 l -0.2,0.1 c 0,-0.1 -0.1,-0.1 -0.1,-0.1 0,0 -0.1,0 -0.1,0 -0.1,0 -0.1,0 -0.2,0.1 0,0 -0.1,0.1 -0.1,0.2 0,0.1 0.1,0.2 0.3,0.3 0,0 0,0 0,0 0.2,0.1 0.3,0.2 0.4,0.2 0.1,0.1 0.1,0.2 0.1,0.3 0,0.2 -0.1,0.3 -0.2,0.4 -0.1,0.1 -0.2,0.1 -0.4,0.1 -0.2,0 -0.3,0 -0.4,-0.1 0,-0.2 0,-0.3 0,-0.4 z"
+                    id="path28"
+                    className={classes.whiteLine}
+                  />
+                  <path
+                    d="m 131.3,1004.1 v 1.5 h -0.3 v -1.5 h -0.5 v -0.2 h 1.2 v 0.2 z"
+                    id="path30"
+                    className={classes.whiteLine}
+                  />
+                  <path
+                    d="m 132.7,1004.8 v 0.8 h -0.3 v -1.8 h 0.4 c 0.1,0 0.2,0 0.3,0 0.1,0 0.1,0 0.2,0.1 0.1,0 0.1,0.1 0.1,0.2 0,0.1 0,0.1 0,0.2 0,0.1 0,0.3 -0.1,0.3 -0.1,0 -0.2,0.1 -0.3,0.1 l 0.6,0.8 h -0.3 z m 0,-0.2 v 0 c 0.2,0 0.3,0 0.4,-0.1 0,0 0.1,-0.1 0.1,-0.2 0,-0.1 0,-0.2 -0.1,-0.2 -0.1,0 -0.2,-0.1 -0.3,-0.1 h -0.1 z"
+                    id="path32"
+                    className={classes.whiteLine}
+                  />
+                  <path
+                    d="m 134.3,1003.9 h 0.3 v 1.1 c 0,0.2 0,0.3 0.1,0.4 0.1,0.1 0.2,0.1 0.3,0.1 0.1,0 0.3,0 0.3,-0.1 0,-0.1 0.1,-0.2 0.1,-0.4 v -1.1 h 0.3 v 1.1 c 0,0.2 -0.1,0.4 -0.2,0.5 -0.1,0.1 -0.3,0.2 -0.5,0.2 -0.2,0 -0.4,-0.1 -0.5,-0.2 -0.1,-0.1 -0.2,-0.3 -0.2,-0.5 z"
+                    id="path34"
+                    className={classes.whiteLine}
+                  />
+                  <path
+                    d="m 138.1,1004.3 c -0.1,-0.1 -0.2,-0.1 -0.3,-0.2 -0.1,0 -0.2,-0.1 -0.3,-0.1 -0.2,0 -0.3,0.1 -0.5,0.2 -0.1,0.1 -0.2,0.3 -0.2,0.5 0,0.2 0.1,0.3 0.2,0.5 0.1,0.1 0.3,0.2 0.4,0.2 0.1,0 0.2,0 0.3,-0.1 0.1,-0.1 0.2,-0.1 0.3,-0.2 v 0.3 c -0.1,0.1 -0.2,0.1 -0.3,0.1 -0.1,0 -0.2,0 -0.3,0 -0.1,0 -0.3,0 -0.4,-0.1 -0.1,-0.1 -0.2,-0.1 -0.3,-0.2 -0.1,-0.1 -0.2,-0.2 -0.2,-0.3 0,-0.1 -0.1,-0.2 -0.1,-0.4 0,-0.1 0,-0.3 0.1,-0.4 0,-0.1 0.1,-0.2 0.2,-0.3 0.1,-0.1 0.2,-0.2 0.3,-0.2 0.1,0 0.2,-0.1 0.4,-0.1 0.1,0 0.2,0 0.3,0 0.1,0 0.2,0.1 0.3,0.1 z"
+                    id="path36"
+                    className={classes.whiteLine}
+                  />
+                  <path
+                    d="m 139.5,1004.1 v 1.5 h -0.3 v -1.5 h -0.5 v -0.2 h 1.2 v 0.2 z"
+                    id="path38"
+                    className={classes.whiteLine}
+                  />
+                  <path
+                    d="m 140.7,1005.6 v -1.8 h 0.3 v 1.8 z"
+                    id="path40"
+                    className={classes.whiteLine}
+                  />
+                  <path
+                    d="m 143.7,1004.8 c 0,0.1 0,0.2 -0.1,0.4 0,0.1 -0.1,0.2 -0.2,0.3 -0.1,0.1 -0.2,0.2 -0.3,0.2 -0.1,0 -0.2,0.1 -0.4,0.1 -0.1,0 -0.2,0 -0.4,-0.1 -0.2,-0.1 -0.2,-0.1 -0.3,-0.2 -0.1,-0.1 -0.2,-0.2 -0.2,-0.3 0,-0.1 -0.1,-0.2 -0.1,-0.4 0,-0.1 0,-0.2 0.1,-0.4 0,-0.1 0.1,-0.2 0.2,-0.3 0.1,-0.1 0.2,-0.2 0.3,-0.2 0.1,0 0.2,-0.1 0.4,-0.1 0.1,0 0.2,0 0.4,0.1 0.1,0 0.2,0.1 0.3,0.2 0.1,0.1 0.2,0.2 0.2,0.3 0,0.1 0.1,0.2 0.1,0.4 z m -0.3,0 c 0,-0.1 0,-0.2 0,-0.3 0,-0.1 -0.1,-0.2 -0.1,-0.2 -0.1,-0.1 -0.1,-0.1 -0.2,-0.1 -0.1,0 -0.2,0 -0.2,0 0,0 -0.2,0 -0.2,0 -0.1,0 -0.1,0.1 -0.2,0.1 -0.1,0.1 -0.1,0.1 -0.1,0.2 0,0.1 0,0.2 0,0.3 0,0.1 0,0.2 0,0.3 0,0.1 0.1,0.2 0.1,0.2 0.1,0.1 0.1,0.1 0.2,0.1 0.1,0 0.2,0 0.2,0 0.1,0 0.2,0 0.2,0 0,0 0.1,-0.1 0.2,-0.1 0.1,0 0.1,-0.1 0.1,-0.2 0,-0.2 0,-0.3 0,-0.3 z"
+                    id="path42"
+                    className={classes.whiteLine}
+                  />
+                  <path
+                    d="m 144.5,1005.6 v -1.8 l 1.1,1.1 c 0,0 0.1,0.1 0.1,0.1 0,0 0.1,0.1 0.1,0.1 v -1.2 h 0.3 v 1.8 l -1.1,-1.1 c 0,0 -0.1,-0.1 -0.1,-0.1 0,0 -0.1,-0.1 -0.1,-0.1 v 1.2 z"
+                    id="path44"
+                    className={classes.whiteLine}
+                  />
+                </g>
+              </g>
+              <g id="g52" className={classes.whiteLine}>
+                <path
+                  d="m 118.1,1003.5 c -0.3,0.4 -0.7,0.7 -1.3,0.7 -0.8,0 -1.5,-0.7 -1.5,-1.5 0,-0.8 0.7,-1.5 1.5,-1.5 0.6,0 1.1,0.3 1.4,0.8 h 1.6 c -0.3,-1.3 -1.5,-2.3 -2.9,-2.3 -1.7,0 -3,1.3 -3,3 0,1.7 1.3,3 3,3 1.4,0 2.5,-0.9 2.9,-2.2 z"
+                  id="path50"
+                  className={classes.whiteLine}
+                />
+              </g>
+              <g id="g68" className={classes.whiteLine}>
+                <path
+                  d="m 106.8,1000.7 v 0.6 h 3.9 c 0.2,-0.1 0.3,-0.1 0.5,-0.1 v -0.5 z"
+                  id="path54"
+                  className={classes.whiteLine}
+                />
+                <path
+                  d="m 111.3,1000.1 v -0.4 h 0.1 c 0,0 0,0 0,0 h -4.5 v 0.4 z"
+                  id="path56"
+                  className={classes.whiteLine}
+                />
+                <path
+                  d="m 111.5,999.7 v 1.5 c 0.7,0.1 1.3,0.7 1.3,1.5 0,0.8 -0.6,1.4 -1.3,1.5 v 1.5 c 0.5,0 0.9,-0.2 1.3,-0.4 v 0.4 h 1.5 v -3 c 0,-1.6 -1.3,-2.9 -2.8,-3 z"
+                  id="path58"
+                  className={classes.whiteLine}
+                />
+                <path
+                  d="m 109.8,1002.4 c 0,-0.2 0.1,-0.4 0.2,-0.6 h -3.2 v 0.6 z"
+                  id="path60"
+                  className={classes.whiteLine}
+                />
+                <path
+                  d="m 111.3,1005.7 v -0.4 h -4.5 v 0.4 h 4.5 c 0,0 0,0 0,0 z"
+                  id="path62"
+                  className={classes.whiteLine}
+                />
+                <path
+                  d="m 111.3,1004.7 v -0.5 c -0.2,0 -0.4,0 -0.5,-0.1 h -3.9 v 0.6 z"
+                  id="path64"
+                  className={classes.whiteLine}
+                />
+                <path
+                  d="m 110,1003.5 c -0.1,-0.2 -0.2,-0.4 -0.2,-0.6 h -3 v 0.6 z"
+                  id="path66"
+                  className={classes.whiteLine}
+                />
+              </g>
+              <g id="g82" className={classes.whiteLine}>
+                <polygon
+                  points="105.3,999.4 105.3,1000 106.5,1001.2 106.5,1000.7 "
+                  id="polygon70"
+                  className={classes.whiteLine}
+                />
+                <polygon
+                  points="105.3,998.4 105.3,998.8 106.5,1000.1 106.5,999.7 "
+                  id="polygon72"
+                  className={classes.whiteLine}
+                />
+                <polygon
+                  points="105.3,1000.5 105.3,1001.1 106.5,1002.4 106.5,1001.8 "
+                  id="polygon74"
+                  className={classes.whiteLine}
+                />
+                <polygon
+                  points="105.3,1003.9 105.3,1004.4 106.5,1005.7 106.5,1005.2 "
+                  id="polygon76"
+                  className={classes.whiteLine}
+                />
+                <polygon
+                  points="105.3,1002.8 105.3,1003.4 106.5,1004.7 106.5,1004.1 "
+                  id="polygon78"
+                  className={classes.whiteLine}
+                />
+                <polygon
+                  points="105.3,1001.7 105.3,1002.2 106.5,1003.5 106.5,1003 "
+                  id="polygon80"
+                  className={classes.whiteLine}
+                />
+              </g>
+            </g>
+          </g>
+          <g id="g108" className={classes.whiteLine}>
+            <g id="g106" className={classes.whiteLine}>
+              <g id="g92" className={classes.whiteLine}>
+                <path
+                  d="m 64.8,1020.1 0.4,-0.7 h 1.4 v 6.4 h -0.8 v -5.6 h -1 z"
+                  id="path88"
+                  className={classes.whiteLine}
+                />
+                <path
+                  d="m 66.8,1025.8 h -1 v -5.6 h -1.2 l 0.6,-1 h 1.6 z m -0.7,-0.2 h 0.5 v -6.1 h -1.2 l -0.4,0.5 h 1 v 5.6 z"
+                  id="path90"
+                  className={classes.whiteLine}
+                />
+              </g>
+              <g id="g98" className={classes.whiteLine}>
+                <path
+                  d="m 68.3,1057.3 v 0.7 h -4.1 l 2.8,-3.4 c 0.3,-0.3 0.6,-0.7 0.6,-1.1 0,-0.7 -0.6,-1.2 -1.2,-1.2 -0.6,0 -1.2,0.5 -1.2,1.2 h -0.8 c 0.1,-1.1 0.9,-1.9 2,-1.9 1.1,0 2,0.8 2,1.9 0,0.5 -0.2,0.9 -0.5,1.3 l -2.1,2.6 h 2.5 z"
+                  id="path94"
+                  className={classes.whiteLine}
+                />
+                <path
+                  d="m 68.4,1058.1 h -4.5 l 2.9,-3.6 c 0.3,-0.3 0.5,-0.7 0.5,-1.1 0,-0.6 -0.5,-1.1 -1.1,-1.1 -0.6,0 -1.1,0.5 -1.1,1 v 0.1 h -1 v -0.1 c 0.1,-1.2 1,-2 2.1,-2 1.2,0 2.1,0.9 2.1,2 0,0.5 -0.2,1 -0.5,1.4 l -1.9,2.3 h 2.4 v 1.1 z m -4,-0.2 h 3.7 v -0.5 h -2.7 l 2.3,-2.8 c 0.3,-0.3 0.4,-0.8 0.4,-1.2 0,-1 -0.8,-1.8 -1.9,-1.8 -1,0 -1.7,0.6 -1.9,1.6 h 0.5 c 0.1,-0.7 0.7,-1.2 1.3,-1.2 0.7,0 1.4,0.6 1.4,1.3 0,0.5 -0.3,0.8 -0.6,1.2 z"
+                  id="path96"
+                  className={classes.whiteLine}
+                />
+              </g>
+              <g id="g104" className={classes.whiteLine}>
+                <path
+                  d="m 66.1,1086.6 c 0.7,0 1.2,-0.3 1.2,-1 0,-0.6 -0.5,-1.1 -1.1,-1.1 -0.6,0 -1,0.4 -1.1,0.9 h -0.8 c 0.2,-1 0.8,-1.6 1.9,-1.6 1,0 1.8,0.6 1.8,1.7 0,0.6 -0.3,1.1 -0.8,1.4 0.6,0.3 0.9,0.9 0.9,1.6 0,1.2 -0.9,1.9 -2,1.9 -1,0 -1.9,-0.7 -1.9,-1.7 h 0.8 c 0.1,0.6 0.6,1 1.2,1 0.7,0 1.2,-0.6 1.2,-1.2 0,-0.8 -0.6,-1.3 -1.3,-1.2 z"
+                  id="path100"
+                  className={classes.whiteLine}
+                />
+                <path
+                  d="m 66.2,1090.6 c -1.1,0 -2,-0.8 -2.1,-1.8 v -0.1 h 1 v 0.1 c 0.1,0.5 0.5,0.9 1.1,0.9 0.6,0 1.1,-0.5 1.1,-1.1 0,-0.4 -0.1,-0.6 -0.3,-0.8 -0.2,-0.2 -0.5,-0.3 -0.9,-0.3 h -0.1 v -0.9 h 0.1 c 0.7,0 1.1,-0.3 1.1,-0.9 0,-0.6 -0.4,-1 -1,-1 -0.5,0 -0.9,0.3 -0.9,0.8 v 0.1 h -1 v -0.1 c 0.2,-1.1 0.9,-1.7 2,-1.7 1.1,0 2,0.8 2,1.8 0,0.6 -0.2,1.1 -0.7,1.4 0.5,0.3 0.8,0.9 0.8,1.6 -0.1,1.1 -1,2 -2.2,2 z m -1.8,-1.7 c 0.1,1 1,1.5 1.8,1.5 1.1,0 1.9,-0.7 1.9,-1.8 0,-0.7 -0.3,-1.2 -0.8,-1.5 l -0.3,-0.1 0.2,-0.1 c 0.5,-0.3 0.7,-0.7 0.7,-1.3 0,-0.9 -0.7,-1.6 -1.7,-1.6 -0.9,0 -1.5,0.5 -1.7,1.4 h 0.5 c 0.1,-0.6 0.6,-0.9 1.2,-0.9 0.7,0 1.2,0.5 1.2,1.2 0,0.7 -0.4,1.1 -1.2,1.1 v 0.4 c 0.4,0 0.7,0.1 0.9,0.3 0.3,0.2 0.4,0.6 0.4,1 0,0.8 -0.6,1.4 -1.3,1.4 -0.7,0 -1.2,-0.4 -1.3,-1 z"
+                  id="path102"
+                  className={classes.whiteLine}
+                />
+              </g>
+            </g>
+          </g>
+          <polygon
+            points="84.2,1015.2 72.3,1121.2 71.3,1121.1 83.2,1015.2 69.3,990 70.1,989.5 84.3,1015 "
+            id="polygon110"
+            className={classes.whiteLine}
+          />
+          <g id="g156" className={classes.whiteLine}>
+            <g id="g136" className={classes.whiteLine}>
+              <g id="g134" className={classes.whiteLine}>
+                <path
+                  d="m 94.4,1060.8 0.6,-0.3 c 0.1,0.2 0.2,0.4 0.3,0.5 0.2,0.1 0.3,0.2 0.6,0.2 0.2,0 0.4,-0.1 0.5,-0.2 0.1,-0.1 0.2,-0.3 0.2,-0.5 0,-0.3 -0.2,-0.5 -0.7,-0.7 -0.1,0 -0.1,-0.1 -0.1,-0.1 -0.5,-0.2 -0.9,-0.5 -1,-0.7 -0.2,-0.2 -0.3,-0.5 -0.3,-0.7 0,-0.4 0.1,-0.7 0.4,-0.9 0.3,-0.2 0.6,-0.4 1,-0.4 0.3,0 0.6,0.1 0.9,0.2 0.2,0.1 0.4,0.3 0.5,0.6 l -0.6,0.3 c -0.1,-0.1 -0.2,-0.3 -0.3,-0.3 -0.1,-0.1 -0.2,-0.1 -0.4,-0.1 -0.2,0 -0.4,0.1 -0.5,0.2 -0.1,0.1 -0.2,0.2 -0.2,0.4 0,0.3 0.3,0.5 0.8,0.8 0,0 0.1,0 0.1,0 0.5,0.2 0.8,0.4 0.9,0.6 0.2,0.2 0.3,0.5 0.3,0.8 0,0.4 -0.1,0.8 -0.4,1 -0.3,0.3 -0.7,0.4 -1.1,0.4 -0.4,0 -0.7,-0.1 -1,-0.3 -0.2,-0.2 -0.4,-0.4 -0.5,-0.8 z"
+                  id="path112"
+                  className={classes.whiteLine}
+                />
+                <path
+                  d="m 100,1061.8 v -4.7 h 0.8 v 4.7 z"
+                  id="path114"
+                  className={classes.whiteLine}
+                />
+                <path
+                  d="m 105,1057.7 v 4 h -0.8 v -4 h -1.2 v -0.6 h 3.2 v 0.6 z"
+                  id="path116"
+                  className={classes.whiteLine}
+                />
+                <path
+                  d="m 108.5,1061.8 v -4.7 h 2.6 v 0.6 h -1.8 v 1.2 h 1.8 v 0.7 h -1.8 v 1.5 h 1.8 v 0.7 z"
+                  id="path118"
+                  className={classes.whiteLine}
+                />
+                <path
+                  d="m 121.1,1059.5 c 0,0 0,-0.1 0,-0.3 0,-0.1 0,-0.2 0,-0.3 0,0.1 0,0.2 -0.1,0.3 0,0.1 -0.1,0.2 -0.1,0.3 l -1.2,2.5 -1.2,-2.5 c -0.1,-0.1 -0.1,-0.2 -0.1,-0.3 0,-0.1 -0.1,-0.2 -0.1,-0.3 0,0.1 0,0.2 0,0.3 0,0.1 0,0.2 -0.1,0.3 l -0.5,2.3 h -0.7 l 1.1,-4.9 1.4,2.9 c 0,0 0.1,0.1 0.1,0.2 0,0.1 0.1,0.2 0.2,0.4 0,-0.1 0.1,-0.3 0.2,-0.5 0,-0.1 0,-0.1 0.1,-0.1 l 1.3,-2.9 1.1,4.9 h -0.7 z"
+                  id="path120"
+                  className={classes.whiteLine}
+                />
+                <path
+                  d="m 127.7,1061.8 -0.5,-1.2 h -1.8 l -0.5,1.2 h -0.9 l 2.3,-4.8 2.2,4.8 z m -2.1,-1.9 h 1.3 l -0.5,-1.1 c 0,-0.1 -0.1,-0.1 -0.1,-0.2 0,-0.1 -0.1,-0.2 -0.1,-0.3 0,0.1 -0.1,0.2 -0.1,0.3 0,0.1 -0.1,0.2 -0.1,0.2 z"
+                  id="path122"
+                  className={classes.whiteLine}
+                />
+                <path
+                  d="m 130.6,1061.8 v -4.8 l 3,2.8 c 0.1,0.1 0.2,0.2 0.2,0.3 0.1,0.1 0.2,0.2 0.3,0.3 v -3.2 h 0.7 v 4.8 l -3,-2.9 c -0.1,-0.1 -0.2,-0.2 -0.2,-0.2 0,0 -0.1,-0.2 -0.2,-0.3 v 3.2 z"
+                  id="path124"
+                  className={classes.whiteLine}
+                />
+                <path
+                  d="m 140.6,1061.8 -0.5,-1.2 h -1.8 l -0.5,1.2 h -0.8 l 2.3,-4.8 2.2,4.8 z m -2.1,-1.9 h 1.3 l -0.5,-1.1 c 0,-0.1 -0.1,-0.1 -0.1,-0.2 0,-0.1 -0.1,-0.2 -0.1,-0.3 0,0.1 -0.1,0.2 -0.1,0.3 0,0.1 -0.1,0.2 -0.1,0.2 z"
+                  id="path126"
+                  className={classes.whiteLine}
+                />
+                <path
+                  d="m 146,1059.4 h 1.8 c 0,0 0,0.1 0,0.1 0,0.2 0,0.3 0,0.3 0,0.7 -0.2,1.2 -0.6,1.5 -0.4,0.3 -0.9,0.5 -1.6,0.5 -0.4,0 -0.7,-0.1 -1,-0.2 -0.3,-0.1 -0.6,-0.3 -0.8,-0.5 -0.2,-0.2 -0.4,-0.5 -0.5,-0.8 -0.1,-0.3 -0.2,-0.6 -0.2,-1 0,-0.4 0.1,-0.7 0.2,-1 0.1,-0.3 0.3,-0.6 0.5,-0.8 0.2,-0.2 0.5,-0.4 0.8,-0.5 0.3,-0.1 0.6,-0.2 1,-0.2 0.4,0 0.7,0.1 1,0.2 0.3,0.1 0.5,0.3 0.8,0.6 l -0.6,0.4 c -0.2,-0.2 -0.3,-0.3 -0.5,-0.4 -0.2,-0.1 -0.4,-0.1 -0.7,-0.1 -0.5,0 -0.9,0.2 -1.2,0.5 -0.3,0.3 -0.5,0.7 -0.5,1.3 0,0.5 0.2,1 0.5,1.3 0.3,0.3 0.7,0.5 1.2,0.5 0.4,0 0.8,-0.1 1,-0.3 0.2,-0.2 0.4,-0.5 0.4,-0.8 v -0.1 h -1 z"
+                  id="path128"
+                  className={classes.whiteLine}
+                />
+                <path
+                  d="m 150.3,1061.8 v -4.7 h 2.6 v 0.6 h -1.8 v 1.2 h 1.8 v 0.7 h -1.8 v 1.5 h 1.8 v 0.7 z"
+                  id="path130"
+                  className={classes.whiteLine}
+                />
+                <path
+                  d="m 156.2,1059.7 v 2.1 h -0.7 v -4.7 h 1.1 c 0.3,0 0.5,0 0.7,0.1 0.2,0 0.3,0.1 0.4,0.2 0.1,0.1 0.3,0.3 0.3,0.4 0,0.1 0.1,0.4 0.1,0.6 0,0.4 -0.1,0.7 -0.3,0.9 -0.2,0.2 -0.4,0.3 -0.8,0.4 l 1.6,2.1 h -0.9 z m 0.1,-0.6 h 0.1 c 0.4,0 0.7,0 0.8,-0.1 0.1,-0.1 0.2,-0.3 0.2,-0.5 0,-0.3 -0.1,-0.4 -0.2,-0.5 -0.1,-0.1 -0.4,-0.2 -0.8,-0.2 h -0.1 z"
+                  id="path132"
+                  className={classes.whiteLine}
+                />
+              </g>
+            </g>
+            <g id="g152" className={classes.whiteLine}>
+              <path
+                d="m 107,1043.6 7.5,7.8 v -7.4 h 1.2 v 10.4 l -7.5,-7.8 v 7.4 h -1.2 z"
+                id="path138"
+                className={classes.whiteLine}
+              />
+              <path
+                d="m 118.9,1051.1 c 0,1.1 0.7,2.1 1.9,2.1 0.9,0 1.4,-0.5 1.9,-1.2 l 1,0.6 c -0.6,1.1 -1.7,1.7 -2.9,1.7 -1.9,0 -3,-1.4 -3,-3.3 0,-1.9 1,-3.3 3,-3.3 2,0 2.9,1.5 2.9,3.3 v 0.2 h -4.8 z m 3.5,-0.9 c -0.1,-0.9 -0.8,-1.5 -1.7,-1.5 -0.9,0 -1.6,0.7 -1.8,1.5 z"
+                id="path140"
+                className={classes.whiteLine}
+              />
+              <path
+                d="m 125,1047.8 h 1.4 l 1.5,2 1.6,-2 h 1.4 l -2.3,2.8 2.7,3.4 h -1.4 l -2,-2.5 -2,2.5 h -1.4 l 2.8,-3.4 z"
+                id="path142"
+                className={classes.whiteLine}
+              />
+              <path
+                d="m 133.8,1047.8 v 3.4 c 0,1 0.3,1.9 1.4,1.9 1.1,0 1.4,-0.9 1.4,-1.9 v -3.4 h 1.2 v 3.6 c 0,1.7 -0.8,2.8 -2.6,2.8 -1.8,0 -2.6,-1.2 -2.6,-2.8 v -3.6 z"
+                id="path144"
+                className={classes.whiteLine}
+              />
+              <path
+                d="m 142.8,1049.2 c -0.1,-0.3 -0.5,-0.5 -0.8,-0.5 -0.3,0 -0.6,0.3 -0.6,0.6 0,0.5 0.7,0.8 1.4,1.1 0.7,0.3 1.4,0.8 1.4,1.8 0,1.2 -1,2.1 -2.1,2.1 -0.9,0 -1.8,-0.5 -2.1,-1.4 l 1,-0.5 c 0.3,0.5 0.6,0.8 1.1,0.8 0.5,0 0.9,-0.3 0.9,-0.9 0,-0.3 -0.2,-0.5 -0.4,-0.7 l -1.2,-0.6 c -0.7,-0.4 -1.2,-0.7 -1.2,-1.6 0,-1 0.8,-1.8 1.8,-1.8 0.8,0 1.4,0.4 1.7,1.1 z"
+                id="path146"
+                className={classes.whiteLine}
+              />
+              <path
+                d="m 150.7,1045.9 c -0.4,-0.6 -0.8,-0.9 -1.6,-0.9 -0.8,0 -1.7,0.5 -1.7,1.4 0,0.8 0.8,1.2 1.4,1.4 l 0.7,0.3 c 1.4,0.6 2.5,1.3 2.5,3 0,1.8 -1.4,3.1 -3.2,3.1 -1.6,0 -2.9,-1.2 -3.1,-2.8 l 1.3,-0.3 c 0,1.1 0.9,1.9 1.9,1.9 1.1,0 1.8,-0.9 1.8,-1.9 0,-1.1 -0.9,-1.5 -1.7,-1.9 l -0.7,-0.3 c -1.1,-0.5 -2.2,-1.1 -2.2,-2.5 0,-1.6 1.4,-2.6 2.9,-2.6 1.1,0 2,0.5 2.6,1.5 z"
+                id="path148"
+                className={classes.whiteLine}
+              />
+              <path
+                d="m 156.9,1054 h -1.2 v -8.8 h -2.4 v -1.1 h 6 v 1.1 h -2.4 z"
+                id="path150"
+                className={classes.whiteLine}
+              />
+            </g>
+            <path
+              d="m 103.1,1043.6 h -7.5 c -0.8,0 -1.5,0.7 -1.5,1.5 v 7.5 c 0,0.8 0.7,1.5 1.5,1.5 h 7.5 c 0.8,0 1.5,-0.7 1.5,-1.5 v -7.5 c 0,-0.9 -0.7,-1.5 -1.5,-1.5 z m -5.2,5.3 v 5.1 h -0.8 v -5.1 c -0.3,-0.1 -0.4,-0.4 -0.4,-0.7 0,-0.5 0.4,-0.8 0.8,-0.8 0.5,0 0.8,0.4 0.8,0.8 0.1,0.3 -0.1,0.6 -0.4,0.7 z m 3.3,1.3 c -0.5,0 -0.8,-0.4 -0.8,-0.8 0,-0.3 0.2,-0.6 0.4,-0.7 v -5.1 h 0.8 v 5.1 c 0.3,0.1 0.4,0.4 0.4,0.7 0.1,0.4 -0.3,0.8 -0.8,0.8 z"
+              id="path154"
+              className={classes.whiteLine}
+            />
+          </g>
+          <g id="g172" className={classes.whiteLine}>
+            <g id="g170" className={classes.whiteLine}>
+              <g id="g162" className={classes.whiteLine}>
+                <path
+                  d="m 143.8,1109.4 c -0.4,-0.4 -1,-0.6 -1.5,-0.6 -1.3,0 -2.3,1.1 -2.3,2.4 0,1.3 1,2.4 2.3,2.4 0.6,0 1.1,-0.2 1.6,-0.6 v 0.9 c -0.4,0.3 -1,0.4 -1.5,0.4 -1.7,0 -3,-1.3 -3,-3 0,-1.7 1.4,-3.1 3.1,-3.1 0.5,0 1,0.1 1.5,0.4 v 0.8 z"
+                  id="path158"
+                  className={classes.whiteLine}
+                />
+                <path
+                  d="m 142.3,1114.4 c -1.7,0 -3.2,-1.4 -3.2,-3.1 0,-1.8 1.4,-3.2 3.2,-3.2 0.6,0 1.1,0.1 1.5,0.4 h 0.1 v 1.2 l -0.2,-0.2 c -0.4,-0.3 -0.9,-0.5 -1.5,-0.5 -1.2,0 -2.2,1 -2.2,2.3 0,1.2 1,2.2 2.2,2.2 0.5,0 1.1,-0.2 1.5,-0.6 l 0.2,-0.2 v 1.2 h -0.1 c -0.4,0.3 -1,0.5 -1.5,0.5 z m 0,-6.1 c -1.7,0 -3,1.3 -3,2.9 0,1.6 1.3,2.9 2.9,2.9 0.5,0 1,-0.1 1.4,-0.4 v -0.5 c -0.4,0.3 -0.9,0.5 -1.4,0.5 -1.3,0 -2.4,-1.1 -2.4,-2.5 0,-1.4 1.1,-2.5 2.4,-2.5 0.5,0 1,0.2 1.4,0.4 v -0.5 c -0.3,-0.2 -0.8,-0.3 -1.3,-0.3 z"
+                  id="path160"
+                  className={classes.whiteLine}
+                />
+              </g>
+              <g id="g168" className={classes.whiteLine}>
+                <path
+                  d="m 145.5,1109 0.4,-0.7 h 1.3 v 5.8 h -0.7 v -5.2 h -1 z"
+                  id="path164"
+                  className={classes.whiteLine}
+                />
+                <path
+                  d="m 147.4,1114.3 h -0.9 v -5.2 h -1.1 l 0.6,-0.9 h 1.5 v 6.1 z m -0.7,-0.3 h 0.4 v -5.6 h -1.1 l -0.3,0.4 h 0.9 v 5.2 z"
+                  id="path166"
+                  className={classes.whiteLine}
+                />
+              </g>
+            </g>
+          </g>
+          <g id="g190" className={classes.whiteLine}>
+            <g id="g180" className={classes.whiteLine}>
+              <g id="g178" className={classes.whiteLine}>
+                <path
+                  d="m 103.2,1108.2 c 0.6,0.3 1,0.7 1.3,1.2 0.3,0.5 0.5,1.1 0.5,1.8 0,0.9 -0.3,1.7 -1,2.4 -0.7,0.7 -1.5,1 -2.5,1 -1,0 -1.8,-0.3 -2.4,-1 -0.6,-0.7 -1,-1.5 -1,-2.4 0,-0.7 0.2,-1.3 0.5,-1.8 0.3,-0.5 0.8,-0.9 1.3,-1.2 v 0.8 c -0.8,0.6 -1.2,1.3 -1.2,2.3 0,0.7 0.3,1.4 0.8,1.9 0.5,0.5 1.2,0.8 1.9,0.8 0.8,0 1.5,-0.2 2,-0.8 0.6,-0.6 0.9,-1.2 0.9,-2 0,-0.5 -0.1,-0.9 -0.4,-1.3 -0.2,-0.4 -0.5,-0.7 -0.9,-1 v -0.7 z"
+                  id="path174"
+                  className={classes.whiteLine}
+                />
+                <path
+                  d="m 101.6,1114.8 c -1,0 -1.9,-0.4 -2.5,-1.1 -0.7,-0.7 -1,-1.5 -1,-2.5 0,-0.7 0.2,-1.3 0.5,-1.9 0.3,-0.5 0.8,-1 1.4,-1.3 l 0.2,-0.1 v 1 h -0.1 c -0.8,0.5 -1.2,1.3 -1.1,2.2 0,0.7 0.3,1.3 0.8,1.8 0.5,0.5 1.1,0.8 1.8,0.8 0.7,0 1.4,-0.2 1.9,-0.8 0.5,-0.5 0.8,-1.2 0.8,-1.9 0,-0.4 -0.1,-0.8 -0.3,-1.3 -0.2,-0.4 -0.5,-0.7 -0.8,-0.9 h -0.1 v -1 l 0.2,0.1 c 0.6,0.3 1.1,0.7 1.4,1.3 0.3,0.5 0.5,1.2 0.5,1.8 0,1 -0.3,1.8 -1.1,2.5 -0.7,0.9 -1.5,1.3 -2.5,1.3 z m -1.7,-6.4 c -0.4,0.3 -0.8,0.6 -1.1,1.1 -0.3,0.5 -0.5,1.1 -0.5,1.7 0,0.9 0.3,1.7 0.9,2.3 0.6,0.6 1.4,1 2.4,1 0.9,0 1.7,-0.3 2.4,-1 0.7,-0.6 1,-1.4 1,-2.3 0,-0.6 -0.2,-1.2 -0.5,-1.7 -0.3,-0.4 -0.6,-0.8 -1.1,-1.1 v 0.5 c 0.3,0.2 0.6,0.6 0.8,1 0.2,0.4 0.4,0.9 0.4,1.4 0,0.8 -0.3,1.5 -0.9,2.1 -0.6,0.6 -1.3,0.9 -2.1,0.8 -0.8,0 -1.5,-0.3 -2,-0.9 -0.6,-0.6 -0.8,-1.2 -0.8,-2 0,-1 0.4,-1.8 1.2,-2.4 v -0.5 z"
+                  id="path176"
+                  className={classes.whiteLine}
+                />
+              </g>
+            </g>
+            <g id="g188" className={classes.whiteLine}>
+              <g id="g186" className={classes.whiteLine}>
+                <rect
+                  x="101.3"
+                  y="1106.8"
+                  width="0.69999999"
+                  height="4.5"
+                  id="rect182"
+                  className={classes.whiteLine}
+                />
+                <path
+                  d="m 102,1111.4 h -0.9 v -4.7 h 0.9 z m -0.6,-0.3 h 0.4 v -4.2 h -0.4 z"
+                  id="path184"
+                  className={classes.whiteLine}
+                />
+              </g>
+            </g>
+          </g>
+          <path
+            d="m 183.5,1121.2 h -120.8 c -3.1,0 -5.6,-2.5 -5.6,-5.6 v -120.8 c 0,-3.1 2.5,-5.6 5.6,-5.6 h 120.7 c 3.1,0 5.6,2.5 5.6,5.6 v 120.7 c 0.1,3.2 -2.4,5.7 -5.5,5.7 z m -120.8,-131 c -2.6,0 -4.6,2.1 -4.6,4.6 v 120.7 c 0,2.6 2.1,4.6 4.6,4.6 h 120.7 c 2.6,0 4.6,-2.1 4.6,-4.6 v -120.7 c 0,-2.6 -2.1,-4.6 -4.6,-4.6 z"
+            id="path192"
+            className={classes.whiteLine}
+          />
+        </g>
+        {/* CONFIGURABLE PIN PORTS */}
+        {/* PORT 1 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 4,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "1",
+              autoDetectable: true
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="16"
+          cy="56"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+        {/* PORT 2 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 8,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "2",
+              autoDetectable: true
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="16"
+          cy="110"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+        {/* PORT 3 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 16,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "3",
+              autoDetectable: true
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="16"
+          cy="165"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+        {/* PORT C1 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 512,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "C1",
+              autoDetectable: false
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="147"
+          cy="206"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+      </svg>
+    );
+  };
+
+  const bindaptV2Monitor = () => {
+    return (
+      <svg version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 146.77 152.27">
+        <rect
+          className={classes.boxBorder}
+          x=".5"
+          y=".5"
+          width="145.77"
+          height="151.27"
+          rx="7.28"
+          ry="7.28"
+        />
+        <g>
+          <g>
+            <g>
+              <path
+                className={classes.whiteLine}
+                d="M63.13,64.95s-.06-.02-.09-.04l-1.28-.79v1.61h.33c.38,0,.72-.01,1.03-.02v-.76Z"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M64.79,64.12l-1.28.79s-.06.03-.09.04v.75c.45-.03.82-.08,1.1-.14.09-.02.18-.05.27-.07v-1.36Z"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M67.12,59.55c-.28-.58-.68-1.06-1.21-1.43-.41-.29-.88-.49-1.43-.61s-1.46-.18-2.77-.18h-1.75v8.4h1.51v-5.39c0-.15.08-.3.21-.38l1.36-.84c.14-.09.33-.09.47,0l1.36.84c.13.08.21.22.21.38v.14h0v3.21s0,0,0,0v1.69c.3-.11.58-.26.83-.43.53-.37.94-.85,1.21-1.43s.41-1.24.41-1.98-.14-1.4-.41-1.98Z"
+              />
+            </g>
+            <g>
+              <path
+                className={classes.whiteLine}
+                d="M81.88,58.9c-.16-.38-.4-.71-.71-.96-.26-.22-.59-.38-.96-.47s-1.04-.14-1.97-.14h-2.39v6.14l.77,2.27h1.37v-2.77h.8c.71,0,1.22-.04,1.54-.12s.6-.21.84-.4c.31-.24.55-.56.71-.94s.24-.82.24-1.32c0-.47-.08-.9-.24-1.28ZM79.58,60.89c-.22.15-.6.23-1.15.23h-.44v-1.97h.46c.54,0,.92.07,1.14.22s.32.4.32.75-.11.62-.33.77Z"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M81.59,57.33s.08.06.12.09c.36.3.63.67.82,1.12.1.24.18.5.22.78h1.04v6.42h2.29v-6.42h1.88v-1.99h-6.38Z"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M39.87,65.73v-8.4h2.3c.95,0,1.61.03,1.99.09s.7.17.97.32c.31.17.55.4.71.69s.24.62.24,1c0,.48-.12.86-.36,1.14s-.63.49-1.16.64c.6.05,1.06.26,1.4.63s.51.87.51,1.5c0,.45-.09.84-.28,1.18s-.46.6-.81.79c-.29.15-.64.26-1.06.33s-1.11.1-2.07.1h-2.37ZM41.99,60.69h.46c.57,0,.95-.06,1.17-.19s.32-.34.32-.65-.1-.54-.3-.67-.58-.19-1.15-.19h-.49v1.69ZM41.99,64.02h.8c.54,0,.93-.07,1.15-.2s.34-.36.34-.68c0-.35-.1-.6-.31-.74s-.59-.21-1.15-.21h-.84v1.83Z"
+              />
+              <path className={classes.whiteLine} d="M47.2,65.73v-8.4h2.31v8.4h-2.31Z" />
+              <path
+                className={classes.whiteLine}
+                d="M50.65,65.73v-8.4h2.21l3.17,4.32c.06.09.16.27.3.53s.29.58.46.95c-.05-.35-.08-.66-.1-.93s-.03-.51-.03-.72v-4.15h2.2v8.4h-2.2l-3.17-4.34c-.07-.09-.17-.27-.31-.53s-.29-.58-.46-.94c.05.35.08.66.1.94s.03.51.03.72v4.15h-2.21Z"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M67.07,65.73l2.9-8.4h2.87l2.9,8.4h-2.28l-.42-1.5h-3.25l-.44,1.5h-2.28ZM70.28,62.59h2.28l-.86-2.77c-.03-.08-.06-.22-.11-.41s-.11-.43-.18-.72c-.05.21-.1.4-.15.59s-.1.37-.15.54l-.84,2.77Z"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M87.53,54.98h4.72v1.27h-4.72v-1.27ZM90.57,53.26v4.71h-1.35v-4.71h1.35Z"
+              />
+            </g>
+          </g>
+          <g>
+            <path
+              className={classes.whiteLine}
+              d="M98.03,65.73h-6.28l3.69-4.37c.22-.27.39-.51.5-.72.11-.22.16-.42.16-.6,0-.29-.09-.52-.27-.71-.18-.18-.42-.27-.72-.27-.35,0-.62.11-.81.34-.19.22-.28.55-.28.98v.1h-1.98v-.06c0-.93.27-1.67.82-2.2s1.29-.8,2.23-.8,1.66.24,2.2.71c.55.48.82,1.11.82,1.9,0,.39-.09.76-.26,1.13s-.46.77-.85,1.2l-1.48,1.64h2.52v1.75Z"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M98.7,64.81c0-.32.11-.59.32-.8s.48-.33.8-.33.6.11.82.33c.22.22.33.49.33.8s-.11.59-.33.81-.49.33-.81.33-.58-.11-.8-.33c-.22-.22-.33-.49-.33-.81Z"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M107.64,61.76c0,1.3-.28,2.33-.83,3.07-.55.75-1.31,1.12-2.28,1.12s-1.73-.38-2.28-1.14c-.56-.76-.83-1.8-.83-3.13s.28-2.37.83-3.12,1.32-1.14,2.28-1.14,1.75.38,2.29,1.14c.55.76.82,1.83.82,3.2ZM103.49,61.68c0,.9.08,1.56.25,1.97s.43.62.8.62.62-.21.78-.62.25-1.07.25-1.97-.08-1.54-.25-1.96-.43-.63-.78-.63-.63.21-.8.62-.25,1.07-.25,1.98Z"
+            />
+          </g>
+        </g>
+        <path
+          className={classes.grayLine}
+          d="M144.2,83.68l-14.7-9.08c-1.73-1.07-3.88-1.07-5.61,0l-14.7,9.08c-1.58.98-2.53,2.67-2.53,4.54v4.09l-3.07-1.9c-1.53-.95-3.44-.95-4.97,0l-12.88,7.96c-1.41.87-2.25,2.37-2.25,4.03v4.05l-3.29-2.04c-1.39-.86-3.13-.86-4.53,0l-11.58,7.15c-1.28.79-2.04,2.16-2.04,3.66v36.89h3.47v-1.72c0-.86.7-1.57,1.57-1.57h7.54c.86,0,1.57.7,1.57,1.57v1.72h3.47v-1.72c0-.86.7-1.57,1.57-1.57h2.26v3.29h3.75v-3.29h1.54c.86,0,1.57.7,1.57,1.57v1.72h3.47v-12.4h3.61c.99,0,1.8.81,1.8,1.8v10.61h3.75v-10.61c0-.99.81-1.8,1.8-1.8h1.89v12.4h4.14v-12.4h2.36c.99,0,1.8.81,1.8,1.8v10.61h3.75v-21.36h3.79c1.17,0,2.12.95,2.12,2.12v19.23h4.14v-19.23c0-1.17.95-2.12,2.12-2.12h9.58c1.17,0,2.12.95,2.12,2.12v18.27l1.49-1.01.25-.21c.14-.13.26-.26.43-.46l.09-.12c.34-.49.63-1,.91-1.49.29-.51.56-1,.89-1.46l.09-.13v-58.04c0-1.86-.95-3.56-2.53-4.54ZM81.24,147.82c-1.42,0-2.57,1.15-2.57,2.57v.72h-1.47v-.72c0-1.42-1.15-2.57-2.57-2.57h-7.54c-1.42,0-2.57,1.15-2.57,2.57v.72h-1.47v-35.89c0-1.15.59-2.21,1.57-2.81l11.58-7.15c1.07-.66,2.4-.66,3.48,0l3.82,2.36v40.21h-2.26ZM92.83,151.11h-1.47v-.72c0-1.42-1.15-2.57-2.57-2.57h-1.54v-6.32c0-.99.81-1.8,1.8-1.8h3.78v11.4ZM104.78,138.71c-1.54,0-2.8,1.25-2.8,2.8v9.61h-1.75v-9.61c0-1.54-1.25-2.8-2.8-2.8h-8.39c-1.54,0-2.8,1.25-2.8,2.8v9.61h-1.75v-48.72c0-1.3.66-2.49,1.77-3.18l12.88-7.96c1.21-.75,2.71-.75,3.92,0l3.6,2.22v45.23h-1.89ZM117.72,151.11h-1.75v-9.61c0-1.54-1.25-2.8-2.8-2.8h-2.36v-5.83c0-1.17.95-2.12,2.12-2.12h4.79v20.36ZM145.74,145.94c-.31.46-.59.94-.85,1.41-.27.47-.55.96-.86,1.41l-.07.09c-.1.11-.2.23-.31.33l-.05.04v-16.36c0-1.72-1.4-3.12-3.12-3.12h-9.58c-1.72,0-3.12,1.4-3.12,3.12v18.23h-2.14v-18.23c0-1.72-1.4-3.12-3.12-3.12h-9.58c-1.72,0-3.12,1.4-3.12,3.12v18.23h-2.14v-62.9c0-1.51.77-2.89,2.06-3.69l14.7-9.08c1.4-.87,3.15-.87,4.56,0l14.7,9.08c1.29.8,2.06,2.17,2.06,3.69v57.73Z"
+        />
+        <g>
+          <g>
+            <path
+              className={classes.whiteLine}
+              d="M50.14,22.01v1.17c0,.53.4.96.91,1.02v1.08h.24v-1.08c.51-.06.91-.5.91-1.02v-1.17l-1.03.88-1.03-.88ZM51.96,23.18c0,.39-.29.72-.66.78v-.37h-.24v.37c-.38-.06-.66-.38-.66-.78v-.64l.79.67.79-.67v.64Z"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M50.14,20.21v1.17c0,.57.46,1.03,1.03,1.03s1.03-.46,1.03-1.03v-1.17l-1.03.88-1.03-.88ZM51.96,21.38c0,.39-.29.72-.66.78v-.37h-.24v.37c-.38-.06-.66-.38-.66-.78v-.64l.79.67.79-.67v.64Z"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M50.14,18.39v1.17c0,.57.46,1.03,1.03,1.03s1.03-.46,1.03-1.03v-1.17l-1.03.88-1.03-.88ZM51.96,19.57c0,.39-.29.72-.66.78v-.37h-.24v.37c-.38-.06-.66-.38-.66-.78v-.64l.79.67.79-.67v.64Z"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M51.17,18.88h.01s.01,0,.01,0c.02,0,.45-.06.6-.42.13-.33-.04-.79-.52-1.36l-.09-.11-.09.11c-.48.57-.65,1.03-.52,1.36.14.36.58.41.6.42ZM51.18,17.37c.42.54.45.84.38,1-.05.13-.18.2-.27.23v-.35h-.24v.34c-.09-.04-.2-.1-.25-.22-.06-.16-.04-.45.38-1Z"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M69.5,21.74h-3.07v1.24c-.31.18-.67.29-1.06.29-1.17,0-2.12-.95-2.12-2.12s.95-2.12,2.12-2.12,2.08.92,2.11,2.06h2.06c-.03-2.28-1.89-4.12-4.17-4.12-1.93,0-3.55,1.3-4.03,3.08-.48-1.77-2.1-3.08-4.03-3.08-2.3,0-4.17,1.87-4.17,4.17s1.87,4.17,4.17,4.17c.77,0,1.49-.21,2.12-.58v.58h2.06v-2.64c.61,1.54,2.12,2.64,3.88,2.64.77,0,1.5-.21,2.12-.58v.58h2.06v-3.59h-.04ZM57.32,23.27c-1.17,0-2.12-.95-2.12-2.12s.95-2.12,2.12-2.12,2.12.95,2.12,2.12-.95,2.12-2.12,2.12Z"
+            />
+          </g>
+          <g>
+            <path
+              className={classes.whiteLine}
+              d="M73.21,20.79l-.34-.77h-1.18l-.34.77h-.51l1.44-3.09,1.44,3.09h-.51ZM71.87,19.63h.83l-.3-.68s-.04-.09-.05-.15c-.02-.06-.04-.12-.06-.19-.02.06-.03.13-.05.18-.02.06-.04.11-.06.16l-.3.68Z"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M74.66,20.79v-2.97h.65c.42,0,.72.02.89.06.17.04.32.11.45.21.17.13.3.3.39.51.09.21.13.44.13.7s-.04.5-.13.7c-.09.2-.22.37-.39.5-.13.1-.28.17-.44.21-.17.04-.42.06-.77.06h-.78ZM75.15,20.36h.41c.22,0,.39-.01.5-.04.11-.03.21-.08.29-.15.11-.1.2-.22.25-.36.06-.14.08-.31.08-.5s-.03-.36-.08-.5c-.06-.14-.14-.26-.25-.36-.08-.07-.18-.12-.3-.15-.12-.03-.3-.04-.55-.04h-.35v2.1Z"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M80.29,20.79l-.34-.77h-1.18l-.34.77h-.51l1.44-3.09,1.44,3.09h-.51ZM78.96,19.63h.83l-.3-.68s-.04-.09-.05-.15c-.02-.06-.04-.12-.06-.19-.02.06-.03.13-.05.18-.02.06-.04.11-.06.16l-.3.68Z"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M82.2,19.46v1.33h-.45v-2.97h.73c.22,0,.38.01.48.04.1.02.19.06.27.12.09.07.17.16.22.28.05.12.08.25.08.39s-.03.27-.08.39c-.05.12-.13.21-.22.28-.08.05-.16.09-.27.12-.1.02-.26.03-.48.03h-.28ZM82.23,19.06h.12c.27,0,.45-.03.54-.09s.13-.16.13-.31c0-.16-.05-.27-.14-.33-.1-.06-.27-.1-.53-.1h-.12v.83Z"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M85.58,18.23v2.56h-.48v-2.56h-.79v-.41h2.06v.41h-.79Z"
+            />
+            <path className={classes.whiteLine} d="M87.41,20.79v-2.97h.48v2.97h-.48Z" />
+            <path
+              className={classes.whiteLine}
+              d="M90.2,20.91l-1.33-3.09h.5l.67,1.58c.04.09.07.18.1.25.03.08.05.15.06.22.02-.07.04-.15.07-.23.03-.08.06-.16.1-.25l.66-1.58h.5l-1.33,3.09Z"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M92.49,20.79v-2.97h1.66v.41h-1.18v.74h1.18v.42h-1.18v.96h1.18v.43h-1.66Z"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M73.21,25.21l-.34-.77h-1.18l-.34.77h-.51l1.44-3.09,1.44,3.09h-.51ZM71.87,24.04h.83l-.3-.68s-.04-.09-.05-.15c-.02-.06-.04-.12-.06-.19-.02.06-.03.13-.05.18-.02.06-.04.11-.06.16l-.3.68Z"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M76.23,23.69h1.18s0,.05,0,.09c0,.1,0,.16,0,.19,0,.42-.12.74-.36.97s-.58.35-1.01.35c-.24,0-.46-.04-.65-.11-.19-.07-.36-.18-.5-.32-.14-.14-.25-.31-.32-.51-.08-.19-.11-.4-.11-.62s.04-.43.11-.62c.08-.19.19-.36.34-.5.14-.14.31-.25.51-.32.19-.07.4-.11.63-.11.23,0,.44.04.63.13.18.09.35.22.49.39l-.35.27c-.1-.12-.21-.2-.34-.26-.13-.06-.27-.09-.42-.09-.32,0-.58.1-.79.31-.2.21-.31.47-.31.8s.1.61.31.82c.2.21.47.31.79.31.28,0,.49-.06.65-.19.16-.13.24-.3.24-.53v-.04h-.71v-.41Z"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M79.04,23.88v1.33h-.45v-2.97h.67c.2,0,.35.01.46.04.11.03.2.07.28.13.09.07.16.16.21.28.05.11.08.24.08.37,0,.24-.06.42-.17.56-.12.13-.28.22-.51.24l1.02,1.35h-.55l-.99-1.33h-.05ZM79.08,23.5h.09c.26,0,.43-.03.51-.09.08-.06.13-.17.13-.32,0-.16-.04-.28-.13-.35-.09-.07-.26-.1-.5-.1h-.09v.85Z"
+            />
+            <path className={classes.whiteLine} d="M81.59,25.21v-2.97h.48v2.97h-.48Z" />
+            <path
+              className={classes.whiteLine}
+              d="M85.82,22.96c-.14-.12-.28-.2-.43-.26-.15-.06-.31-.09-.48-.09-.32,0-.59.1-.79.31-.2.21-.31.48-.31.81s.1.59.3.79c.2.21.45.31.75.31.18,0,.34-.03.5-.09.16-.06.31-.16.46-.28v.55c-.13.09-.27.16-.42.21-.15.05-.32.07-.5.07-.23,0-.44-.04-.63-.11s-.36-.18-.51-.33c-.14-.14-.26-.31-.33-.5-.08-.19-.12-.4-.12-.62s.04-.42.12-.61c.08-.19.19-.36.34-.5.15-.15.32-.26.51-.33.19-.08.4-.11.62-.11.17,0,.34.03.5.08s.31.13.46.23l-.03.49Z"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M87.07,22.24h.48v1.8c0,.27.06.47.19.6.12.13.31.2.56.2s.43-.07.55-.2c.12-.13.19-.34.19-.6v-1.8h.48v1.85c0,.4-.1.7-.3.9-.2.2-.51.3-.92.3s-.71-.1-.92-.3c-.2-.2-.3-.5-.3-.9v-1.85Z"
+            />
+            <path className={classes.whiteLine} d="M90.84,25.21v-2.97h.48v2.54h1.08v.43h-1.56Z" />
+            <path
+              className={classes.whiteLine}
+              d="M94.19,22.65v2.56h-.48v-2.56h-.79v-.41h2.06v.41h-.79Z"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M96,22.24h.48v1.8c0,.27.06.47.19.6.12.13.31.2.56.2s.43-.07.55-.2c.12-.13.19-.34.19-.6v-1.8h.48v1.85c0,.4-.1.7-.3.9s-.51.3-.92.3-.71-.1-.92-.3c-.2-.2-.3-.5-.3-.9v-1.85Z"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M100.22,23.88v1.33h-.45v-2.97h.67c.2,0,.35.01.46.04.11.03.2.07.28.13.09.07.16.16.21.28.05.11.08.24.08.37,0,.24-.06.42-.17.56-.12.13-.28.22-.51.24l1.02,1.35h-.55l-.99-1.33h-.05ZM100.25,23.5h.09c.26,0,.43-.03.51-.09.08-.06.13-.17.13-.32,0-.16-.05-.28-.13-.35-.09-.07-.26-.1-.5-.1h-.09v.85Z"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M102.76,25.21v-2.97h1.66v.41h-1.18v.74h1.18v.42h-1.18v.96h1.18v.43h-1.66Z"
+            />
+          </g>
+        </g>
+        <g>
+          <path
+            className={classes.whiteLine}
+            d="M40.44,137.93l-.56.56c.45.45.69,1.04.69,1.67s-.25,1.23-.69,1.67c-.92.92-2.42.92-3.35,0-.92-.92-.92-2.42,0-3.35l-.56-.56c-1.23,1.23-1.23,3.23,0,4.46.62.62,1.42.92,2.23.92s1.62-.31,2.23-.92c.6-.6.92-1.39.92-2.23s-.33-1.64-.92-2.23Z"
+          />
+          <rect className={classes.whiteLine} x="37.82" y="136.85" width=".79" height="3.72" />
+        </g>
+        <g>
+          <g>
+            <path
+              className={classes.whiteLine}
+              d="M9.56,52.81l2.08-.42v4.41h-1.01v-3.35l-1.07.27v-.91Z"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M11.2,79.14c.12-.13.22-.24.3-.35.08-.1.15-.21.19-.31.04-.1.07-.21.07-.33,0-.07-.01-.13-.04-.2-.02-.07-.06-.12-.11-.18s-.11-.09-.19-.12c-.07-.03-.16-.05-.26-.05-.13,0-.25.03-.35.1-.1.07-.18.16-.23.28-.05.12-.08.26-.08.41h-1.03c0-.31.06-.59.19-.85.13-.26.32-.46.58-.61.26-.15.57-.23.94-.23.27,0,.51.04.71.12.21.08.38.19.52.32.14.13.24.28.31.44s.11.32.11.49c0,.24-.06.45-.17.65s-.27.37-.45.54l-1.01.9h1.73v.96h-3.67l1.93-2Z"
+            />
+          </g>
+          <g>
+            <path
+              className={classes.whiteLine}
+              d="M11.52,25.99c-2.36,0-4.27,1.91-4.27,4.27s1.91,4.27,4.27,4.27,4.27-1.91,4.27-4.27-1.91-4.27-4.27-4.27ZM11.52,32.96c-1.49,0-2.7-1.21-2.7-2.7s1.21-2.7,2.7-2.7,2.7,1.21,2.7,2.7-1.21,2.7-2.7,2.7Z"
+            />
+            <circle className={classes.whiteLine} cx="11.52" cy="30.26" r="1.58" />
+          </g>
+        </g>
+        <g>
+          <path
+            className={classes.whiteLine}
+            d="M125.18,104.25c0-1.87-.73-3.63-2.05-4.95-.52-.52-1.36-.52-1.88,0-.52.52-.52,1.36,0,1.88.82.82,1.27,1.91,1.27,3.07s-.45,2.25-1.27,3.07c-.26.26-.39.6-.39.94s.13.68.39.94c.52.52,1.36.52,1.88,0,1.32-1.32,2.05-3.08,2.05-4.95ZM129.55,104.25c0-3.04-1.18-5.89-3.33-8.04-.52-.52-1.36-.52-1.88,0-.52.52-.52,1.36,0,1.88,1.65,1.65,2.55,3.84,2.55,6.16s-.91,4.52-2.55,6.16c-.26.26-.39.6-.39.94s.13.68.39.94c.52.52,1.36.52,1.88,0,2.15-2.15,3.33-5,3.33-8.04ZM129.32,115.39c2.98-2.98,4.61-6.93,4.61-11.14s-1.64-8.16-4.61-11.14c-.52-.52-1.36-.52-1.88,0-.26.26-.39.6-.39.94s.13.68.39.94c2.47,2.47,3.84,5.76,3.84,9.26s-1.36,6.79-3.84,9.26c-.52.52-.52,1.36,0,1.88.52.52,1.36.52,1.88,0Z"
+          />
+          <path
+            className={classes.whiteLine}
+            d="M119.42,101.25c-.42-.42-1.22-.42-1.64,0-.45.45-.45,1.19,0,1.64.36.36.56.84.56,1.36s-.2.99-.56,1.36c-.22.22-.34.51-.34.82s.12.6.34.82c.22.22.51.34.82.34s.6-.12.82-.34c.8-.8,1.24-1.86,1.24-3s-.44-2.2-1.24-3Z"
+          />
+        </g>
+        <g>
+          <path
+            className={classes.whiteLine}
+            d="M61.49,71.64c-.37,0-.67.12-.89.36-.22.24-.34.57-.34.98v1.87c0,.4.11.73.34.98.22.24.52.36.89.36s.67-.12.89-.36c.22-.24.34-.57.34-.98v-1.87c0-.41-.11-.74-.34-.98s-.51-.36-.89-.36Z"
+          />
+          <path
+            className={classes.whiteLine}
+            d="M95.25,71.91c-.14-.16-.32-.24-.55-.24h-1.57v1.78h1.57c.23,0,.41-.08.55-.24.14-.16.21-.38.21-.65s-.07-.49-.21-.65Z"
+          />
+          <path
+            className={classes.whiteLine}
+            d="M86.83,71.64c-.37,0-.67.12-.89.36-.22.24-.34.57-.34.98v1.87c0,.4.11.73.34.98.22.24.52.36.89.36s.67-.12.89-.36c.22-.24.34-.57.34-.98v-1.87c0-.41-.11-.74-.34-.98s-.51-.36-.89-.36Z"
+          />
+          <path
+            className={classes.whiteLine}
+            d="M39.87,68.43v10.73h67.77v-10.73H39.87ZM56.29,77.21h-1.08v-4.01l-1.36,3.12h-.76l-.03-.06-1.33-2.99v3.94h-1.08v-6.59h1.01l.03.06,1.78,4.01,1.81-4.07h1.01v6.59ZM63.84,74.82c0,.49-.1.92-.29,1.29-.2.37-.47.66-.82.86-.35.2-.76.31-1.23.31s-.88-.1-1.23-.31c-.35-.2-.63-.49-.82-.86-.19-.37-.29-.8-.29-1.29v-1.81c0-.49.1-.92.29-1.29.19-.37.47-.66.82-.86.35-.2.76-.31,1.23-.31s.88.1,1.23.31c.35.2.63.49.82.86.19.37.29.8.29,1.29v1.81ZM71.61,77.2h-.98l-.03-.05-2.82-4.4v4.45h-1.09v-6.58h.97l.03.05,2.83,4.47v-4.52h1.09v6.58ZM75.69,77.21h-1.1v-6.59h1.1v6.59ZM82.51,71.68h-1.8v5.53h-1.1v-5.53h-1.8v-1.05h4.71v1.05ZM89.18,74.82c0,.49-.1.92-.29,1.29-.2.37-.47.66-.82.86-.35.2-.76.31-1.23.31s-.88-.1-1.23-.31c-.35-.2-.63-.49-.82-.86-.19-.37-.29-.8-.29-1.29v-1.81c0-.49.1-.92.29-1.29.19-.37.47-.66.82-.86.35-.2.76-.31,1.23-.31s.88.1,1.23.31c.35.2.63.49.82.86.19.37.29.8.29,1.29v1.81ZM95.66,77.21l-1.36-2.7h-1.17v2.7h-1.1v-6.59h2.63c.39,0,.73.08,1.02.24.29.16.52.39.69.68.16.29.24.63.24,1.02s-.08.73-.25,1.02c-.16.29-.4.52-.69.68-.07.04-.15.08-.23.11l1.49,2.84h-1.29Z"
+          />
+        </g>
+        <g>
+          <path
+            className={classes.whiteLine}
+            d="M8.76,101.14h5.77c.19,0,.35.16.35.35v3.56c0,.44-.36.8-.8.8h-4.86c-.44,0-.8-.36-.8-.8v-3.56c0-.19.16-.35.35-.35Z"
+          />
+          <path
+            className={classes.whiteLine}
+            d="M9.75,101.37v-.88c0-1.05.85-1.89,1.89-1.89h0c1.05,0,1.89.85,1.89,1.89v.88"
+          />
+        </g>
+        <g>
+          <path
+            className={classes.whiteLine}
+            d="M8.76,125.76h5.77c.19,0,.35.16.35.35v3.56c0,.44-.36.8-.8.8h-4.86c-.44,0-.8-.36-.8-.8v-3.56c0-.19.16-.35.35-.35Z"
+          />
+          <path
+            className={classes.whiteLine}
+            d="M9.75,125.99v-.88c0-1.05.85-1.89,1.89-1.89h0c1.05,0,1.89.85,1.89,1.89v.88"
+          />
+        </g>
+        <g>
+          <path
+            className={classes.whiteLine}
+            d="M90.52,139.49h5.77c.19,0,.35.16.35.35v3.56c0,.44-.36.8-.8.8h-4.86c-.44,0-.8-.36-.8-.8v-3.56c0-.19.16-.35.35-.35Z"
+          />
+          <path
+            className={classes.whiteLine}
+            d="M91.51,139.71v-.88c0-1.05.85-1.89,1.89-1.89h0c1.05,0,1.89.85,1.89,1.89v.88"
+          />
+        </g>
+        <g>
+          <path
+            className={classes.whiteLine}
+            d="M60.98,139.49h5.77c.19,0,.35.16.35.35v3.56c0,.44-.36.8-.8.8h-4.86c-.44,0-.8-.36-.8-.8v-3.56c0-.19.16-.35.35-.35Z"
+          />
+          <path
+            className={classes.whiteLine}
+            d="M61.97,139.71v-.88c0-1.05.85-1.89,1.89-1.89h0c1.05,0,1.89.85,1.89,1.89v.88"
+          />
+        </g>
+        <g>
+          <path
+            className={classes.whiteLine}
+            d="M119.4,139.49h5.77c.19,0,.35.16.35.35v3.56c0,.44-.36.8-.8.8h-4.86c-.44,0-.8-.36-.8-.8v-3.56c0-.19.16-.35.35-.35Z"
+          />
+          <path
+            className={classes.whiteLine}
+            d="M120.39,139.71v-.88c0-1.05.85-1.89,1.89-1.89h0c1.05,0,1.89.85,1.89,1.89v.88"
+          />
+        </g>
+        {/* buttons for port selection */}
+        {/* I2C PORTS */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 0, //address here is not important for I2C, the restrictions are per component not per port
+              addressType: quack.AddressType.ADDRESS_TYPE_I2C,
+              label: "1",
+              autoDetectable: false
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="11.5"
+          cy="30"
+          rx={buttonSize.rxSmall}
+          ry={buttonSize.rySmall}
+        />
+        {/* CONFIGURABLE PIN PORTS - Note input Ports 3 and 4 and all control ports are locked for the monitor */}
+        {/* PORT 1 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 1,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "1",
+              autoDetectable: true
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="11.5"
+          cy="55"
+          rx={buttonSize.rxSmall}
+          ry={buttonSize.rySmall}
+        />
+        {/* PORT 2 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 2,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "2",
+              autoDetectable: true
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="11.5"
+          cy="79"
+          rx={buttonSize.rxSmall}
+          ry={buttonSize.rySmall}
+        />
+        {/* PORT 3 */}
+        <ellipse
+          onClick={e => {
+            setLockOpen(true);
+            // openMenu(e, {
+            //   address: 4,
+            //   addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+            //   label: "3",
+            //   autoDetectable: true
+            // });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="11.5"
+          cy="103"
+          rx={buttonSize.rxSmall}
+          ry={buttonSize.rySmall}
+        />
+        {/* Port 4 */}
+        <ellipse
+          onClick={e => {
+            setLockOpen(true);
+            // openMenu(e, {
+            //   address: 8,
+            //   addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+            //   label: "3",
+            //   autoDetectable: true
+            // });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="11.5"
+          cy="127"
+          rx={buttonSize.rxSmall}
+          ry={buttonSize.rySmall}
+        />
+        {/* Controller ports - note these are all locked for monitor devices */}
+        {/* PORT C1 */}
+        <ellipse
+          onClick={e => {
+            setLockOpen(true);
+            // openMenu(e, {
+            //   address: 2,
+            //   addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+            //   label: "2",
+            //   autoDetectable: true
+            // });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="64"
+          cy="141"
+          rx={buttonSize.rxSmall}
+          ry={buttonSize.rySmall}
+        />
+        {/* PORT C2 */}
+        <ellipse
+          onClick={e => {
+            setLockOpen(true);
+            // openMenu(e, {
+            //   address: 4,
+            //   addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+            //   label: "3",
+            //   autoDetectable: true
+            // });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="93"
+          cy="141"
+          rx={buttonSize.rxSmall}
+          ry={buttonSize.rySmall}
+        />
+        {/* Port C3 */}
+        <ellipse
+          onClick={e => {
+            setLockOpen(true);
+            // openMenu(e, {
+            //   address: 8,
+            //   addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+            //   label: "3",
+            //   autoDetectable: true
+            // });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="122"
+          cy="141"
+          rx={buttonSize.rxSmall}
+          ry={buttonSize.rySmall}
+        />
+      </svg>
+    );
+  };
+
+  const bindaptV2Automate = () => {
+    return (
+      <svg version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 146.77 152.27">
+        <rect
+          className={classes.boxBorder}
+          x=".5"
+          y=".5"
+          width="145.77"
+          height="151.27"
+          rx="7.28"
+          ry="7.28"
+        />
+        <g>
+          <g>
+            <g>
+              <path
+                className={classes.whiteLine}
+                d="M63.13,64.95s-.06-.02-.09-.04l-1.28-.79v1.61h.33c.38,0,.72-.01,1.03-.02v-.76Z"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M64.79,64.12l-1.28.79s-.06.03-.09.04v.75c.45-.03.82-.08,1.1-.14.09-.02.18-.05.27-.07v-1.36Z"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M67.12,59.55c-.28-.58-.68-1.06-1.21-1.43-.41-.29-.88-.49-1.43-.61s-1.46-.18-2.77-.18h-1.75v8.4h1.51v-5.39c0-.15.08-.3.21-.38l1.36-.84c.14-.09.33-.09.47,0l1.36.84c.13.08.21.22.21.38v.14h0v3.21s0,0,0,0v1.69c.3-.11.58-.26.83-.43.53-.37.94-.85,1.21-1.43s.41-1.24.41-1.98-.14-1.4-.41-1.98Z"
+              />
+            </g>
+            <g>
+              <path
+                className={classes.whiteLine}
+                d="M81.88,58.9c-.16-.38-.4-.71-.71-.96-.26-.22-.59-.38-.96-.47s-1.04-.14-1.97-.14h-2.39v6.14l.77,2.27h1.37v-2.77h.8c.71,0,1.22-.04,1.54-.12s.6-.21.84-.4c.31-.24.55-.56.71-.94s.24-.82.24-1.32c0-.47-.08-.9-.24-1.28ZM79.58,60.89c-.22.15-.6.23-1.15.23h-.44v-1.97h.46c.54,0,.92.07,1.14.22s.32.4.32.75-.11.62-.33.77Z"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M81.59,57.33s.08.06.12.09c.36.3.63.67.82,1.12.1.24.18.5.22.78h1.04v6.42h2.29v-6.42h1.88v-1.99h-6.38Z"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M39.87,65.73v-8.4h2.3c.95,0,1.61.03,1.99.09s.7.17.97.32c.31.17.55.4.71.69s.24.62.24,1c0,.48-.12.86-.36,1.14s-.63.49-1.16.64c.6.05,1.06.26,1.4.63s.51.87.51,1.5c0,.45-.09.84-.28,1.18s-.46.6-.81.79c-.29.15-.64.26-1.06.33s-1.11.1-2.07.1h-2.37ZM41.99,60.69h.46c.57,0,.95-.06,1.17-.19s.32-.34.32-.65-.1-.54-.3-.67-.58-.19-1.15-.19h-.49v1.69ZM41.99,64.02h.8c.54,0,.93-.07,1.15-.2s.34-.36.34-.68c0-.35-.1-.6-.31-.74s-.59-.21-1.15-.21h-.84v1.83Z"
+              />
+              <path className={classes.whiteLine} d="M47.2,65.73v-8.4h2.31v8.4h-2.31Z" />
+              <path
+                className={classes.whiteLine}
+                d="M50.65,65.73v-8.4h2.21l3.17,4.32c.06.09.16.27.3.53s.29.58.46.95c-.05-.35-.08-.66-.1-.93s-.03-.51-.03-.72v-4.15h2.2v8.4h-2.2l-3.17-4.34c-.07-.09-.17-.27-.31-.53s-.29-.58-.46-.94c.05.35.08.66.1.94s.03.51.03.72v4.15h-2.21Z"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M67.07,65.73l2.9-8.4h2.87l2.9,8.4h-2.28l-.42-1.5h-3.25l-.44,1.5h-2.28ZM70.28,62.59h2.28l-.86-2.77c-.03-.08-.06-.22-.11-.41s-.11-.43-.18-.72c-.05.21-.1.4-.15.59s-.1.37-.15.54l-.84,2.77Z"
+              />
+              <path
+                className={classes.whiteLine}
+                d="M87.53,54.98h4.72v1.27h-4.72v-1.27ZM90.57,53.26v4.71h-1.35v-4.71h1.35Z"
+              />
+            </g>
+          </g>
+          <g>
+            <path
+              className={classes.whiteLine}
+              d="M98.03,65.73h-6.28l3.69-4.37c.22-.27.39-.51.5-.72.11-.22.16-.42.16-.6,0-.29-.09-.52-.27-.71-.18-.18-.42-.27-.72-.27-.35,0-.62.11-.81.34-.19.22-.28.55-.28.98v.1h-1.98v-.06c0-.93.27-1.67.82-2.2s1.29-.8,2.23-.8,1.66.24,2.2.71c.55.48.82,1.11.82,1.9,0,.39-.09.76-.26,1.13s-.46.77-.85,1.2l-1.48,1.64h2.52v1.75Z"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M98.7,64.81c0-.32.11-.59.32-.8s.48-.33.8-.33.6.11.82.33c.22.22.33.49.33.8s-.11.59-.33.81-.49.33-.81.33-.58-.11-.8-.33c-.22-.22-.33-.49-.33-.81Z"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M107.64,61.76c0,1.3-.28,2.33-.83,3.07-.55.75-1.31,1.12-2.28,1.12s-1.73-.38-2.28-1.14c-.56-.76-.83-1.8-.83-3.13s.28-2.37.83-3.12,1.32-1.14,2.28-1.14,1.75.38,2.29,1.14c.55.76.82,1.83.82,3.2ZM103.49,61.68c0,.9.08,1.56.25,1.97s.43.62.8.62.62-.21.78-.62.25-1.07.25-1.97-.08-1.54-.25-1.96-.43-.63-.78-.63-.63.21-.8.62-.25,1.07-.25,1.98Z"
+            />
+          </g>
+        </g>
+        <path
+          className={classes.grayLine}
+          d="M144.2,83.68l-14.7-9.08c-1.73-1.07-3.88-1.07-5.61,0l-14.7,9.08c-1.58.98-2.53,2.67-2.53,4.54v4.09l-3.07-1.9c-1.53-.95-3.44-.95-4.97,0l-12.88,7.96c-1.41.87-2.25,2.37-2.25,4.03v4.05l-3.29-2.04c-1.39-.86-3.13-.86-4.53,0l-11.58,7.15c-1.28.79-2.04,2.16-2.04,3.66v36.89h3.47v-1.72c0-.86.7-1.57,1.57-1.57h7.54c.86,0,1.57.7,1.57,1.57v1.72h3.47v-1.72c0-.86.7-1.57,1.57-1.57h2.26v3.29h3.75v-3.29h1.54c.86,0,1.57.7,1.57,1.57v1.72h3.47v-12.4h3.61c.99,0,1.8.81,1.8,1.8v10.61h3.75v-10.61c0-.99.81-1.8,1.8-1.8h1.89v12.4h4.14v-12.4h2.36c.99,0,1.8.81,1.8,1.8v10.61h3.75v-21.36h3.79c1.17,0,2.12.95,2.12,2.12v19.23h4.14v-19.23c0-1.17.95-2.12,2.12-2.12h9.58c1.17,0,2.12.95,2.12,2.12v18.27l1.49-1.01.25-.21c.14-.13.26-.26.43-.46l.09-.12c.34-.49.63-1,.91-1.49.29-.51.56-1,.89-1.46l.09-.13v-58.04c0-1.86-.95-3.56-2.53-4.54ZM81.24,147.82c-1.42,0-2.57,1.15-2.57,2.57v.72h-1.47v-.72c0-1.42-1.15-2.57-2.57-2.57h-7.54c-1.42,0-2.57,1.15-2.57,2.57v.72h-1.47v-35.89c0-1.15.59-2.21,1.57-2.81l11.58-7.15c1.07-.66,2.4-.66,3.48,0l3.82,2.36v40.21h-2.26ZM92.83,151.11h-1.47v-.72c0-1.42-1.15-2.57-2.57-2.57h-1.54v-6.32c0-.99.81-1.8,1.8-1.8h3.78v11.4ZM104.78,138.71c-1.54,0-2.8,1.25-2.8,2.8v9.61h-1.75v-9.61c0-1.54-1.25-2.8-2.8-2.8h-8.39c-1.54,0-2.8,1.25-2.8,2.8v9.61h-1.75v-48.72c0-1.3.66-2.49,1.77-3.18l12.88-7.96c1.21-.75,2.71-.75,3.92,0l3.6,2.22v45.23h-1.89ZM117.72,151.11h-1.75v-9.61c0-1.54-1.25-2.8-2.8-2.8h-2.36v-5.83c0-1.17.95-2.12,2.12-2.12h4.79v20.36ZM145.74,145.94c-.31.46-.59.94-.85,1.41-.27.47-.55.96-.86,1.41l-.07.09c-.1.11-.2.23-.31.33l-.05.04v-16.36c0-1.72-1.4-3.12-3.12-3.12h-9.58c-1.72,0-3.12,1.4-3.12,3.12v18.23h-2.14v-18.23c0-1.72-1.4-3.12-3.12-3.12h-9.58c-1.72,0-3.12,1.4-3.12,3.12v18.23h-2.14v-62.9c0-1.51.77-2.89,2.06-3.69l14.7-9.08c1.4-.87,3.15-.87,4.56,0l14.7,9.08c1.29.8,2.06,2.17,2.06,3.69v57.73Z"
+        />
+        <g>
+          <g>
+            <path
+              className={classes.whiteLine}
+              d="M50.14,22.01v1.17c0,.53.4.96.91,1.02v1.08h.24v-1.08c.51-.06.91-.5.91-1.02v-1.17l-1.03.88-1.03-.88ZM51.96,23.18c0,.39-.29.72-.66.78v-.37h-.24v.37c-.38-.06-.66-.38-.66-.78v-.64l.79.67.79-.67v.64Z"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M50.14,20.21v1.17c0,.57.46,1.03,1.03,1.03s1.03-.46,1.03-1.03v-1.17l-1.03.88-1.03-.88ZM51.96,21.38c0,.39-.29.72-.66.78v-.37h-.24v.37c-.38-.06-.66-.38-.66-.78v-.64l.79.67.79-.67v.64Z"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M50.14,18.39v1.17c0,.57.46,1.03,1.03,1.03s1.03-.46,1.03-1.03v-1.17l-1.03.88-1.03-.88ZM51.96,19.57c0,.39-.29.72-.66.78v-.37h-.24v.37c-.38-.06-.66-.38-.66-.78v-.64l.79.67.79-.67v.64Z"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M51.17,18.88h.01s.01,0,.01,0c.02,0,.45-.06.6-.42.13-.33-.04-.79-.52-1.36l-.09-.11-.09.11c-.48.57-.65,1.03-.52,1.36.14.36.58.41.6.42ZM51.18,17.37c.42.54.45.84.38,1-.05.13-.18.2-.27.23v-.35h-.24v.34c-.09-.04-.2-.1-.25-.22-.06-.16-.04-.45.38-1Z"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M69.5,21.74h-3.07v1.24c-.31.18-.67.29-1.06.29-1.17,0-2.12-.95-2.12-2.12s.95-2.12,2.12-2.12,2.08.92,2.11,2.06h2.06c-.03-2.28-1.89-4.12-4.17-4.12-1.93,0-3.55,1.3-4.03,3.08-.48-1.77-2.1-3.08-4.03-3.08-2.3,0-4.17,1.87-4.17,4.17s1.87,4.17,4.17,4.17c.77,0,1.49-.21,2.12-.58v.58h2.06v-2.64c.61,1.54,2.12,2.64,3.88,2.64.77,0,1.5-.21,2.12-.58v.58h2.06v-3.59h-.04ZM57.32,23.27c-1.17,0-2.12-.95-2.12-2.12s.95-2.12,2.12-2.12,2.12.95,2.12,2.12-.95,2.12-2.12,2.12Z"
+            />
+          </g>
+          <g>
+            <path
+              className={classes.whiteLine}
+              d="M73.21,20.79l-.34-.77h-1.18l-.34.77h-.51l1.44-3.09,1.44,3.09h-.51ZM71.87,19.63h.83l-.3-.68s-.04-.09-.05-.15c-.02-.06-.04-.12-.06-.19-.02.06-.03.13-.05.18-.02.06-.04.11-.06.16l-.3.68Z"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M74.66,20.79v-2.97h.65c.42,0,.72.02.89.06.17.04.32.11.45.21.17.13.3.3.39.51.09.21.13.44.13.7s-.04.5-.13.7c-.09.2-.22.37-.39.5-.13.1-.28.17-.44.21-.17.04-.42.06-.77.06h-.78ZM75.15,20.36h.41c.22,0,.39-.01.5-.04.11-.03.21-.08.29-.15.11-.1.2-.22.25-.36.06-.14.08-.31.08-.5s-.03-.36-.08-.5c-.06-.14-.14-.26-.25-.36-.08-.07-.18-.12-.3-.15-.12-.03-.3-.04-.55-.04h-.35v2.1Z"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M80.29,20.79l-.34-.77h-1.18l-.34.77h-.51l1.44-3.09,1.44,3.09h-.51ZM78.96,19.63h.83l-.3-.68s-.04-.09-.05-.15c-.02-.06-.04-.12-.06-.19-.02.06-.03.13-.05.18-.02.06-.04.11-.06.16l-.3.68Z"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M82.2,19.46v1.33h-.45v-2.97h.73c.22,0,.38.01.48.04.1.02.19.06.27.12.09.07.17.16.22.28.05.12.08.25.08.39s-.03.27-.08.39c-.05.12-.13.21-.22.28-.08.05-.16.09-.27.12-.1.02-.26.03-.48.03h-.28ZM82.23,19.06h.12c.27,0,.45-.03.54-.09s.13-.16.13-.31c0-.16-.05-.27-.14-.33-.1-.06-.27-.1-.53-.1h-.12v.83Z"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M85.58,18.23v2.56h-.48v-2.56h-.79v-.41h2.06v.41h-.79Z"
+            />
+            <path className={classes.whiteLine} d="M87.41,20.79v-2.97h.48v2.97h-.48Z" />
+            <path
+              className={classes.whiteLine}
+              d="M90.2,20.91l-1.33-3.09h.5l.67,1.58c.04.09.07.18.1.25.03.08.05.15.06.22.02-.07.04-.15.07-.23.03-.08.06-.16.1-.25l.66-1.58h.5l-1.33,3.09Z"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M92.49,20.79v-2.97h1.66v.41h-1.18v.74h1.18v.42h-1.18v.96h1.18v.43h-1.66Z"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M73.21,25.21l-.34-.77h-1.18l-.34.77h-.51l1.44-3.09,1.44,3.09h-.51ZM71.87,24.04h.83l-.3-.68s-.04-.09-.05-.15c-.02-.06-.04-.12-.06-.19-.02.06-.03.13-.05.18-.02.06-.04.11-.06.16l-.3.68Z"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M76.23,23.69h1.18s0,.05,0,.09c0,.1,0,.16,0,.19,0,.42-.12.74-.36.97s-.58.35-1.01.35c-.24,0-.46-.04-.65-.11-.19-.07-.36-.18-.5-.32-.14-.14-.25-.31-.32-.51-.08-.19-.11-.4-.11-.62s.04-.43.11-.62c.08-.19.19-.36.34-.5.14-.14.31-.25.51-.32.19-.07.4-.11.63-.11.23,0,.44.04.63.13.18.09.35.22.49.39l-.35.27c-.1-.12-.21-.2-.34-.26-.13-.06-.27-.09-.42-.09-.32,0-.58.1-.79.31-.2.21-.31.47-.31.8s.1.61.31.82c.2.21.47.31.79.31.28,0,.49-.06.65-.19.16-.13.24-.3.24-.53v-.04h-.71v-.41Z"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M79.04,23.88v1.33h-.45v-2.97h.67c.2,0,.35.01.46.04.11.03.2.07.28.13.09.07.16.16.21.28.05.11.08.24.08.37,0,.24-.06.42-.17.56-.12.13-.28.22-.51.24l1.02,1.35h-.55l-.99-1.33h-.05ZM79.08,23.5h.09c.26,0,.43-.03.51-.09.08-.06.13-.17.13-.32,0-.16-.04-.28-.13-.35-.09-.07-.26-.1-.5-.1h-.09v.85Z"
+            />
+            <path className={classes.whiteLine} d="M81.59,25.21v-2.97h.48v2.97h-.48Z" />
+            <path
+              className={classes.whiteLine}
+              d="M85.82,22.96c-.14-.12-.28-.2-.43-.26-.15-.06-.31-.09-.48-.09-.32,0-.59.1-.79.31-.2.21-.31.48-.31.81s.1.59.3.79c.2.21.45.31.75.31.18,0,.34-.03.5-.09.16-.06.31-.16.46-.28v.55c-.13.09-.27.16-.42.21-.15.05-.32.07-.5.07-.23,0-.44-.04-.63-.11s-.36-.18-.51-.33c-.14-.14-.26-.31-.33-.5-.08-.19-.12-.4-.12-.62s.04-.42.12-.61c.08-.19.19-.36.34-.5.15-.15.32-.26.51-.33.19-.08.4-.11.62-.11.17,0,.34.03.5.08s.31.13.46.23l-.03.49Z"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M87.07,22.24h.48v1.8c0,.27.06.47.19.6.12.13.31.2.56.2s.43-.07.55-.2c.12-.13.19-.34.19-.6v-1.8h.48v1.85c0,.4-.1.7-.3.9-.2.2-.51.3-.92.3s-.71-.1-.92-.3c-.2-.2-.3-.5-.3-.9v-1.85Z"
+            />
+            <path className={classes.whiteLine} d="M90.84,25.21v-2.97h.48v2.54h1.08v.43h-1.56Z" />
+            <path
+              className={classes.whiteLine}
+              d="M94.19,22.65v2.56h-.48v-2.56h-.79v-.41h2.06v.41h-.79Z"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M96,22.24h.48v1.8c0,.27.06.47.19.6.12.13.31.2.56.2s.43-.07.55-.2c.12-.13.19-.34.19-.6v-1.8h.48v1.85c0,.4-.1.7-.3.9s-.51.3-.92.3-.71-.1-.92-.3c-.2-.2-.3-.5-.3-.9v-1.85Z"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M100.22,23.88v1.33h-.45v-2.97h.67c.2,0,.35.01.46.04.11.03.2.07.28.13.09.07.16.16.21.28.05.11.08.24.08.37,0,.24-.06.42-.17.56-.12.13-.28.22-.51.24l1.02,1.35h-.55l-.99-1.33h-.05ZM100.25,23.5h.09c.26,0,.43-.03.51-.09.08-.06.13-.17.13-.32,0-.16-.05-.28-.13-.35-.09-.07-.26-.1-.5-.1h-.09v.85Z"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M102.76,25.21v-2.97h1.66v.41h-1.18v.74h1.18v.42h-1.18v.96h1.18v.43h-1.66Z"
+            />
+          </g>
+        </g>
+        <g>
+          <path
+            className={classes.whiteLine}
+            d="M40.44,137.93l-.56.56c.45.45.69,1.04.69,1.67s-.25,1.23-.69,1.67c-.92.92-2.42.92-3.35,0-.92-.92-.92-2.42,0-3.35l-.56-.56c-1.23,1.23-1.23,3.23,0,4.46.62.62,1.42.92,2.23.92s1.62-.31,2.23-.92c.6-.6.92-1.39.92-2.23s-.33-1.64-.92-2.23Z"
+          />
+          <rect className={classes.whiteLine} x="37.82" y="136.85" width=".79" height="3.72" />
+        </g>
+        <g>
+          <path
+            className={classes.whiteLine}
+            d="M61.83,141.73c.12.19.28.34.47.44.2.1.41.15.65.15.21,0,.39-.03.54-.08s.3-.12.42-.21c.12-.09.23-.18.33-.28v1.13c-.17.14-.36.24-.57.32-.21.08-.47.12-.79.12-.35,0-.67-.05-.96-.16s-.54-.26-.76-.46c-.21-.2-.37-.44-.49-.72-.12-.28-.17-.58-.17-.92s.06-.65.17-.92c.12-.28.28-.52.49-.72.21-.2.46-.36.76-.46.29-.11.61-.16.96-.16.32,0,.58.04.79.12.21.08.4.19.57.32v1.13c-.1-.1-.2-.19-.33-.28-.12-.09-.26-.16-.42-.21s-.34-.08-.54-.08c-.24,0-.45.05-.65.15s-.35.24-.47.43c-.12.19-.18.42-.18.69s.06.49.18.68Z"
+          />
+          <path
+            className={classes.whiteLine}
+            d="M65.26,139.22l2.08-.42v4.41h-1.01v-3.35l-1.07.27v-.91Z"
+          />
+          <path
+            className={classes.whiteLine}
+            d="M90.27,141.73c.12.19.28.34.47.44.2.1.41.15.65.15.21,0,.39-.03.54-.08s.3-.12.42-.21c.12-.09.23-.18.33-.28v1.13c-.17.14-.36.24-.57.32-.21.08-.47.12-.79.12-.35,0-.67-.05-.96-.16s-.54-.26-.76-.46c-.21-.2-.37-.44-.49-.72-.12-.28-.17-.58-.17-.92s.06-.65.17-.92c.12-.28.28-.52.49-.72.21-.2.46-.36.76-.46.29-.11.61-.16.96-.16.32,0,.58.04.79.12.21.08.4.19.57.32v1.13c-.1-.1-.2-.19-.33-.28-.12-.09-.26-.16-.42-.21s-.34-.08-.54-.08c-.24,0-.45.05-.65.15s-.35.24-.47.43c-.12.19-.18.42-.18.69s.06.49.18.68Z"
+          />
+          <path
+            className={classes.whiteLine}
+            d="M95.34,141.21c.12-.13.22-.24.3-.35.08-.1.15-.21.19-.31.04-.1.07-.21.07-.33,0-.07-.01-.13-.04-.2-.02-.07-.06-.12-.11-.18s-.11-.09-.19-.12c-.07-.03-.16-.05-.26-.05-.13,0-.25.03-.35.1-.1.07-.18.16-.23.28-.05.12-.08.26-.08.41h-1.03c0-.31.06-.59.19-.85.13-.26.32-.46.58-.61.26-.15.57-.23.94-.23.27,0,.51.04.71.12.21.08.38.19.52.32.14.13.24.28.31.44.07.16.11.32.11.49,0,.24-.06.45-.17.65-.12.2-.27.37-.45.54l-1.01.9h1.73v.96h-3.67l1.93-2Z"
+          />
+          <path
+            className={classes.whiteLine}
+            d="M119.63,141.73c.12.19.28.34.47.44.2.1.41.15.65.15.21,0,.39-.03.54-.08s.3-.12.42-.21c.12-.09.23-.18.33-.28v1.13c-.17.14-.36.24-.57.32-.21.08-.47.12-.79.12-.35,0-.67-.05-.96-.16s-.54-.26-.76-.46c-.21-.2-.37-.44-.49-.72-.12-.28-.17-.58-.17-.92s.06-.65.17-.92c.12-.28.28-.52.49-.72.21-.2.46-.36.76-.46.29-.11.61-.16.96-.16.32,0,.58.04.79.12.21.08.4.19.57.32v1.13c-.1-.1-.2-.19-.33-.28-.12-.09-.26-.16-.42-.21s-.34-.08-.54-.08c-.24,0-.45.05-.65.15s-.35.24-.47.43c-.12.19-.18.42-.18.69s.06.49.18.68Z"
+          />
+          <path
+            className={classes.whiteLine}
+            d="M123.9,143.19c-.21-.08-.38-.19-.52-.33s-.25-.3-.33-.48-.11-.36-.11-.55h1.03c0,.14.03.26.09.35.06.1.15.17.25.21.11.05.22.07.33.07.12,0,.23-.02.33-.06.09-.04.17-.1.22-.18s.08-.18.08-.3c0-.09-.02-.17-.06-.25s-.09-.14-.17-.19-.17-.1-.29-.13c-.12-.03-.25-.04-.41-.04v-.53c.28,0,.55.02.78.07s.44.12.62.22c.18.1.31.23.41.39.09.16.14.34.14.56,0,.25-.07.47-.2.67-.14.19-.33.34-.58.45-.25.11-.56.16-.91.16-.26,0-.49-.04-.7-.12ZM124.34,140.64c.12,0,.23-.02.32-.05s.18-.07.25-.13c.07-.05.13-.12.16-.19.04-.07.06-.14.06-.22,0-.08-.02-.16-.06-.22-.04-.07-.09-.12-.16-.15-.07-.03-.16-.05-.27-.05-.17,0-.3.05-.41.14-.11.1-.16.22-.16.37h-.96c0-.26.06-.49.19-.69.13-.2.3-.37.54-.48.23-.12.5-.18.8-.18.33,0,.6.05.83.16.23.11.4.25.52.43s.18.38.18.61c0,.25-.08.45-.24.62-.16.17-.38.29-.66.37-.28.08-.59.12-.93.12v-.47Z"
+          />
+        </g>
+        <g>
+          <g>
+            <path
+              className={classes.whiteLine}
+              d="M9.56,52.81l2.08-.42v4.41h-1.01v-3.35l-1.07.27v-.91Z"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M11.2,79.14c.12-.13.22-.24.3-.35.08-.1.15-.21.19-.31.04-.1.07-.21.07-.33,0-.07-.01-.13-.04-.2-.02-.07-.06-.12-.11-.18s-.11-.09-.19-.12c-.07-.03-.16-.05-.26-.05-.13,0-.25.03-.35.1-.1.07-.18.16-.23.28-.05.12-.08.26-.08.41h-1.03c0-.31.06-.59.19-.85.13-.26.32-.46.58-.61.26-.15.57-.23.94-.23.27,0,.51.04.71.12.21.08.38.19.52.32.14.13.24.28.31.44s.11.32.11.49c0,.24-.06.45-.17.65s-.27.37-.45.54l-1.01.9h1.73v.96h-3.67l1.93-2Z"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M10.41,105.46c-.21-.08-.38-.19-.52-.33-.14-.14-.25-.3-.33-.48s-.11-.36-.11-.55h1.03c0,.14.03.26.09.35s.15.17.25.21.22.07.33.07c.12,0,.23-.02.33-.06.09-.04.17-.1.22-.18.05-.08.08-.18.08-.3,0-.09-.02-.17-.06-.25-.04-.07-.09-.14-.17-.19s-.17-.1-.29-.13c-.12-.03-.25-.04-.41-.04v-.53c.28,0,.55.02.78.07.24.05.44.12.62.22.18.1.31.23.41.39.09.16.14.34.14.56,0,.25-.07.47-.2.67-.14.19-.33.34-.58.45s-.56.16-.91.16c-.26,0-.49-.04-.7-.12ZM10.85,102.91c.12,0,.23-.02.32-.05.1-.03.18-.07.25-.13s.13-.12.16-.19.06-.14.06-.22c0-.08-.02-.16-.06-.22s-.09-.12-.16-.15c-.07-.04-.16-.05-.27-.05-.17,0-.3.05-.41.14-.11.1-.16.22-.16.37h-.96c0-.26.06-.49.19-.69.13-.2.3-.37.54-.48.23-.12.5-.18.8-.18.33,0,.6.05.83.16.23.11.4.25.52.43.12.18.18.38.18.61,0,.25-.08.45-.24.62-.16.17-.38.29-.66.37-.28.08-.59.12-.93.12v-.47Z"
+            />
+            <path
+              className={classes.whiteLine}
+              d="M11.74,125.49h.78v4.33h-1.09v-1.09l.12-.07v-1.66l-.93,1.29h1.6l.11-.14h.89v.89h-3.97l2.51-3.57Z"
+            />
+          </g>
+          <g>
+            <path
+              className={classes.whiteLine}
+              d="M11.52,25.99c-2.36,0-4.27,1.91-4.27,4.27s1.91,4.27,4.27,4.27,4.27-1.91,4.27-4.27-1.91-4.27-4.27-4.27ZM11.52,32.96c-1.49,0-2.7-1.21-2.7-2.7s1.21-2.7,2.7-2.7,2.7,1.21,2.7,2.7-1.21,2.7-2.7,2.7Z"
+            />
+            <circle className={classes.whiteLine} cx="11.52" cy="30.26" r="1.58" />
+          </g>
+        </g>
+        <g>
+          <path
+            className={classes.whiteLine}
+            d="M125.18,104.25c0-1.87-.73-3.63-2.05-4.95-.52-.52-1.36-.52-1.88,0-.52.52-.52,1.36,0,1.88.82.82,1.27,1.91,1.27,3.07s-.45,2.25-1.27,3.07c-.26.26-.39.6-.39.94s.13.68.39.94c.52.52,1.36.52,1.88,0,1.32-1.32,2.05-3.08,2.05-4.95ZM129.55,104.25c0-3.04-1.18-5.89-3.33-8.04-.52-.52-1.36-.52-1.88,0-.52.52-.52,1.36,0,1.88,1.65,1.65,2.55,3.84,2.55,6.16s-.91,4.52-2.55,6.16c-.26.26-.39.6-.39.94s.13.68.39.94c.52.52,1.36.52,1.88,0,2.15-2.15,3.33-5,3.33-8.04ZM129.32,115.39c2.98-2.98,4.61-6.93,4.61-11.14s-1.64-8.16-4.61-11.14c-.52-.52-1.36-.52-1.88,0-.26.26-.39.6-.39.94s.13.68.39.94c2.47,2.47,3.84,5.76,3.84,9.26s-1.36,6.79-3.84,9.26c-.52.52-.52,1.36,0,1.88.52.52,1.36.52,1.88,0Z"
+          />
+          <path
+            className={classes.whiteLine}
+            d="M119.42,101.25c-.42-.42-1.22-.42-1.64,0-.45.45-.45,1.19,0,1.64.36.36.56.84.56,1.36s-.2.99-.56,1.36c-.22.22-.34.51-.34.82s.12.6.34.82c.22.22.51.34.82.34s.6-.12.82-.34c.8-.8,1.24-1.86,1.24-3s-.44-2.2-1.24-3Z"
+          />
+        </g>
+        <g>
+          <path
+            className={classes.whiteLine}
+            d="M69.54,71.64c-.37,0-.67.12-.89.36-.22.24-.34.57-.34.98v1.87c0,.4.11.73.34.98.22.24.52.36.89.36s.67-.12.89-.36c.22-.24.34-.57.34-.98v-1.87c0-.41-.11-.74-.34-.98-.22-.24-.51-.36-.89-.36Z"
+          />
+          <polygon
+            className={classes.whiteLine}
+            points="84.72 74.75 86.43 74.75 85.58 72.27 84.72 74.75"
+          />
+          <polygon
+            className={classes.whiteLine}
+            points="47.83 74.75 49.54 74.75 48.68 72.27 47.83 74.75"
+          />
+          <path
+            className={classes.whiteLine}
+            d="M39.87,68.43v10.73h67.77v-10.73H39.87ZM50.38,77.21l-.48-1.4h-2.43l-.48,1.4h-1.18l.05-.14,2.38-6.45h.91l2.43,6.58h-1.18ZM58.49,74.8c0,.78-.21,1.39-.62,1.82-.41.43-.99.65-1.73.65s-1.32-.22-1.73-.65c-.41-.43-.61-1.05-.61-1.82v-4.17h1.1v4.21c0,.44.11.78.33,1.01.21.23.51.35.92.35s.71-.11.92-.35c.22-.23.33-.58.33-1.01v-4.21h1.1v4.17ZM65.22,71.68h-1.8v5.53h-1.1v-5.53h-1.8v-1.05h4.71v1.05ZM71.89,74.82c0,.49-.1.92-.29,1.29-.2.37-.47.66-.82.86-.35.2-.76.31-1.23.31s-.88-.1-1.23-.31c-.35-.2-.63-.49-.82-.86-.19-.37-.29-.8-.29-1.29v-1.81c0-.49.1-.92.29-1.29.19-.37.47-.66.82-.86.35-.2.77-.31,1.23-.31s.88.1,1.23.31c.35.2.63.49.82.86.19.37.29.8.29,1.29v1.81ZM80.37,77.21h-1.08v-4.01l-1.36,3.12h-.76l-.03-.06-1.33-2.99v3.94h-1.08v-6.58h1.01l.03.06,1.78,4.01,1.81-4.07h1.01v6.58ZM87.27,77.21l-.48-1.4h-2.43l-.48,1.4h-1.18l.05-.14,2.38-6.45h.91l2.43,6.58h-1.18ZM94.61,71.68h-1.8v5.53h-1.1v-5.53h-1.8v-1.05h4.71v1.05ZM101.02,71.68h-3.2v1.73h2.72v1.05h-2.72v1.69h3.2v1.05h-4.3v-6.58h4.3v1.05Z"
+          />
+        </g>
+        {/* buttons for port selection */}
+        {/* I2C PORTS */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 0, //address here is not important for I2C, the restrictions are per component not per port
+              addressType: quack.AddressType.ADDRESS_TYPE_I2C,
+              label: "1",
+              autoDetectable: false
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="11.5"
+          cy="30"
+          rx={buttonSize.rxSmall}
+          ry={buttonSize.rySmall}
+        />
+        {/* CONFIGURABLE PIN PORTS - Note input Ports 3 and 4 and all control ports are locked for the monitor */}
+        {/* PORT 1 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 1,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "1",
+              autoDetectable: true
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="11.5"
+          cy="55"
+          rx={buttonSize.rxSmall}
+          ry={buttonSize.rySmall}
+        />
+        {/* PORT 2 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 2,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "2",
+              autoDetectable: true
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="11.5"
+          cy="79"
+          rx={buttonSize.rxSmall}
+          ry={buttonSize.rySmall}
+        />
+        {/* PORT 3 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 4,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "3",
+              autoDetectable: true
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="11.5"
+          cy="103"
+          rx={buttonSize.rxSmall}
+          ry={buttonSize.rySmall}
+        />
+        {/* Port 4 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 8,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "4",
+              autoDetectable: true
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="11.5"
+          cy="127"
+          rx={buttonSize.rxSmall}
+          ry={buttonSize.rySmall}
+        />
+        {/* Controller ports - note these are all locked for monitor devices */}
+        {/* PORT C1 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 256,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "C1",
+              autoDetectable: false
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="64"
+          cy="141"
+          rx={buttonSize.rxSmall}
+          ry={buttonSize.rySmall}
+        />
+        {/* PORT C2 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 512,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "C2",
+              autoDetectable: false
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="93"
+          cy="141"
+          rx={buttonSize.rxSmall}
+          ry={buttonSize.rySmall}
+        />
+        {/* Port C3 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 1024,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "C3",
+              autoDetectable: false
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="122"
+          cy="141"
+          rx={buttonSize.rxSmall}
+          ry={buttonSize.rySmall}
+        />
+      </svg>
+    );
+  };
+
+  const miVentSVG = (V2?: boolean) => {
+    return (
+      <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 224.2 224.2">
+        <g>
+          <g>
+            <path
+              className={classes.miVent2}
+              d="M109.2,116.5c-.2,0-.4,0-.6.2-.1.2-.2.4-.2.6v1.2c0,.3,0,.5.2.6.1.2.3.2.6.2s.4,0,.6-.2c.1-.2.2-.4.2-.6v-1.2c0-.3,0-.5-.2-.6-.1-.2-.3-.2-.6-.2Z"
+            />
+            <path
+              className={classes.miVent2}
+              d="M114.2,116.7c0-.1-.2-.2-.3-.2h-1v1.1h1c.1,0,.3,0,.3-.1,0-.1.1-.2.1-.4s0-.3-.1-.4Z"
+            />
+            <path
+              className={classes.miVent2}
+              d="M94.6,116.5c-.2,0-.4,0-.6.2-.1.2-.2.4-.2.6v1.2c0,.3,0,.5.2.6.1.2.3.2.6.2s.4,0,.6-.2c.1-.2.2-.4.2-.6v-1.2c0-.3,0-.5-.2-.6-.1-.2-.3-.2-.6-.2Z"
+            />
+            <polygon
+              className={classes.miVent2}
+              points="75.9 118.5 76.9 118.5 76.4 116.9 75.9 118.5"
+            />
+            <polygon
+              className={classes.miVent2}
+              points="138.4 118.5 139.5 118.5 138.9 116.9 138.4 118.5"
+            />
+            <path
+              className={classes.miVent2}
+              d="M83.6,116.7c0-.1-.2-.2-.3-.2h-1v1.1h1c.1,0,.3,0,.3-.1,0-.1.1-.2.1-.4s0-.3-.1-.4Z"
+            />
+            <path
+              className={classes.miVent2}
+              d="M148.9,116.5c-.2,0-.4,0-.6.2-.1.2-.2.4-.2.6v1.2c0,.3,0,.5.2.6.1.2.3.2.6.2s.4,0,.6-.2c.1-.2.2-.4.2-.6v-1.2c0-.3,0-.5-.2-.6-.1-.2-.3-.2-.6-.2Z"
+            />
+            <path
+              className={classes.miVent2}
+              d="M73.1,113v10.1h84.2v-10.1h-84.2ZM77.5,120.1l-.3-.9h-1.5l-.3.9h-.7,0c0,0,1.5-4.2,1.5-4.2h.6s1.5,4.2,1.5,4.2h-.7ZM80,120.1h-.7v-4.2h.7v4.2ZM83.9,120.1h0s-.8-1.7-.8-1.7h-.7v1.7h-.7v-4.2h1.7c.2,0,.5,0,.6.2.2.1.3.2.4.4.1.2.2.4.2.6s0,.5-.2.6c-.1.2-.2.3-.4.4,0,0,0,0-.1,0l.9,1.8h-.8ZM91.7,120.1h-.7v-2.5l-.9,2h-.5l-.9-1.9v2.5h-.7v-4.2h.7s1.1,2.6,1.1,2.6l1.1-2.6h.6v4.2ZM96.1,118.5c0,.3,0,.6-.2.8-.1.2-.3.4-.5.5-.2.1-.5.2-.8.2s-.6,0-.8-.2c-.2-.1-.4-.3-.5-.5-.1-.2-.2-.5-.2-.8v-1.1c0-.3,0-.6.2-.8.1-.2.3-.4.5-.5.2-.1.5-.2.8-.2s.6,0,.8.2c.2.1.4.3.5.5.1.2.2.5.2.8v1.1ZM100.7,120h-.6s-1.8-2.8-1.8-2.8v2.8h-.7v-4.1h.6s1.8,2.8,1.8,2.8v-2.8h.7v4.1ZM102.9,120.1h-.7v-4.2h.7v4.2ZM106.9,116.6h-1.1v3.5h-.7v-3.5h-1.1v-.7h3v.7ZM110.7,118.5c0,.3,0,.6-.2.8-.1.2-.3.4-.5.5-.2.1-.5.2-.8.2s-.6,0-.8-.2c-.2-.1-.4-.3-.5-.5-.1-.2-.2-.5-.2-.8v-1.1c0-.3,0-.6.2-.8.1-.2.3-.4.5-.5.2-.1.5-.2.8-.2s.6,0,.8.2c.2.1.4.3.5.5.1.2.2.5.2.8v1.1ZM114.5,120.1h0s-.8-1.7-.8-1.7h-.7v1.7h-.7v-4.2h1.7c.2,0,.5,0,.6.2.2.1.3.2.4.4.1.2.2.4.2.6s0,.5-.2.6c-.1.2-.2.3-.4.4,0,0,0,0-.1,0l.9,1.8h-.8ZM117.2,120.1h-.7v-4.2h.7v4.2ZM121.9,120h-.6s-1.8-2.8-1.8-2.8v2.8h-.7v-4.1h.6s1.8,2.8,1.8,2.8v-2.8h.7v4.1ZM126.3,118.5c0,.3,0,.6-.2.8-.1.2-.3.4-.5.6-.2.1-.5.2-.8.2s-.6,0-.8-.2c-.2-.1-.4-.3-.5-.5-.1-.2-.2-.5-.2-.8v-1.2c0-.3,0-.6.2-.8.1-.2.3-.4.5-.6.2-.1.5-.2.8-.2s.5,0,.7.2c.2.1.4.3.5.4.1.2.2.4.3.7h0c0,0-.7,0-.7,0h0c0-.2-.1-.4-.3-.5-.1-.1-.3-.2-.4-.2-.2,0-.4,0-.6.2-.1.2-.2.4-.2.6v1.2c0,.2,0,.4.2.6.1.1.3.2.6.2s.4,0,.6-.2c.1-.2.2-.4.2-.7h0c0-.1-.8-.1-.8-.1v-.7h1.5v.8ZM132.4,119.8c-.3.2-.6.3-1.1.3s-.4,0-.6,0c-.2,0-.3,0-.5-.2-.2,0-.3-.2-.4-.3h0s.4-.6.4-.6h0c.1.2.3.3.5.3.2,0,.4,0,.6,0s.5,0,.6-.2c.1,0,.2-.2.2-.4s0-.2-.1-.3c0,0-.2-.1-.3-.2-.1,0-.3,0-.4,0-.2,0-.3,0-.5,0-.2,0-.3,0-.4-.2-.1,0-.3-.2-.3-.3,0-.1-.1-.3-.1-.6,0-.4.1-.7.4-.9.3-.2.6-.3,1.1-.3s.4,0,.7.1c.2,0,.4.2.6.3h0s-.4.6-.4.6h0c-.1-.1-.3-.2-.4-.3-.1,0-.3,0-.4,0-.3,0-.5,0-.6.2-.1,0-.2.2-.2.4s0,.2.1.3c0,0,.2.1.3.2.1,0,.3,0,.5.1.1,0,.3,0,.4.1.2,0,.3.1.4.2.1,0,.2.2.3.3,0,.1.1.3.1.6,0,.4-.1.7-.4.9ZM136.5,116.6h-1.1v3.5h-.7v-3.5h-1.1v-.7h3v.7ZM140,120.1l-.3-.9h-1.5l-.3.9h-.7,0c0,0,1.5-4.2,1.5-4.2h.6s1.5,4.2,1.5,4.2h-.7ZM144.3,116.6h-1.1v3.5h-.7v-3.5h-1.1v-.7h3v.7ZM146,120.1h-.7v-4.2h.7v4.2ZM150.4,118.5c0,.3,0,.6-.2.8-.1.2-.3.4-.5.5-.2.1-.5.2-.8.2s-.6,0-.8-.2c-.2-.1-.4-.3-.5-.5-.1-.2-.2-.5-.2-.8v-1.1c0-.3,0-.6.2-.8.1-.2.3-.4.5-.5.2-.1.5-.2.8-.2s.6,0,.8.2c.2.1.4.3.5.5.1.2.2.5.2.8v1.1ZM154.9,120h-.6s-1.8-2.8-1.8-2.8v2.8h-.7v-4.1h.6s1.8,2.8,1.8,2.8v-2.8h.7v4.1Z"
+            />
+          </g>
+          <g>
+            <polygon
+              className={classes.miVent2}
+              points="80.8 102.3 76 91.7 73.1 91.7 73.1 109.5 76.3 109.5 76.3 99.5 79.7 107.1 81.9 107.1 85.3 99.3 85.3 109.5 88.4 109.5 88.4 91.7 85.5 91.7 80.8 102.3"
+            />
+            <polygon
+              className={classes.miVent2}
+              points="113.8 109.5 125.6 109.5 125.6 106.4 117 106.4 117 102.2 124.3 102.2 124.3 99.1 117 99.1 117 94.7 125.6 94.7 125.6 91.7 113.8 91.7 113.8 109.5"
+            />
+            <polygon
+              className={classes.miVent2}
+              points="138.9 103.4 131.4 91.7 128.6 91.7 128.6 109.5 131.8 109.5 131.8 97.9 139.2 109.5 142 109.5 142 91.7 138.9 91.7 138.9 103.4"
+            />
+            <polygon
+              className={classes.miVent2}
+              points="144.5 91.7 144.5 94.7 149.3 94.7 149.3 109.5 152.5 109.5 152.5 94.7 157.3 94.7 157.3 91.7 144.5 91.7"
+            />
+            <rect className={classes.miVent2} x="91.6" y="98.2" width="3.2" height="11.3" />
+            <rect className={classes.miVent2} x="91.6" y="91.7" width="3.2" height="3.1" />
+            <polygon
+              className={classes.miVent2}
+              points="108.3 91.7 104.5 104 102.7 98.2 99.4 98.2 103.1 109.5 105.9 109.5 111.8 91.7 108.3 91.7"
+            />
+            <polygon
+              className={classes.miVent2}
+              points="101.7 94.7 100.7 91.7 97.3 91.7 98.3 94.7 101.7 94.7"
+            />
+          </g>
+        </g>
+        <path
+          className={classes.miVent2}
+          d="M19.5,132.5v-1.2l3.4-4.6c.2-.3.4-.5.5-.8s.2-.5.2-.8h0c0-.4-.1-.7-.3-.9s-.6-.3-1-.3-.7.1-1,.4c-.3.2-.4.6-.5,1h0s-1.4,0-1.4,0h0c.1-.9.4-1.5.9-2,.5-.5,1.1-.7,1.9-.7s1.6.2,2,.7c.5.4.7,1.1.7,1.9h0c0,.4,0,.7-.2,1.1-.1.4-.3.7-.6,1.1l-2.8,3.9h3.7v1.3h-5.5Z"
+        />
+        <path
+          className={classes.miVent2}
+          d="M22.2,53.2c-3.8,0-6.9,3.1-6.9,6.9s3.1,6.9,6.9,6.9,6.9-3.1,6.9-6.9-3.1-6.9-6.9-6.9ZM22.2,64.1c-2.2,0-4-1.8-4-4s1.8-4,4-4,4,1.8,4,4-1.8,4-4,4Z"
+        />
+        <g>
+          <line className={classes.miVent0} x1="45.2" y1="203.3" x2="45.2" y2="198.9" />
+          <path
+            className={classes.miVent0}
+            d="M42.5,201.2c-.8.7-1.3,1.8-1.3,2.9,0,2.2,1.8,4,4,4s4-1.8,4-4-.5-2.2-1.3-2.9"
+          />
+        </g>
+        <path
+          className={classes.miVent2}
+          d="M123.5,190.8h67.5c3.5,0,6.3,2.8,6.3,6.3v21.4h-80.2v-21.4c0-3.5,2.8-6.3,6.3-6.3Z"
+        />
+        <path
+          className={classes.miVent2}
+          d="M22.2,167.6c-.6,0-1-.1-1.5-.3s-.8-.5-1-.9-.4-.8-.5-1.4h1.4c0,.4.2.7.5.9.3.2.6.3,1,.3s.8-.1,1.1-.4.4-.6.4-1v-.3c0-.5-.1-.9-.4-1.1-.2-.3-.6-.4-1-.4h-.7v-1.3h.7c.4,0,.7-.1.9-.3s.3-.6.3-1v-.3c0-.4-.1-.7-.3-.9-.2-.2-.5-.3-1-.3s-.6,0-.9.3c-.2.2-.4.5-.5.9h-1.4c.1-.8.5-1.4.9-1.9s1.1-.7,1.8-.7,1.5.2,2,.7c.5.4.7,1.1.7,1.9v.2c0,.5-.1.9-.4,1.3-.3.4-.6.6-1.1.8.5.1,1,.4,1.2.8.3.4.4.9.4,1.6v.2c0,.9-.2,1.5-.7,2s-1.2.7-2.1.7Z"
+        />
+        <path className={classes.miVent2} d="M23.3,88v9.8h-1.4v-8.3l-1.4.9v-1.4l1.4-.9h1.4Z" />
+        <rect
+          className={classes.miVent1}
+          x="4.8"
+          y="4.2"
+          width="214.5"
+          height="214.5"
+          rx="7.2"
+          ry="7.2"
+        />
+        {/* I2C PORTS */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: 0, //address here is not important for I2C, the restrictions are per component not per port
+              addressType: quack.AddressType.ADDRESS_TYPE_I2C,
+              label: "1",
+              autoDetectable: false
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="22.7"
+          cy="60"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+        <path
+          onClick={e => {
+            openMenu(e, {
+              address: 0, //address here is not important for I2C, the restrictions are per component not per port
+              addressType: quack.AddressType.ADDRESS_TYPE_I2C,
+              label: "1",
+              autoDetectable: false
+            });
+          }}
+          className={classes.testButton}
+          d="M108,187h86c 3.5,0, 6.3,2.8, 6.3,6.3 v30h-86v-30c 0-3.5,2.8-6.3, 6.3-6.3Z"
+        />
+        {/* PORT 1 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: V2 ? 1 : 4,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "1",
+              autoDetectable: true
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="22.7"
+          cy="93"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+        {/* PORT 2 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: V2 ? 2 : 8,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "2",
+              autoDetectable: true
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="22.7"
+          cy="128"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+        {/* PORT 3 */}
+        <ellipse
+          onClick={e => {
+            openMenu(e, {
+              address: V2 ? 4 : 16,
+              addressType: quack.AddressType.ADDRESS_TYPE_CONFIGURABLE_PIN_ARRAY,
+              label: "3",
+              autoDetectable: true
+            });
+          }}
+          className={classes.testButton}
+          id="button"
+          cx="22.7"
+          cy="163"
+          rx={buttonSize.rxLarge}
+          ry={buttonSize.ryLarge}
+        />
+        {/* <rect 
+          className={classes.testButton}
+          width="85"
+          height="30"
+          x="115"
+          y="187"
+          rx="10"/>
+        <rect 
+          className={classes.testButton}
+          width="85"
+          height="17.5"
+          x="115"
+          y="204.5"/> */}
+      </svg>
+    );
+  };
+
+  const getProductSVG = () => {
+    switch (device.settings.product) {
+      case pond.DeviceProduct.DEVICE_PRODUCT_BINDAPT_PLUS_PRO:
+        return bindaptPlusProSVG();
+      case pond.DeviceProduct.DEVICE_PRODUCT_BINDAPT_PLUS_PRO_MOD:
+        return bindaptPlusProModSVG();
+      case pond.DeviceProduct.DEVICE_PRODUCT_BIN_HALO:
+        return binHaloSVG();
+      case pond.DeviceProduct.DEVICE_PRODUCT_BINDAPT_PLUS:
+        return bindaptPlusSVG();
+      case pond.DeviceProduct.DEVICE_PRODUCT_BINDAPT_PLUS_MOD:
+        return bindaptPlusModSVG();
+      case pond.DeviceProduct.DEVICE_PRODUCT_BIN_MONITOR:
+        return binMonitorSVG();
+      case pond.DeviceProduct.DEVICE_PRODUCT_OMNIAIR:
+        return miPCASVG();
+      case pond.DeviceProduct.DEVICE_PRODUCT_MIPCA_V2:
+        return miPCAV2SVG();
+      case pond.DeviceProduct.DEVICE_PRODUCT_NEXUS_ST:
+        return nexusSTSVG();
+      case pond.DeviceProduct.DEVICE_PRODUCT_BINDAPT_V2_MONITOR:
+        return bindaptV2Monitor();
+      case pond.DeviceProduct.DEVICE_PRODUCT_BINDAPT_V2_AUTOMATE:
+        return bindaptV2Automate();
+      case pond.DeviceProduct.DEVICE_PRODUCT_MIVENT:
+        return miVentSVG();
+      case pond.DeviceProduct.DEVICE_PRODUCT_MIVENT_V2:
+        return miVentSVG(true);
+    }
+  };
+
+  return (
+    <React.Fragment>
+      {lockedPortDialog()}
+      <Box height={"100%"} maxWidth={isMobile ? 360 : 460} margin="auto">
+        {getProductSVG()}
+      </Box>
+    </React.Fragment>
+  );
+}
diff --git a/src/models/Headspace.ts b/src/models/Headspace.ts
new file mode 100644
index 0000000..bb4342b
--- /dev/null
+++ b/src/models/Headspace.ts
@@ -0,0 +1,139 @@
+import { pond } from "protobuf-ts/pond";
+import { quack } from "protobuf-ts/pond";
+import { or } from "utils/types";
+import { cloneDeep } from "lodash";
+import { Component } from "models";
+import { describeMeasurement } from "pbHelpers/MeasurementDescriber";
+
+export class Headspace {
+  public settings: pond.ComponentSettings = pond.ComponentSettings.create();
+  public status: pond.ComponentStatus = pond.ComponentStatus.create();
+  public temperature: number = -127;
+  public humidity: number = 200;
+
+  public static create(comp: Component): Headspace {
+    let my = new Headspace();
+    my.settings = comp.settings;
+    my.status = comp.status;
+
+    if (comp.status.measurement.length > 0) {
+      comp.status.measurement.forEach(um => {
+        if (um.values[0]) {
+          if (um.type === quack.MeasurementType.MEASUREMENT_TYPE_TEMPERATURE) {
+            my.temperature = um.values[0].values[0];
+          }
+          if (um.type === quack.MeasurementType.MEASUREMENT_TYPE_PERCENT) {
+            my.humidity = um.values[0].values[0];
+          }
+        }
+      });
+    } else {
+      let temp = comp.status?.lastMeasurement?.measurement?.humidityAndTemperature?.celciusTimes_10;
+      let hum =
+        comp.status?.lastMeasurement?.measurement?.humidityAndTemperature
+          ?.relativeHumidityTimes_100;
+      if (temp === undefined) {
+        if (comp.status?.lastMeasurement?.measurement?.humidityAndTemperature) {
+          let humAndTemp = comp.status?.lastMeasurement?.measurement?.humidityAndTemperature as any;
+          temp = humAndTemp["celciusTimes10"];
+          hum = humAndTemp["relativeHumidityTimes100"];
+        }
+      }
+      my.temperature = or(temp, -1270) / 10;
+      my.humidity = or(hum, 20000) / 100;
+    }
+
+    return my;
+  }
+
+  public static createPond(comp: pond.Component): Headspace {
+    let my = new Headspace();
+    my.settings = comp.settings ? comp.settings : pond.ComponentSettings.create();
+    my.status = comp.status ? comp.status : pond.ComponentStatus.create();
+    let temp = comp.status?.lastMeasurement?.measurement?.humidityAndTemperature?.celciusTimes_10;
+    let hum =
+      comp.status?.lastMeasurement?.measurement?.humidityAndTemperature?.relativeHumidityTimes_100;
+    if (temp === undefined) {
+      if (comp.status?.lastMeasurement?.measurement?.humidityAndTemperature) {
+        let humAndTemp = comp.status?.lastMeasurement?.measurement?.humidityAndTemperature as any;
+        temp = humAndTemp["celciusTimes10"];
+        hum = humAndTemp["relativeHumidityTimes100"];
+      }
+    }
+    my.temperature = or(temp, -1270) / 10;
+    my.humidity = or(hum, 20000) / 100;
+
+    return my;
+  }
+
+  public static any(data: any): Headspace {
+    let comp = pond.Component.fromObject(cloneDeep(data));
+    let my = Headspace.createPond(comp);
+    if (data && data.status && data.status.lastMeasurement) {
+      my.status.lastMeasurement = data.status.lastMeasurement;
+    }
+    return my;
+  }
+
+  public update(other: Headspace) {
+    this.settings = other.settings;
+    this.status = other.status;
+  }
+
+  public static humidColour() {
+    return describeMeasurement(
+      quack.MeasurementType.MEASUREMENT_TYPE_PERCENT,
+      quack.ComponentType.COMPONENT_TYPE_DHT
+    ).colour();
+  }
+
+  public static tempColour() {
+    return describeMeasurement(quack.MeasurementType.MEASUREMENT_TYPE_TEMPERATURE).colour();
+  }
+
+  public name(): string {
+    return this.settings.name !== "" ? this.settings.name : "Component " + this.key();
+  }
+
+  public key(): string {
+    return this.settings.key;
+  }
+
+  public location(): quack.ComponentID {
+    return quack.ComponentID.fromObject({
+      type: this.settings.type,
+      addressType: this.settings.addressType,
+      address: this.settings.address
+    });
+  }
+
+  public locationString(): string {
+    return (
+      or(this.settings.type, 0).toString() +
+      "-" +
+      or(this.settings.addressType, 0).toString() +
+      "-" +
+      or(this.settings.address, 0).toString()
+    );
+  }
+
+  public type(): quack.ComponentType {
+    return this.settings.type;
+  }
+
+  public subType(): number {
+    return this.settings.subtype;
+  }
+
+  public getTempString(unit = pond.TemperatureUnit.TEMPERATURE_UNIT_CELSIUS): string {
+    if (this.temperature < -126) return "NaN";
+    if (unit === pond.TemperatureUnit.TEMPERATURE_UNIT_FAHRENHEIT)
+      return (this.temperature * (9 / 5) + 32).toFixed(2) + "°F";
+    return this.temperature.toFixed(2) + "°C";
+  }
+
+  public getHumidityString(): string {
+    if (this.humidity > 199) return "NaN";
+    return this.humidity.toFixed(2) + "%";
+  }
+}
diff --git a/src/pages/Bin.tsx b/src/pages/Bin.tsx
index 86b3157..1cda075 100644
--- a/src/pages/Bin.tsx
+++ b/src/pages/Bin.tsx
@@ -49,7 +49,7 @@ import Chat from "chat/Chat";
 import TasksIcon from "products/Construction/TasksIcon";
 // import TaskViewer from "tasks/TaskViewer";
 import FieldsIcon from "products/AgIcons/FieldsIcon";
-// import BinComponentTypes from "bin/BinComponentTypes";
+import BinComponentTypes from "bin/BinComponentTypes";
 import { Plenum } from "models/Plenum";
 import { GrainCable } from "models/GrainCable";
 // import { Controller } from "models/Controller";
@@ -218,7 +218,7 @@ export default function Bin(props: Props) {
     setValue(newValue);
   };
 
-  const StyledToggle = styled(ToggleButton)(({ theme }: { theme: Theme }) => ({
+  const StyledToggle = styled(ToggleButton)(() => ({
     root: {
       backgroundColor: "transparent",
       overflow: "visible",
@@ -297,11 +297,11 @@ export default function Bin(props: Props) {
         let attachedDevIds: number[] = [];
         if (resp.data.componentDevices)
           Object.keys(resp.data.componentDevices).forEach(k => {
-            // newComponentDevices.set(k, parseInt(resp.data.componentDevices[k]));
-            // //make a list of all of the ids for devices that components are currently attached
-            // if (!attachedDevIds.includes(parseInt(resp.data.componentDevices[k]))) {
-            //   attachedDevIds.push(parseInt(resp.data.componentDevices[k]));
-            // }
+            newComponentDevices.set(k, resp.data.componentDevices[k]);
+            //make a list of all of the ids for devices that components are currently attached
+            if (!attachedDevIds.includes(resp.data.componentDevices[k])) {
+              attachedDevIds.push(resp.data.componentDevices[k]);
+            }
           });
         setComponentDevices(newComponentDevices);
 
@@ -329,12 +329,12 @@ export default function Bin(props: Props) {
         }
         if (resp.data.components) {
           let compMap: Map<string, Component> = new Map();
-          // resp.data.components.forEach((comp: Component, index: number, arr: Component[]) => {
-          //   if (comp && comp.settings) {
-          //     let c = Component.any(comp);
-          //     compMap.set(comp.settings.key, c);
-          //   }
-          // });
+          resp.data.components.forEach((comp: pond.Component) => {
+            if (comp && comp.settings) {
+              let c = Component.any(comp);
+              compMap.set(comp.settings.key, c);
+            }
+          });
           setComponents(compMap);
         }
         if (resp.data.presets) {
@@ -803,14 +803,14 @@ export default function Bin(props: Props) {
             <Typography style={{ fontWeight: 650 }}>Bin Components</Typography>
           </AccordionSummary>
           <AccordionDetails>
-            {/* <BinComponentTypes
+            <BinComponentTypes
               bin={bin.key()}
               updateBinStatus={updateStatus}
               components={components}
               setComponents={setComponents}
               preferences={preferences}
               setPreferences={setPreferences}
-            /> */}
+            />
           </AccordionDetails>
         </Accordion>
       </Card>