.kf-navbar__menu-list {
  display: flex;
  align-items: center;
  gap: var(--kf-space-md);
  margin: 0;
  padding: 0;
  overflow: hidden;
  transition:
    opacity var(--kf-dt-base) var(--kf-ease),
    max-width var(--kf-dt-focus) var(--kf-ease),
    gap var(--kf-dt-focus) var(--kf-ease),
    margin var(--kf-dt-focus) var(--kf-ease),
    visibility 0s linear 0s;
}

.kf-navbar__menu-item {
  display: flex;
  align-items: center;
}

.kf-navbar__menu-link {
  position: relative;
  display: inline-block;
  color: var(--kf-white-7);
  font-size: var(--kf-fs-sm);
  font-weight: 450;
  letter-spacing: var(--kf-ls-lg);
  padding: 0.25rem 0;
  transition: color var(--kf-dt-base) var(--kf-ease-in-out);
}

.kf-navbar__menu-link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.15rem;
  background: var(--kf-white-9);
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform var(--kf-dt-slow) var(--kf-ease-out);
}

.kf-navbar__menu-link:hover {
  color: var(--kf-text-invert);
}

.kf-navbar__menu-link:hover::after {
  transform: scaleX(1);
  transform-origin: left center;
}

.kf-navbar__menu-link.active,
.kf-navbar__menu-link[aria-current="page"] {
  color: var(--kf-text-invert);
}

.kf-navbar__menu-link.active::after,
.kf-navbar__menu-link[aria-current="page"]::after {
  transform: scaleX(1);
  opacity: 0.6;
}