.breadcrumbs {
  padding-block: 1rem 3rem;
  font-size: 1.2rem;
  line-height: 1.5;
  min-height: 2.4rem;
}

.breadcrumbs a {
  color: var(--color-base-primary);
  text-decoration: none;
  will-change: opacity;
  transition: opacity var(--duration-default);
}

.breadcrumbs svg {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  transform: translateY(0.2rem);
  margin-right: -0.4rem;
}

@media (hover: hover) and (pointer: fine) {
  .breadcrumbs a:hover {
    opacity: 0.8;
  }
}

.breadcrumbs li span {
  color: #878787;
}