import styled, { css } from "styled-components";
import { BoxSizingStyle } from "../../BoxSizingStyle";
import { FontStyle } from "../../FontStyle";
export const StyledSteps = styled.div.withConfig({
  displayName: "Styles__StyledSteps",
  componentId: "sc-fkt5j2-0"
})(["", " ", " display:flex;justify-content:center;"], FontStyle, BoxSizingStyle);
export const StyledStep = styled.div.withConfig({
  displayName: "Styles__StyledStep",
  componentId: "sc-fkt5j2-1"
})(["display:inline-block;width:8px;height:8px;background-color:var(--color-theme-400);border-radius:50%;margin:0 5px;", ""], props => props.$isActiveStep && css(["background-color:var(--color-primary);"]));
StyledSteps.displayName = "StyledSteps";
StyledStep.displayName = "StyledStep";
//# sourceMappingURL=Styles.js.map