import styled from 'styled-components';
import { selectors } from '@defencedigital/design-tokens';
import { ACTIVE_TAB_BORDER } from '../../TabBase/partials/StyledTab';
var zIndex = selectors.zIndex;
export var StyledTabNav = styled.nav.withConfig({
  displayName: "StyledTabNav",
  componentId: "sc-9sg9ol-0"
})(["padding:0 16px;position:relative;&::after{content:'';display:block;position:absolute;left:0;top:51px;height:1px;width:100%;border-bottom:", ";z-index:", ";}"], ACTIVE_TAB_BORDER, zIndex('header', 1));