import styled from "styled-components";
import { BoxSizingStyle } from "../BoxSizingStyle";
import { FontStyle } from "../FontStyle";
import { List } from "../List";
export const StyledNavElement = styled.nav.withConfig({
  displayName: "Styles__StyledNavElement",
  componentId: "sc-rxaesd-0"
})(["", " ", " ", " ", ""], {
  "width": "100%"
}, {
  "overflow": "hidden"
}, FontStyle, BoxSizingStyle);
StyledNavElement.displayName = "StyledNavElement";
export const StyledListWrapper = styled.div.withConfig({
  displayName: "Styles__StyledListWrapper",
  componentId: "sc-rxaesd-1"
})(["", ""], {
  "display": "inline-block"
});
StyledListWrapper.displayName = "StyledListWrapper";
export const StyledOList = styled.ol.withConfig({
  displayName: "Styles__StyledOList",
  componentId: "sc-rxaesd-2"
})(["", " ", " ", " ", " ", " ", ""], {
  "display": "flex"
}, {
  "alignItems": "flex-start"
}, {
  "alignItems": "center"
}, {
  "listStyleType": "none"
}, {
  "padding": "0px"
}, {
  "margin": "0px"
});
StyledOList.displayName = "StyledOList";
export const StyledMenuList = styled(List).withConfig({
  displayName: "Styles__StyledMenuList",
  componentId: "sc-rxaesd-3"
})(["", ""], {
  "paddingTop": "0.5rem",
  "paddingBottom": "0.5rem"
});
StyledMenuList.displayName = "StyledMenuList";
export const StyledBreadcrumbListItem = styled.li.withConfig({
  displayName: "Styles__StyledBreadcrumbListItem",
  componentId: "sc-rxaesd-4"
})(["", " ", ""], {
  "display": "flex"
}, {
  "flexShrink": "0"
});
StyledBreadcrumbListItem.displayName = "StyledBreadcrumbListItem";
//# sourceMappingURL=Styles.js.map