.Breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--color-typo-secondary);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

  .Breadcrumbs_size_xs {
      --delimiter-space: var(--space-xs);
      font-size: var(--control-text-size-xs);
    }

  .Breadcrumbs_size_s {
      --delimiter-space: var(--space-s);
      font-size: var(--control-text-size-s);
    }

  .Breadcrumbs_size_m {
      --delimiter-space: var(--space-m);
      font-size: var(--control-text-size-m);
    }

  .Breadcrumbs_size_l {
      --delimiter-space: var(--space-l);
      font-size: var(--control-text-size-l);
    }

  .Breadcrumbs-Item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .Breadcrumbs-Link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: var(--color-typo-secondary);
    text-decoration: none;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
  }

  .Breadcrumbs-Link_active {
      color: var(--color-typo-primary);
      pointer-events: none;
    }

  .Breadcrumbs-Link:hover {
      color: var(--color-typo-link-hover);
    }

  .Breadcrumbs-Icon {
    margin-right: var(--space-xs);
  }

  .Breadcrumbs-Delimiter {
    margin: 0 var(--delimiter-space);
    color: var(--color-typo-ghost);
  }

  .Breadcrumbs-More {
    color: var(--color-control-typo-clear);
  }