.gl-breadcrumbs {
  width: 100%;
  font-family: Onest, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.gl-breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.gl-breadcrumbs li {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  color: rgba(255, 255, 255, .45);
}

.gl-breadcrumbs li + li::before {
  content: "/";
  color: rgba(255, 255, 255, .25);
}

.gl-breadcrumbs a {
  color: rgba(255, 255, 255, .6);
  text-decoration: none;
  transition: color .2s;
}

.gl-breadcrumbs a:hover {
  color: rgba(255, 141, 40, 1);
}

.gl-breadcrumbs span[aria-current] {
  overflow: hidden;
  max-width: 60vw;
  color: rgba(255, 255, 255, .85);
  text-overflow: ellipsis;
  white-space: nowrap;
}