@layer components {
  .breadcrumbs {
    font-size: var(--font-size-4);
    margin-bottom: var(--size-2);
  }

  .breadcrumbs\/breadcrumb {
    display: inline-block;
    margin-right: 0.25ch;
  }

  .breadcrumbs\/breadcrumb::after {
    color: initial;
    content: " \203a";
    white-space: nowrap;
  }

  .breadcrumbs\/breadcrumb:last-child::after {
    content: unset;
  }
}