header .breadcrumbs {
  font-family: var(--ff-barlow, inherit);
  font-size: var(--fs-300);
  font-weight: var(--font-weight, var(--fw-bold));
  display: flex;
  gap: 1rem;
  place-items: center;
  place-content: center;
}
header .breadcrumbs a {
  border-bottom: none;
}
header .breadcrumbs a:hover {
  border-bottom: none;
}
header .breadcrumbs p {
  color: hsl(var(--clr-white));
  margin: 0;
  margin-top: -6px;
  padding: 0;
}
header .breadcrumbs .icon {
  /*--fill: hsl(var(--clr-secondary-800));*/
  --fill: hsl(var(--clr-yellow-1000));
}

.login-register .breadcrumbs {
  font-family: var(--ff-barlow);
  margin-bottom: 3.25rem;
  display: grid;
  place-items: center;
  text-align: center;
  /*        @media (min-width: 992px) {
      display: flex;
  }*/
}
@media (max-width: 991px) {
  .login-register .breadcrumbs {
    display: none;
  }
  .login-register .breadcrumbs .breadcrumbs {
    margin-bottom: unset;
  }
}
.login-register .breadcrumbs ul {
  padding-left: 0;
}
.login-register .breadcrumbs .list {
  --nav-gap: 2ch;
  list-style: none;
  display: flex;
  align-items: center;
  gap: var(--nav-gap);
  font-size: var(--fs-300);
}
.login-register .breadcrumbs .list > li:first-of-type:not(.crumb) a {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--nav-gap) / 4);
}
.login-register .breadcrumbs .list li a {
  text-underline-offset: 0.25em;
  outline-offset: 3px;
}
.login-register .breadcrumbs .list li a:not([data-completed=true]) {
  pointer-events: none;
}
.login-register .breadcrumbs .list li a:not([aria-current=page]) {
  color: hsl(var(--clr-dark-700));
  text-decoration: none;
}
.login-register .breadcrumbs .list li a[data-completed=true] {
  color: hsl(var(--clr-primary-800));
  text-decoration: underline;
}
.login-register .breadcrumbs .list li a[aria-current=page] {
  position: relative;
  pointer-events: auto;
  text-decoration: none;
  text-underline-offset: unset;
  outline-offset: unset;
  color: hsl(var(--clr-black));
  background: hsl(var(--clr-primary-600));
  padding-inline: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.75rem;
  border-radius: var(--radius-2);
  transition: all 250ms ease;
}
.login-register .breadcrumbs .list li a[aria-current=page]:after {
  position: absolute;
  content: "";
  display: inline-block;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: hsl(var(--clr-primary-600)) transparent transparent transparent;
}
.login-register .breadcrumbs .list li a[aria-current=page]:hover {
  color: hsl(var(--clr-primary-700));
  text-decoration: underline;
}
.login-register .breadcrumbs .list > .crumb:last-of-type {
  scroll-snap-align: end;
}
.login-register .breadcrumbs .crumb-separator {
  /*color: hsl(var(--clr-dark-500));*/
  color: hsl(var(--clr-dark-600));
  padding-inline: 0.5em;
}