import styled from 'styled-components';
import { selectors } from '@defencedigital/design-tokens';
var color = selectors.color,
  fontSize = selectors.fontSize,
  spacing = selectors.spacing,
  zIndex = selectors.zIndex;
export var StyledTodayMarker = styled.div.withConfig({
  displayName: "StyledTodayMarker",
  componentId: "sc-1vhudhh-0"
})(["position:absolute;top:4rem;left:", ";display:inline-block;width:", ";height:100vh;background-color:", ";z-index:", ";&::before{content:'Today';display:inline-block;color:", ";background-color:", ";font-size:", ";transform:translate(-50%,-200%);}"], function (_ref) {
  var $leftPx = _ref.$leftPx;
  return $leftPx || 0;
}, spacing('px'), color('danger', '500'), zIndex('body', 999), color('danger', '500'), color('neutral', 'white'), fontSize('xxs'));