import styled from 'styled-components';
import { selectors } from '@defencedigital/design-tokens';
var color = selectors.color,
  fontSize = selectors.fontSize;
export var StyledNotificationDot = styled.span.withConfig({
  displayName: "StyledNotificationDot",
  componentId: "sc-m74ml9-0"
})(["position:absolute;top:-7px;right:-5px;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:9999px;background-color:", ";border:3px solid ", ";color:", ";font-size:", ";font-weight:600;"], color('danger', '600'), color('neutral', '700'), color('neutral', 'white'), fontSize('s'));