@layer components {nav[pi-breadcrumbs]{font-family:var(--pi-font-family);display:flex;align-items:center;column-gap:var(--pi-size-spacing-8);box-sizing:border-box;margin:0;padding:0;--pi-breadcrumbs-color: var(--pi-color-neutral-200);--pi-breadcrumbs-color-hover: var(--pi-color-neutral-25);--pi-breadcrumbs-color-active: var(--pi-color-white);--pi-breadcrumbs-separator-color: var(--pi-color-neutral-400)}nav[pi-breadcrumbs][pi-breadcrumbs=light]{--pi-breadcrumbs-color: var(--pi-color-neutral-200);--pi-breadcrumbs-color-hover: var(--pi-color-neutral-25);--pi-breadcrumbs-color-active: var(--pi-color-white);--pi-breadcrumbs-separator-color: var(--pi-color-neutral-400)}nav[pi-breadcrumbs][pi-breadcrumbs=dark]{--pi-breadcrumbs-color: var(--pi-color-neutral-500);--pi-breadcrumbs-color-hover: var(--pi-color-neutral-800);--pi-breadcrumbs-color-active: var(--pi-color-black);--pi-breadcrumbs-separator-color: var(--pi-color-neutral-400)}nav[pi-breadcrumbs]>a,nav[pi-breadcrumbs]>span{display:flex;align-items:center;column-gap:var(--pi-size-spacing-8);color:var(--pi-breadcrumbs-color);font-size:var(--pi-size-font-single-line-11-text);line-height:var(--pi-size-font-single-line-11-line);text-decoration:none;white-space:nowrap;height:42px;position:relative}nav[pi-breadcrumbs]>a:not(:first-child)::before,nav[pi-breadcrumbs]>span:not(:first-child)::before{content:"";mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='black' d='m12.6 11.546-3.9-3.9a.948.948 0 0 1-.275-.7c0-.284.092-.517.275-.7a.948.948 0 0 1 .7-.276c.283 0 .517.092.7.275l4.6 4.6c.1.1.17.209.213.325.041.117.062.242.062.376 0 .133-.02.258-.063.375a.878.878 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.274.948.948 0 0 1-.7-.274.948.948 0 0 1-.275-.7c0-.284.092-.517.275-.7l3.9-3.9Z'/%3E%3C/svg%3E");mask-size:cover;mask-repeat:no-repeat;mask-position:center center;background-color:var(--pi-breadcrumbs-separator-color);width:12px;height:12px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}nav[pi-breadcrumbs]>a:hover,nav[pi-breadcrumbs]>span:hover{color:var(--pi-breadcrumbs-color-hover)}nav[pi-breadcrumbs]>a [pi-icon],nav[pi-breadcrumbs]>span [pi-icon]{--pi-icon-size: 16px;flex-shrink:0;cursor:inherit}nav[pi-breadcrumbs]>a:last-child,nav[pi-breadcrumbs]>span:last-child{pointer-events:none;cursor:default;color:var(--pi-breadcrumbs-color-active)}nav[pi-breadcrumbs]>a:last-child:hover,nav[pi-breadcrumbs]>span:last-child:hover{color:var(--pi-breadcrumbs-color-active)}nav[pi-breadcrumbs]>a{cursor:pointer}nav[pi-breadcrumbs]>span{cursor:default}nav[pi-breadcrumbs][pi-breadcrumbs-collapsed]{flex-wrap:nowrap;overflow:hidden}nav[pi-breadcrumbs][pi-breadcrumbs-collapsed]>a:first-child,nav[pi-breadcrumbs][pi-breadcrumbs-collapsed]>span:first-child{flex-shrink:0}nav[pi-breadcrumbs][pi-breadcrumbs-collapsed]>a:first-child::after,nav[pi-breadcrumbs][pi-breadcrumbs-collapsed]>span:first-child::after{content:"";display:inline-flex;align-items:center;column-gap:var(--pi-size-spacing-8);margin-left:var(--pi-size-spacing-8);color:var(--pi-breadcrumbs-color);font-size:var(--pi-size-font-single-line-11-text);line-height:var(--pi-size-font-single-line-11-line);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='black' d='m12.6 11.546-3.9-3.9a.948.948 0 0 1-.275-.7c0-.284.092-.517.275-.7a.948.948 0 0 1 .7-.276c.283 0 .517.092.7.275l4.6 4.6c.1.1.17.209.213.325.041.117.062.242.062.376 0 .133-.02.258-.063.375a.878.878 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.274.948.948 0 0 1-.7-.274.948.948 0 0 1-.275-.7c0-.284.092-.517.275-.7l3.9-3.9Z'/%3E%3C/svg%3E");mask-size:12px 12px;mask-repeat:no-repeat;mask-position:left center;background-color:var(--pi-breadcrumbs-separator-color);width:12px;height:12px}nav[pi-breadcrumbs][pi-breadcrumbs-collapsed][pi-breadcrumbs-has-hidden]::before{content:"...";display:flex;align-items:center;order:1;color:var(--pi-breadcrumbs-color);font-size:var(--pi-size-font-single-line-11-text);line-height:var(--pi-size-font-single-line-11-line);height:42px;flex-shrink:0}nav[pi-breadcrumbs][pi-breadcrumbs-collapsed]:not([pi-breadcrumbs-has-hidden])>a:first-child::after,nav[pi-breadcrumbs][pi-breadcrumbs-collapsed]:not([pi-breadcrumbs-has-hidden])>span:first-child::after{display:none}nav[pi-breadcrumbs][pi-breadcrumbs-collapsed]>a:first-child,nav[pi-breadcrumbs][pi-breadcrumbs-collapsed]>span:first-child{order:0}nav[pi-breadcrumbs][pi-breadcrumbs-collapsed]>a:not(:first-child),nav[pi-breadcrumbs][pi-breadcrumbs-collapsed]>span:not(:first-child){order:2}nav[pi-breadcrumbs][pi-breadcrumbs-collapsed]>a:not(:first-child):not(:last-child):not([pi-breadcrumbs-visible]),nav[pi-breadcrumbs][pi-breadcrumbs-collapsed]>span:not(:first-child):not(:last-child):not([pi-breadcrumbs-visible]){display:none}nav[pi-breadcrumbs][pi-breadcrumbs-collapsed]>a[pi-breadcrumbs-visible],nav[pi-breadcrumbs][pi-breadcrumbs-collapsed]>span[pi-breadcrumbs-visible]{display:flex;flex-shrink:0}nav[pi-breadcrumbs][pi-breadcrumbs-collapsed][pi-breadcrumbs-has-hidden]>a:last-child,nav[pi-breadcrumbs][pi-breadcrumbs-collapsed][pi-breadcrumbs-has-hidden]>span:last-child{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;line-height:42px}nav[pi-breadcrumbs][pi-breadcrumbs-collapsed][pi-breadcrumbs-has-hidden]>a:last-child::before,nav[pi-breadcrumbs][pi-breadcrumbs-collapsed][pi-breadcrumbs-has-hidden]>span:last-child::before{position:relative;top:-4px;margin-right:var(--pi-size-spacing-8)}}