import styled from 'styled-components';
import { selectors } from '@defencedigital/design-tokens';
var color = selectors.color,
  spacing = selectors.spacing,
  animation = selectors.animation;
export var StyledBreadcrumbsItem = styled.li.withConfig({
  displayName: "StyledBreadcrumbsItem",
  componentId: "sc-ewqvt4-0"
})(["display:inline-flex;transition:all ", ";align-items:center;> a{color:", ";font-weight:400;text-decoration:none;&:hover{color:", ";}}svg{margin:0 ", ";}span,a{vertical-align:top;}"], animation('default'), color('neutral', '400'), color('action', '500'), spacing('2'));