export default {
  "multiStep": {
    "backgroundColor": "#fff"
  },
  "multiStep_ol": {
    "backgroundColor": "inherit",
    "listStyle": "none",
    "padding": "0.125rem 0 0 0"
  },
  "multiStep__step": {
    "display": "flex",
    "flexWrap": "wrap",
    "alignContent": "flex-start",
    "backgroundColor": "inherit",
    "justifyContent": "center",
    "flex": "1 1 100%",
    "&:not(.complex) .progressTrack": {
      "width": "0"
    },
    "&:not(.current) .progressTrack": {
      "width": "0"
    }
  },
  "@media (max-width: 767px)": {
    "multiStep__step": {
      "&:last-child": {
        "flexBasis": "auto",
        "flexShrink": "0"
      }
    },
    "multiStep__step__dotBar__icon": {
      "left": "calc(50% + 1rem / 2)",
      "right": "initial",
      "transform": "translateX(-50%)"
    },
    "multiStep__step__progressBar_incomplete": {
      "left": "1.875rem"
    },
    "multiStep__step__progressBar": {
      "left": "1rem"
    },
    "multiStep__step__progressBar_incomplete____icon": {
      "left": "calc(50% + 1.5rem)",
      "zIndex": "1",
      "right": "initial",
      "transform": "translateX(-50%)"
    },
    "multiStep__step__progressBar_completed____icon": {
      "left": "calc(50% + 1.5rem)",
      "zIndex": "1",
      "right": "initial",
      "transform": "translateX(-50%)"
    }
  },
  "multiStep__stepIcon": {
    "width": "100%",
    "textAlign": "center",
    "paddingBottom": "0.3125rem",
    "color": "#8e9092"
  },
  "multiStep__step__dotBar": {
    "width": "100%",
    "display": "flex",
    "alignItems": "center",
    "position": "relative",
    "backgroundColor": "inherit"
  },
  "@media (min-width: 768px)": {
    "multiStep__step__dotBar": {
      "justifyContent": "center"
    },
    "multiStep__step__subDotBar": {
      "marginTop": "-0.0625rem",
      "display": "flex"
    }
  },
  "multiStep__step__dotBar__icon": {
    "position": "absolute",
    "transform": "translateX(50%)",
    "color": "#8e9092",
    "display": "flex",
    "top": "-0.375rem",
    "right": "0",
    "backgroundColor": "inherit",
    "zIndex": "2"
  },
  "multiStep__step__subDotBar": {
    "transform": "translateY(-50%)",
    "display": "none",
    "justifyContent": "space-between",
    "&::before": {
      "content": "\"\"",
      "display": "block"
    },
    "&::after": {
      "content": "\"\"",
      "display": "block"
    }
  },
  "multiStep__step__progressBar": {
    "width": "calc(100% - 0.5rem)",
    "height": "2px",
    "backgroundColor": "#8e9092",
    "position": "absolute",
    "left": "calc(50% + 1rem / 2)",
    "top": "50%",
    "overflowX": "visible",
    "transform": "translateY(-50%)",
    "zIndex": "1"
  },
  "multiStep__step__progressBar_incomplete": {
    "backgroundImage": "linear-gradient(to right, black 33%, rgba(255, 255, 255, 0) 0%)",
    "backgroundPosition": "bottom",
    "backgroundSize": "7px 3px",
    "backgroundRepeat": "repeat-x",
    "backgroundColor": "transparent",
    "top": "50% !important"
  },
  "multiStep__step__progressBar_incomplete__progressTrack": {
    "backgroundColor": "transparent"
  },
  "multiStep__step__progressBar_completed": {
    "backgroundColor": "#006fcf"
  },
  "multiStep__step_active__dot": {
    "backgroundColor": "#006fcf"
  },
  "multiStep__step_active__subDot": {
    "backgroundColor": "#006fcf"
  },
  "multiStep__step_active__dotCompleted": {
    "padding": "0.625rem",
    "zIndex": "2"
  },
  "multiStep__step_active__dotCompleted____icon": {
    "top": "0.5rem"
  },
  "multiStep__step_active__dotCompleted__dot": {
    "width": "1.5rem",
    "height": "1.5rem"
  },
  "multiStep__step_active__dotCompleted__dot__glyph": {
    "color": "#fff",
    "display": "flex",
    "justifyContent": "center",
    "alignItems": "center",
    "height": "1.5rem"
  },
  "multiStep__step_active__stepIcon": {
    "color": "#006fcf"
  },
  "multiStep__step_active__dotLabel": {
    "color": "#006fcf"
  },
  "multiStep__step_active__progressBar__progressTrack": {
    "width": "100%"
  },
  "multiStep__step_active__dotBar__icon": {
    "color": "#006fcf"
  },
  "multiStep__step_complex__progressBar": {
    "width": "calc(100% - 1rem)"
  },
  "multiStep__step_current__dotBar": {
    "marginTop": "-0.125rem"
  },
  "multiStep__step_current____dot": {
    "marginTop": "-0.125rem"
  },
  "multiStep__step_current__dotCurrent": {
    "padding": "0.4375rem",
    "zIndex": "2"
  },
  "multiStep__step_current__dotCurrent____icon": {
    "top": "0.5rem"
  },
  "multiStep__step_current__dotCurrent__dot": {
    "height": "1.875rem",
    "width": "1.875rem",
    "boxShadow": "inset 0 0 0 0.125rem #fff, 0 0 0 0.125rem #fff"
  },
  "multiStep__step_current__dot": {
    "height": "1.3125rem",
    "width": "1.3125rem",
    "border": "0.125rem solid #00175a",
    "boxShadow": "inset 0 0 0 0.125rem #fff",
    "backgroundColor": "#00175a"
  },
  "multiStep__step_current__dotSubStep": {
    "padding": "0.4375rem",
    "zIndex": "2"
  },
  "multiStep__step_current__dotSubStep____icon": {
    "top": "0.5rem"
  },
  "multiStep__step_current__dotSubStep__dot": {
    "borderRadius": "50%",
    "boxShadow": "inset 0 0 0 0.125rem #fff, inset 0 0 0 0.25rem #00175a, 0 0 0 0.25rem #fff",
    "border": "0.125rem solid #00175a",
    "backgroundColor": "#fff",
    "height": "1.875rem",
    "width": "1.875rem"
  },
  "multiStep__step_current__dotSubStep_inProgress____dot": {
    "boxShadow": "inset 0 0 0 0.125rem #fff, inset 0 0 0 0.25rem #00175a, 0 0 0 0.3125rem #fff, inset 5.125rem -0.1875rem 0 -4.3125rem #00175a"
  },
  "multiStep__step_current__subDot": {
    "backgroundColor": "#00175a"
  },
  "multiStep__step_current__subDot_currentSub____subDot": {
    "backgroundColor": "#8e9092"
  },
  "multiStep__step_current__stepIcon": {
    "color": "#00175a"
  },
  "multiStep__step_current__dotLabel": {
    "marginTop": "-0.125rem",
    "color": "#00175a"
  },
  "multiStep__step_current__progressBar": {
    "top": "calc(50% - 1px)"
  },
  "multiStep__step__dotIncomplete": {
    "padding": "0.875rem",
    "zIndex": "2"
  },
  "multiStep__step__dotIncomplete____icon": {
    "top": "0.5rem"
  },
  "multiStep__step__dotIncomplete__dot": {
    "height": "1rem",
    "width": "1rem",
    "borderRadius": "50%",
    "zIndex": "2",
    "alignSelf": "center",
    "border": "0.125rem solid #00175a",
    "boxShadow": "inset 0 0 0 0.125rem #fff",
    "backgroundColor": "#fff"
  },
  "multiStep__step__dot": {
    "height": "1rem",
    "width": "1rem",
    "backgroundColor": "#8e9092",
    "borderRadius": "50%",
    "zIndex": "2",
    "alignSelf": "center"
  },
  "multiStep__step__dotLabel": {
    "width": "100%",
    "textAlign": "center",
    "padding": "0.5rem 0.625rem 0",
    "color": "#53565a"
  },
  "multiStep__step__subDot": {
    "height": "0.625rem",
    "width": "0.625rem",
    "backgroundColor": "#8e9092",
    "borderRadius": "50%",
    "zIndex": "2",
    "alignSelf": "center"
  }
}