.breadcrumbs {
  display: none;

  @media (min-width: 992px) {
    display: flex;
  }

  .breadcrumbs__list {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0;

    .breadcrumb-item {
      list-style: none;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 8px;

      .icon {
        width: 16px;
        height: 16px;
      }

      .breadcrumb-item__link {
        text-decoration: none;
      }

      .breadcrumb-item__separator {
        width: 8px;
        height: 8px;
      }
    }
  }
}