.breadcrumb{margin:20px 0;padding:16px 24px}.breadcrumb-list{flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;font-size:14px;line-height:1.4;list-style:none;display:flex}.breadcrumb-item{align-items:center;gap:8px;display:flex}.breadcrumb-link{color:#ffffffb3;border-radius:4px;padding:4px 8px;text-decoration:none;transition:color .3s}.breadcrumb-link:hover{color:var(--Colors-Primary-40,#3b5ee8);background:#3b5ee81a}.breadcrumb-link:focus{outline:2px solid var(--Colors-Primary-40,#3b5ee8);outline-offset:2px}.breadcrumb-current{color:var(--Colors-Shades-White,#fff);padding:4px 8px;font-weight:500}.breadcrumb-separator{color:#ffffff80;-webkit-user-select:none;user-select:none;margin:0 4px;font-size:12px}.breadcrumb-item--current .breadcrumb-current{background:#ffffff1a;border-radius:4px}@media (max-width:768px){.breadcrumb{margin:15px 0}.breadcrumb-list{gap:6px;font-size:13px}.breadcrumb-link,.breadcrumb-current{padding:3px 6px}.breadcrumb-separator{margin:0 2px}}[dir=rtl] .breadcrumb-separator{transform:scaleX(-1)}@media (prefers-color-scheme:dark){.breadcrumb-link{color:#fffc}.breadcrumb-link:hover{color:#4f7eff;background:#4f7eff1a}.breadcrumb-current{color:#fff}.breadcrumb-separator{color:#fff9}}@media (prefers-contrast:high){.breadcrumb-link{color:#fff;border:1px solid #0000}.breadcrumb-link:hover,.breadcrumb-link:focus{background:#ffffff1a;border-color:#fff}.breadcrumb-current{color:#fff;border:1px solid #ffffff4d}}.breadcrumb-link:focus-visible{outline:2px solid var(--Colors-Primary-40,#3b5ee8);outline-offset:2px;border-radius:4px}