@use '../abstracts/mixins/typography';

.pkt-skiplink {
  display: block;
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  background-color: var(--pkt-color-background-default);
  padding: 0.5rem 1rem;
  z-index: 1000;
  clip: rect(0, 0, 0, 0);
  @include typography.get-text('pkt-txt-18-light');
  &:focus,
  &:focus-visible {
    position: fixed;
    left: 1rem;
    top: 1rem;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
  }
}