import styled from 'styled-components';
import { selectors } from '@defencedigital/design-tokens';
import { StyledBreadcrumbsItem } from './StyledBreadcrumbsItem';
var fontSize = selectors.fontSize;
export var StyledBreadcrumbsList = styled.ol.withConfig({
  displayName: "StyledBreadcrumbsList",
  componentId: "sc-gv7tw1-0"
})(["display:flex;font-size:", ";margin:0;padding:0;list-style:none;align-items:center;", ":hover ~ ", "{opacity:0.2;}"], fontSize('base'), StyledBreadcrumbsItem, StyledBreadcrumbsItem);