@import "../variate.less";

.@{elNamespace}-breadcrumb {
  .@{elNamespace}-breadcrumb__item {
    font-size: 12px;

    &:last-child {
      .@{elNamespace}-breadcrumb__inner {
        color: var(~'--@{elNamespace}-text-color-primary');
      }
    }

    .@{elNamespace}-breadcrumb__inner {
      color: var(~'--@{elNamespace}-text-color-secondary');

      .cip-breadcrumb-item--link {
        cursor: pointer;
        color: #3f3f3f;
        font-weight: 400;

        &:hover {
          color: @primary;
        }
      }
    }

    .@{elNamespace}-breadcrumb__separator {
      color: var(~'--@{elNamespace}-text-color-secondary');
      font-weight: 400;
      margin: 0 6px;
    }
  }
}