@layer design-system.components{.vds-breadcrumb{--breadcrumb-gap:var(--vds-space-1-5,.375rem);--breadcrumb-row-gap:var(--vds-space-0-5,.125rem);--breadcrumb-content-gap:var(--vds-gap-icon-compact,.25rem);--breadcrumb-item-padding-inline:0;--breadcrumb-item-padding-block:0;--breadcrumb-pill-padding-inline:var(--vds-space-1-5,.375rem);--breadcrumb-pill-padding-block:.1875rem;--breadcrumb-item-radius:var(--vds-radius-breadcrumb-item,.375rem);--breadcrumb-item-border-width:1px;--breadcrumb-item-border-color:transparent;--breadcrumb-item-bg:transparent;--breadcrumb-item-bg-hover:transparent;--breadcrumb-font-family:var(--vds-font-sans,ui-sans-serif, system-ui, sans-serif);--breadcrumb-font-size:var(--vds-text-sm,.875rem);--breadcrumb-font-weight:var(--vds-font-weight-normal,400);--breadcrumb-page-weight:var(--vds-font-weight-medium,500);--breadcrumb-line-height:var(--vds-control-line-height,1.5);--breadcrumb-label-offset:0px;--breadcrumb-icon-offset:0px;--breadcrumb-separator-offset:0px;--breadcrumb-item-max-inline-size:16ch;--breadcrumb-icon-size:1em;--breadcrumb-leading-icon-size:1em;--breadcrumb-link-color:var(--vds-color-text-muted,#6b7280);--breadcrumb-link-color-hover:var(--vds-color-text,#111827);--breadcrumb-link-text-decoration:none;--breadcrumb-link-text-decoration-hover:none;--breadcrumb-page-color:var(--vds-color-text,#111827);--breadcrumb-separator-color:var(--vds-color-text-subtle,#9ca3af);--breadcrumb-transition-duration:var(--vds-duration-fast,.1s);--breadcrumb-transition-easing:var(--vds-ease-out,cubic-bezier(0, 0, .2, 1));--breadcrumb-focus-ring-color:var(--vds-color-ring,#6366f1);--breadcrumb-focus-ring-width:2px;--breadcrumb-focus-ring-offset:2px}.vds-breadcrumb[data-size="2xs"]{--breadcrumb-gap:var(--vds-space-1,.25rem);--breadcrumb-pill-padding-inline:var(--vds-space-1,.25rem);--breadcrumb-pill-padding-block:var(--vds-space-0-5,.125rem);--breadcrumb-font-size:.6875rem}.vds-breadcrumb[data-size=xs]{--breadcrumb-gap:var(--vds-space-1,.25rem);--breadcrumb-pill-padding-inline:var(--vds-space-1,.25rem);--breadcrumb-pill-padding-block:var(--vds-space-0-5,.125rem);--breadcrumb-font-size:var(--vds-text-xs,.75rem)}.vds-breadcrumb[data-size=sm]{--breadcrumb-gap:.3125rem;--breadcrumb-pill-padding-inline:var(--vds-space-1-5,.375rem);--breadcrumb-pill-padding-block:.1875rem;--breadcrumb-font-size:var(--vds-text-xs,.75rem)}.vds-breadcrumb[data-size=lg]{--breadcrumb-gap:var(--vds-space-2,.5rem);--breadcrumb-pill-padding-inline:var(--vds-space-2,.5rem);--breadcrumb-pill-padding-block:var(--vds-space-1,.25rem);--breadcrumb-font-size:var(--vds-text-base,1rem)}.vds-breadcrumb[data-size=xl]{--breadcrumb-gap:var(--vds-space-2-5,.625rem);--breadcrumb-pill-padding-inline:var(--vds-space-2-5,.625rem);--breadcrumb-pill-padding-block:var(--vds-space-1-5,.375rem);--breadcrumb-font-size:var(--vds-text-lg,1.125rem)}.vds-breadcrumb[data-variant=underline]{--breadcrumb-link-text-decoration-hover:underline}.vds-breadcrumb[data-variant=ghost]{--breadcrumb-item-padding-inline:var(--breadcrumb-pill-padding-inline);--breadcrumb-item-padding-block:var(--breadcrumb-pill-padding-block);--breadcrumb-item-bg-hover:var(--vds-color-surface-hover,#f3f4f6)}.vds-breadcrumb[data-variant=soft]{--breadcrumb-item-padding-inline:var(--breadcrumb-pill-padding-inline);--breadcrumb-item-padding-block:var(--breadcrumb-pill-padding-block);--breadcrumb-item-bg:var(--vds-color-bg-muted,#e5e7eb);--breadcrumb-item-bg-hover:var(--vds-color-surface-hover,#f3f4f6);--breadcrumb-link-color:var(--vds-color-text,#111827);--breadcrumb-link-color-hover:var(--vds-color-primary-text,#4f46e5)}.vds-breadcrumb[data-variant=solid]{--breadcrumb-item-padding-inline:var(--breadcrumb-pill-padding-inline);--breadcrumb-item-padding-block:var(--breadcrumb-pill-padding-block);--breadcrumb-item-bg-hover:var(--vds-color-surface-hover,#f3f4f6);--breadcrumb-page-color:var(--vds-color-on-primary,#fff)}}
@layer design-system.components{.vds-breadcrumb{min-inline-size:0;color:var(--breadcrumb-link-color);font-family:var(--breadcrumb-font-family);font-size:var(--breadcrumb-font-size);font-weight:var(--breadcrumb-font-weight);line-height:var(--breadcrumb-line-height);display:block}.vds-breadcrumb__list{align-items:center;gap:var(--breadcrumb-row-gap) var(--breadcrumb-gap);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.vds-breadcrumb__item{align-items:center;min-inline-size:0;max-inline-size:100%;display:inline-flex}.vds-breadcrumb__link,.vds-breadcrumb__page{min-block-size:1.5rem;min-inline-size:0;max-inline-size:var(--breadcrumb-item-max-inline-size);padding-inline:var(--breadcrumb-item-padding-inline);padding-block:var(--breadcrumb-item-padding-block);background-color:var(--breadcrumb-item-bg);border:var(--breadcrumb-item-border-width) solid var(--breadcrumb-item-border-color);text-overflow:ellipsis;white-space:nowrap;align-items:center;line-height:1;display:inline-flex;overflow:hidden}.vds-breadcrumb__link{color:var(--breadcrumb-link-color);-webkit-text-decoration:var(--breadcrumb-link-text-decoration);text-decoration:var(--breadcrumb-link-text-decoration);cursor:pointer;appearance:none;transition:color var(--breadcrumb-transition-duration) var(--breadcrumb-transition-easing), background-color var(--breadcrumb-transition-duration) var(--breadcrumb-transition-easing), text-decoration-color var(--breadcrumb-transition-duration) var(--breadcrumb-transition-easing)}.vds-breadcrumb__link:hover{color:var(--breadcrumb-link-color-hover);background-color:var(--breadcrumb-item-bg-hover);-webkit-text-decoration:var(--breadcrumb-link-text-decoration-hover);text-decoration:var(--breadcrumb-link-text-decoration-hover)}.vds-breadcrumb__link:focus-visible{outline:var(--breadcrumb-focus-ring-width) solid var(--breadcrumb-focus-ring-color);outline-offset:var(--breadcrumb-focus-ring-offset)}.vds-breadcrumb__page{color:var(--breadcrumb-page-color);font-weight:var(--breadcrumb-page-weight)}.vds-breadcrumb__content{align-items:center;gap:var(--breadcrumb-content-gap);min-inline-size:0;display:inline-flex}.vds-breadcrumb__content[data-icon-only]{gap:0}.vds-breadcrumb__label{text-overflow:ellipsis;min-inline-size:0;line-height:var(--breadcrumb-line-height);transform:translateY(var(--breadcrumb-label-offset));white-space:inherit;display:block;overflow:hidden}.vds-breadcrumb__icon{pointer-events:none;transform:translateY(var(--breadcrumb-icon-offset));flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.vds-breadcrumb__icon>svg{inline-size:var(--breadcrumb-leading-icon-size);block-size:var(--breadcrumb-leading-icon-size);flex:none;display:block}.vds-breadcrumb[data-variant=ghost] .vds-breadcrumb__link,.vds-breadcrumb[data-variant=ghost] .vds-breadcrumb__page,.vds-breadcrumb[data-variant=ghost] .vds-breadcrumb__ellipsis-trigger,.vds-breadcrumb[data-variant=soft] .vds-breadcrumb__link,.vds-breadcrumb[data-variant=soft] .vds-breadcrumb__page,.vds-breadcrumb[data-variant=soft] .vds-breadcrumb__ellipsis-trigger,.vds-breadcrumb[data-variant=solid] .vds-breadcrumb__link,.vds-breadcrumb[data-variant=solid] .vds-breadcrumb__page,.vds-breadcrumb[data-variant=solid] .vds-breadcrumb__ellipsis-trigger{border-radius:var(--breadcrumb-item-radius)}.vds-breadcrumb[data-variant=solid] .vds-breadcrumb__page{background-color:var(--vds-color-primary-solid,#6366f1)}.vds-breadcrumb__separator{color:var(--breadcrumb-separator-color);-webkit-user-select:none;user-select:none;transform:translateY(var(--breadcrumb-separator-offset));flex:none;align-items:center;line-height:1;display:inline-flex}.vds-breadcrumb__separator>svg{inline-size:var(--breadcrumb-icon-size);block-size:var(--breadcrumb-icon-size);display:block}.vds-breadcrumb__separator[data-preset=slash]:before{content:"/";font-size:1em;line-height:1}:is(.vds-breadcrumb__separator[data-preset=chevron]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))>svg,.vds-breadcrumb__separator[data-preset=arrow]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))>svg){transform:scaleX(-1)}.vds-breadcrumb__ellipsis{align-items:center;display:inline-flex}.vds-breadcrumb__ellipsis-trigger{min-block-size:1.5rem;min-inline-size:1.5rem;padding-inline:var(--breadcrumb-item-padding-inline);padding-block:var(--breadcrumb-item-padding-block);color:var(--breadcrumb-link-color);cursor:pointer;appearance:none;transform:translateY(var(--breadcrumb-separator-offset));transition:color var(--breadcrumb-transition-duration) var(--breadcrumb-transition-easing), background-color var(--breadcrumb-transition-duration) var(--breadcrumb-transition-easing);background-color:#0000;border:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.vds-breadcrumb__ellipsis-trigger:hover{color:var(--breadcrumb-link-color-hover);background-color:var(--breadcrumb-item-bg-hover,var(--vds-color-surface-hover,#f3f4f6))}.vds-breadcrumb__ellipsis-trigger:focus-visible{outline:var(--breadcrumb-focus-ring-width) solid var(--breadcrumb-focus-ring-color);outline-offset:var(--breadcrumb-focus-ring-offset)}.vds-breadcrumb__ellipsis-trigger>svg{inline-size:var(--breadcrumb-icon-size);block-size:var(--breadcrumb-icon-size);display:block}.vds-breadcrumb__sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.vds-breadcrumb{--breadcrumb-transition-duration:0s}}}