@value ( var-md ) from "~@xo-union/tk-ui-breakpoints/lib/variables.css";
@value ( varBackgroundLightContrast ) from "~@xo-union/tk-ui-colors/lib/variables.css";
.left-nav-container {
  height: 100%;
}

.left-nav {
  overflow-y: auto;
  position: sticky;
  top: 0;
}
@media (max-height: 548px) {
  .left-nav {
    height: 100vh;
  }
}

.skip-to-content {
  position: absolute;
  top: -48px;
}
.skip-to-content:focus {
  display: inline-block;
  margin: 12px auto 12px 32px;
  position: static;
}
.skip-to-content:focus::after {
  background-color: varBackgroundLightContrast;
  content: "";
  height: 48px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100vw;
  z-index: -1;
}