.is-liquid {
  position: relative;
  isolation: isolate;
}

.liquid-pill {
  position: absolute;
  z-index: -1;
  border-radius: 9999px;
  opacity: 0;
  pointer-events: none;
  will-change: left, right;
}

.liquid-pill.is-visible {
  opacity: 1;
}

.liquid-pill-nav {
  background: var(--surface, #fff);
  box-shadow: var(--shadow-2, 0 4px 16px rgba(0, 0, 0, .08)), inset 0 0 0 1px var(--glass-rim, rgba(255, 255, 255, .9));
}

.liquid-pill-chip {
  background: var(--brand-tint, rgba(10, 89, 247, .1));
}

.navbar .navbar-nav.is-liquid .nav-link[aria-current="page"] {
  color: var(--ink) !important;
  background: transparent;
}