import styled from 'styled-components';
import { selectors } from '@defencedigital/design-tokens';
import { StyledContent } from '../../../../primitives/FloatingBox/partials/StyledContent';
var spacing = selectors.spacing,
  color = selectors.color;
export var StyledNav = styled.nav.withConfig({
  displayName: "StyledNav",
  componentId: "sc-q1nq30-0"
})(["height:100%;padding:", " ", ";color:", ";", "{transform:translateX(0.5rem);}"], spacing('1'), spacing('6'), color('neutral', 'white'), StyledContent);