/*  skiplink.st.css  */
@namespace "SkipLink";

:import {
  -st-from: "../../mixins/linkFocus.st.css";
  -st-named: linkFocus;
}

:import {
  -st-from: "../../components/Nav/nav.st.css";
  -st-default: Nav;
}

.root {
  margin: 0;
}

.links {
  -st-extends: Nav;
}

.links::anchor {
  padding: 0;
  text-decoration: underline;
  position: fixed;
  z-index: 100;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.links::anchor:active,
.links::anchor:focus {
  -st-mixin: linkFocus;
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
  text-align: center;
}