/*********************
 * Breadcrumbs *
 *********************/
@utility breadcrumbs {
  :where(ul, ol) {
    @apply flow items-center;
    gap: 0.25em;
  }
}

/*********************
 * Crumb *
 *********************/

@layer base {
  .crumb [aria-current] {
    @apply pigment;
    --border-radius: 0;
    --border-color: transparent;

    /* opacity: 0.7; */
  }
}

@utility crumb {
  & {
    display: flex;
    align-items: center;
    gap: inherit;
  }
}