import { styled } from 'view-container'

const styles = styled.hoist `
  .skipnav a,
  .skipnav {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;

    &:focus,
    &:active {
      position: static;
      left: 0;
      width: auto;
      height: auto;
      overflow: visible;
      text-decoration: underline;
    }
  }
`

export default styles