.glass-navbar {
  background-color: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.bg-grid-white {
  background-color: rgb(5,8,15);
  background-image: linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px), linear-gradient(rgba(255,255,255,0.015) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.015) 1px, transparent 1px);
  background-size: 32px 32px, 32px 32px, 8px 8px, 8px 8px;
  background-position: 0 0, 0 0, 0 0, 0 0;
  background-repeat: repeat;
}

/* Optional utility variants */

.bg-grid-white--dense {
  background-size: 24px 24px, 24px 24px, 6px 6px, 6px 6px;
}

.bg-grid-white--light {
  background-image: linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px), linear-gradient(rgba(255,255,255,0.01) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.01) 1px, transparent 1px);
}

.badge {
  font-family: Geist;
  font-size: smaller;
  font-weight: lighter;
}