.activity-desktop-breadcrumb {
  display: none;
}

@media (min-width: 769px) {
  .activity-desktop-breadcrumb {
    display: flex;
    align-items: center;
    gap: 18px;
    width: max-content;
    height: 36px;
    color: var(--activity-desktop-breadcrumb-color, #fff);
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    white-space: nowrap;
  }

  .activity-desktop-breadcrumb__back {
    display: grid;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    color: inherit;
    place-items: center;
  }

  .activity-desktop-breadcrumb__icon {
    display: block;
    width: 24px;
    height: 24px;
    overflow: visible;
    fill: currentColor;
  }

  .activity-desktop-breadcrumb__trail {
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .activity-desktop-breadcrumb__parent {
    color: inherit;
    text-decoration: none;
  }

  .activity-desktop-breadcrumb__current {
    cursor: default;
  }
}