/* SkipNavigation Component Styles */

.skip-nav-link {
  position: absolute;
  top: 0;
  left: 4.5rem;
  max-width: 20rem;
  background: var(--dhcs-color-bg-white);
  color: var(--dhcs-color-secondary);
  padding: var(--dhcs-spacing-sm) var(--dhcs-spacing-md);
  font-size: 16px;
  text-decoration: underline;
  z-index: 9999;
  transform: translateY(-100%);
  text-align: left;
  transition:
    transform 0.3s ease-in-out,
    visibility 0.3s ease-in-out;
  clip-path: inset(0 0 100% 0);
  box-sizing: border-box;
}

.skip-nav-link:focus {
  transform: translateY(0);
  clip-path: none;
  outline: none;
}