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

  .Breadcrumbs_inverted .Breadcrumbs-Delimiter {
      color: #fff;
    }

  .Breadcrumbs_size_m {
      --delimiter-space: var(--space-2xs);
      --breadcrumbs-height: var(--control-height-s);
      --breadcrumbs-font-size: var(--size-text-m);
      --breadcrumbs-space-left: var(--space-m);
      --breadcrumbs-space-right: var(--space-m);
    }

  @media screen and (max-width: 767px) {

  .Breadcrumbs_size_m {
        --delimiter-space: var(--space-2xs);
        --breadcrumbs-space-left: var(--space-2s);
        --breadcrumbs-space-right: var(--space-2s);
        --breadcrumbs-font-size: calc(var(--space-s) + 1px);
        --breadcrumbs-height: var(--space-2xl)
    }
      }

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

  .Breadcrumbs-Item_isFirst .Breadcrumbs-Label {
        text-transform: uppercase;
        font-size: var(--size-text-xs);
        letter-spacing: 0.6px;
        font-weight: var(--font-weight-text-bold);
        display: block;
      }

  @media screen and (max-width: 767px) {

  .Breadcrumbs-Item_isFirst .Breadcrumbs-Label {
          font-size: var(--size-text-xs)
      }
        }

  @media screen and (max-width: 767px) {

  .Breadcrumbs-Item_hideFirst {
        width: 31px
    }
      }

  @media screen and (max-width: 767px) {

  .Breadcrumbs-Item_hideFirst + .Breadcrumbs-Item {
          max-width: 52.857143%
      }
        }

  @media screen and (max-width: 767px) {

  .Breadcrumbs-Item_hideFirst + .Breadcrumbs-Item .Breadcrumbs-Link {
            width: calc(100% - 12px - 8px)
        }
          }

  @media screen and (max-width: 767px) {

  .Breadcrumbs-Item_hideFirst + .Breadcrumbs-Item .Breadcrumbs-Label {
            max-width: 100%
        }
          }

  @media screen and (max-width: 767px) {

  .Breadcrumbs-Item_hideFirst + .Breadcrumbs-Item + .Breadcrumbs-Item {
            max-width: 36.428571%
        }
          }

  @media screen and (max-width: 767px) {

  .Breadcrumbs-Item_hideFirst + .Breadcrumbs-Item + .Breadcrumbs-Item .Breadcrumbs-Label {
              max-width: 100%
          }
            }

  @media screen and (max-width: 767px) {

  .Breadcrumbs-Item_hideFirst + .Breadcrumbs-Item + .Breadcrumbs-Item .Breadcrumbs-Link {
              width: calc(100% - 12px - 8px)
          }
            }

  @media screen and (max-width: 767px) {
          .Breadcrumbs-Item_hideFirst .Breadcrumbs-Label:after {
            content: '...';
          }
        }

  @media screen and (max-width: 767px) {

  .Breadcrumbs-Item_hideFirst .Breadcrumbs-Label span {
            display: none
        }
          }

  .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;

    --bg-color-hover-state: var(--color-charcoal);
    --bg-color-active-state: var(--color-reach-black);
  }

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

  .Breadcrumbs-Link_inverted .Breadcrumbs-Label {
        --bg-color-hover-state: var(--color-decor);
        --bg-color-active-state: var(--color-decor);
        background-color: #fff;
        color: var(--color-reach-black);
      }

  .Breadcrumbs-Link:hover .Breadcrumbs-Label {
        background-color: var(--bg-color-hover-state);
      }

  .Breadcrumbs-Link:active .Breadcrumbs-Label {
        background-color: var(--bg-color-active-state);
      }

  .Breadcrumbs-Label {
    background-color: var(--color-reach-black);
    color: #fff;
    height: var(--breadcrumbs-height);
    line-height: var(--breadcrumbs-height);
    padding-left: var(--breadcrumbs-space-left);
    padding-right: var(--breadcrumbs-space-right);
    border-radius: var(--control-radius);
    font-weight: var(--font-weight-text-medium);
    max-width: 246px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: 0.15s ease all;
    transition: 0.15s ease all;
    letter-spacing: 0.2px;
  }

  @media screen and (max-width: 767px) {

  .Breadcrumbs-Label {
      max-width: 194px
  }
    }

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

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

  @media screen and (max-width: 767px) {

  .Breadcrumbs-Delimiter {
      min-width: 12px;
      width: 12px
  }
    }

  @media screen and (max-width: 767px) {

  .Breadcrumbs-Delimiter.Breadcrumbs-Delimiter_size_s {
        --icon-size: var(--graphics-size-xs)
    }
      }

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