.cui-breadcrumb {
  display: flex;
  align-items: center; }
  .cui-breadcrumb .cui-breadcrumb-item {
    font-size: 14px; }
  .cui-breadcrumb .cui-breadcrumb-seperator {
    font-size: 14px;
    margin: 0 6px; }
  .cui-breadcrumb .cui-breadcrumb-item {
    display: flex;
    text-decoration: none;
    color: #607d8b;
    transition: color 200ms cubic-bezier(0.4, 1, 0.75, 0.9); }
    .cui-breadcrumb .cui-breadcrumb-item .cui-icon {
      color: #607d8b; }
  .cui-breadcrumb a.cui-breadcrumb-item {
    color: #b0bec5; }
    .cui-breadcrumb a.cui-breadcrumb-item .cui-icon {
      color: #b0bec5; }
    .cui-breadcrumb a.cui-breadcrumb-item:hover {
      color: #607d8b; }
      .cui-breadcrumb a.cui-breadcrumb-item:hover .cui-icon {
        color: #607d8b; }
  .cui-breadcrumb .cui-breadcrumb-seperator {
    display: flex;
    color: #607d8b; }
    .cui-breadcrumb .cui-breadcrumb-seperator:last-child {
      display: none; }
  .cui-breadcrumb.cui-xs .cui-breadcrumb-item {
    font-size: 12px; }
  .cui-breadcrumb.cui-xs .cui-breadcrumb-seperator {
    font-size: 12px;
    margin: 0 5px; }
  .cui-breadcrumb.cui-sm .cui-breadcrumb-item {
    font-size: 13px; }
  .cui-breadcrumb.cui-sm .cui-breadcrumb-seperator {
    font-size: 13px;
    margin: 0 5.5px; }
  .cui-breadcrumb.cui-lg .cui-breadcrumb-item {
    font-size: 16px; }
  .cui-breadcrumb.cui-lg .cui-breadcrumb-seperator {
    font-size: 16px;
    margin: 0 7px; }
  .cui-breadcrumb.cui-xl .cui-breadcrumb-item {
    font-size: 18px; }
  .cui-breadcrumb.cui-xl .cui-breadcrumb-seperator {
    font-size: 18px;
    margin: 0 8px; }