@layer onyx.component{.onyx-breadcrumb-item{--onyx-breadcrumb-item-color:var(--onyx-color-text-icons-neutral-medium);--onyx-breadcrumb-item-color-hover:var(--onyx-color-text-icons-neutral-intense);--onyx-breadcrumb-item-background:transparent;--onyx-breadcrumb-item-background-hover:var(--onyx-color-base-neutral-200);--onyx-breadcrumb-item-outline-color:var(--onyx-color-component-focus-neutral);--onyx-breadcrumb-item-padding-vertical:var(--onyx-density-3xs);--onyx-breadcrumb-item-padding-inline:var(--onyx-density-xs);font-family:var(--onyx-font-family-paragraph);color:var(--onyx-breadcrumb-item-color);background-color:var(--onyx-breadcrumb-item-background);justify-content:center;align-items:center;list-style:none;display:inline-flex}.onyx-breadcrumb-item__link{display:inherit;justify-content:inherit;align-items:inherit;gap:var(--onyx-density-3xs);padding:var(--onyx-breadcrumb-item-padding-vertical) var(--onyx-breadcrumb-item-padding-inline);border-radius:var(--onyx-radius-sm);cursor:pointer;background-color:#0000;border:none}.onyx-breadcrumb-item__link:hover{color:var(--onyx-breadcrumb-item-color-hover);background-color:var(--onyx-breadcrumb-item-background-hover)}.onyx-breadcrumb-item__link:focus-visible{outline:var(--onyx-outline-width) solid var(--onyx-breadcrumb-item-outline-color)}.onyx-breadcrumb-item--active{--onyx-breadcrumb-item-color:var(--onyx-color-text-icons-primary-intense);--onyx-breadcrumb-item-color-hover:var(--onyx-color-text-icons-primary-bold);--onyx-breadcrumb-item-background-hover:var(--onyx-color-base-primary-200);--onyx-breadcrumb-item-outline-color:var(--onyx-color-component-focus-primary)}.onyx-breadcrumb-item:before{content:"/";margin-right:var(--onyx-density-xs);color:var(--onyx-color-text-icons-neutral-medium)}.onyx-breadcrumb-item:has(.onyx-icon:only-child){--onyx-breadcrumb-item-padding-vertical:var(--onyx-density-2xs);--onyx-breadcrumb-item-padding-inline:var(--onyx-breadcrumb-item-padding-vertical)}.onyx-breadcrumb-item__skeleton{cursor:initial;height:calc(1lh + 2 * var(--onyx-breadcrumb-item-padding-vertical));width:calc(1.5rem + 2 * var(--onyx-breadcrumb-item-padding-inline));padding:0}}