import { rgba } from 'polished';
import { selectors } from '@defencedigital/design-tokens';
import styled from 'styled-components';
import { MAIN_HEIGHT } from './constants';
var color = selectors.color,
  spacing = selectors.spacing;
export var StyledBanner = styled.div.withConfig({
  displayName: "StyledBanner",
  componentId: "sc-1uwtudh-0"
})(["display:flex;align-items:center;height:", ";margin-left:", ";font-weight:700;& > a{text-decoration:none;color:", ";&:hover{text-decoration:none;}&:focus{box-shadow:0 0 0 0.2rem ", ";}}"], MAIN_HEIGHT, spacing('10'), color('action', '900'), rgba(color('action', '700'), 0.5));