/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
rui-breadcrumb {
  display: block;
  --rui-breadcrumb-separator: '/';
}
@layer components {
  .rui-breadcrumb__list {
    margin: 0px;
    display: flex;
    list-style-type: none;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--spacing-inline, var(--space-inline));
    padding: 0px;
    font-size: var(--text-sm, var(--text-sm));
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
  }
  .rui-breadcrumb__item {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-inline, var(--space-inline));
  }
  .rui-breadcrumb__link {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-inline, var(--space-inline));
    color: var(--color-primary, var(--primary));
    text-underline-offset: 2px;
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .rui-breadcrumb__page,
	.rui-breadcrumb [aria-current='page'] {
    --tw-font-weight: var(--font-weight-medium, var(--weight-medium));
    font-weight: var(--font-weight-medium, var(--weight-medium));
    color: var(--color-on-background, var(--on-background));
  }
  .rui-breadcrumb__separator {
    display: inline-flex;
    align-items: center;
    color: var(--color-on-surface, var(--on-surface));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-on-surface, var(--on-surface)) 60%, transparent);
    }
  }
  .rui-breadcrumb__separator:empty::before {
    content: var(--rui-breadcrumb-separator);
  }
  .rui-breadcrumb__ellipsis {
    display: inline-flex;
    align-items: center;
    --tw-tracking: var(--tracking-widest, 0.1em);
    letter-spacing: var(--tracking-widest, 0.1em);
    color: var(--color-on-surface, var(--on-surface));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-on-surface, var(--on-surface)) 60%, transparent);
    }
  }
  .rui-breadcrumb__ellipsis-label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-font-weight: initial;
      --tw-tracking: initial;
    }
  }
}