.breads {
  padding: 18px 0 12px;
}
.breads__container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  font-size: 1.3rem;
  color: var(--gray-600);
}
@media (min-width: 768px) {
  .breads__container {
    font-size: 1.2rem;
    gap: 8px;
  }
}
.breads__container a {
  color: var(--blue2);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color 0.15s ease, border-color 0.15s ease;
}
.breads__container a:hover {
  color: var(--blue1);
  border-color: currentColor;
}
.breads__container span {
  color: var(--text-primary);
}
.breads__separator {
  color: var(--gray-500);
  opacity: 0.7;
  user-select: none;
}

/*# sourceMappingURL=style.css.map */