/**
 * Copyright (c) HashiCorp, Inc.
 * SPDX-License-Identifier: MPL-2.0
 */

%skip-links {
  display: flex;
  flex-direction: column;
  position: absolute;
  z-index: 10;
  left: 50%;
  padding: 20px;
  top: -100px;
  transform: translateX(-50%);
}
%skip-links div,
%skip-links button,
%skip-links a {
  display: block;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
}
%skip-links:focus-within {
  top: 0px;
}