:host {
  display: inline-block;
  position: absolute;
  z-index: 99999;
}
:host:has(:not(:focus-within)) {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
:host:has(:focus-within) {
  top: var(--r-spacing-100);
  padding: var(--r-spacing-100);
  border: 1px solid var(--r-border-regular);
  background: var(--r-background-softest);
  left: var(--r-skip-link--left, 50%);
  transform: var(--r-skip-link--transform, translateX(-50%));
}

:host([position=left]) {
  --r-skip-link--left: var(--r-spacing-100);
  --r-skip-link--transform: none;
}

::slotted(*:not(:focus-within)) {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}