import styled from 'styled-components';
import { selectors } from '@defencedigital/design-tokens';
import { getTransitionOpacity } from '../../../../styled-components';
var fontSize = selectors.fontSize;
export var StyledHeadTitle = styled.div.withConfig({
  displayName: "StyledHeadTitle",
  componentId: "sc-lebsoo-0"
})(["font-weight:600;font-size:", ";white-space:nowrap;opacity:", ";transition:opacity 150ms linear;"], fontSize('l'), function (_ref) {
  var $transitionStatus = _ref.$transitionStatus;
  return getTransitionOpacity($transitionStatus);
});