import styled from 'styled-components';
import { selectors } from '@defencedigital/design-tokens';
import { StyledHeadTitle } from './StyledHeadTitle';
var color = selectors.color,
  spacing = selectors.spacing;
export var StyledHeadIcon = styled.div.withConfig({
  displayName: "StyledHeadIcon",
  componentId: "sc-q1nuba-0"
})(["display:inline-flex;align-items:center;border-radius:4px;background-color:", ";padding:0.55rem;min-width:18px;& + ", "{position:absolute;top:50%;left:", ";transform:translateY(-50%);}svg{width:18px;height:18px;}"], color('neutral', '500'), StyledHeadTitle, spacing('15'));