/* One breadcrumb component shared by every Velmora page. */
.ve-academy-trail {
  position: relative;
  display: inline-flex;
  max-width: 100%;
  min-height: 36px;
  align-items: center;
  gap: 7px;
  margin: 0 0 14px;
  padding: 5px 10px 5px 7px;
  overflow: hidden;
  color: #aeb8c5;
  background:
    linear-gradient(90deg, rgba(212, 163, 115, .1), rgba(13, 20, 31, .78) 42%, rgba(13, 20, 31, .4)),
    #0a111b;
  border: 1px solid rgba(212, 163, 115, .24);
  border-radius: 999px;
  box-shadow: inset 0 1px rgba(255, 255, 255, .03), 0 10px 24px rgba(0, 0, 0, .24);
  font-size: 12px;
}

.ve-trail-seal {
  display: grid;
  width: 25px;
  height: 25px;
  flex: 0 0 25px;
  place-items: center;
  color: #edc893;
  background: radial-gradient(circle, rgba(212, 163, 115, .2), rgba(212, 163, 115, .04));
  border: 1px solid rgba(212, 163, 115, .38);
  border-radius: 50%;
}

.ve-trail-seal .ve-icon,
.ve-trail-stop .ve-icon,
.ve-trail-divider .ve-icon {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
}

.ve-trail-stop {
  min-width: 0;
  min-height: 25px;
  padding: 3px 7px;
  color: #b9c3cf;
  border-radius: 999px;
  text-decoration: none;
  transition: color .16s ease, background .16s ease;
}

.ve-trail-stop span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

a.ve-trail-stop:hover,
a.ve-trail-stop:focus-visible {
  color: #f2dbc0;
  background: rgba(212, 163, 115, .1);
  outline: none;
}

.ve-trail-stop.is-current {
  max-width: min(42vw, 360px);
  color: #f1d3ac;
  background: rgba(212, 163, 115, .12);
  box-shadow: inset 0 0 0 1px rgba(212, 163, 115, .18);
}

.ve-trail-divider {
  display: inline-flex;
  flex: 0 0 auto;
  color: rgba(212, 163, 115, .62);
}

@media (max-width: 560px) {
  .ve-academy-trail {
    width: 100%;
    min-height: 42px;
    margin-bottom: 10px;
    padding: 6px 8px;
    border-radius: 14px;
  }

  .ve-trail-stop:not(.is-current) span {
    display: none;
  }

  .ve-trail-stop {
    padding-inline: 5px;
  }

  .ve-trail-stop.is-current {
    max-width: none;
    flex: 1 1 auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ve-trail-stop {
    transition: none;
  }
}