.breadcrumb-nav{display:flex}.breadcrumb-nav ol,.breadcrumb-nav ul{margin:0;padding:0;list-style:none}.breadcrumb-nav .breadcrumb{align-items:center;display:flex}.breadcrumb-nav .breadcrumb li{padding-block:calc(var(--spacing) * 1);padding-inline:calc(var(--spacing) * 2);margin-block:0}.breadcrumb-nav .breadcrumb .breadcrumb-item{align-items:center;gap:calc(var(--spacing) * 3);display:flex}.breadcrumb-nav .breadcrumb .breadcrumb-item svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5);color:var(--black-400)}.breadcrumb-nav .breadcrumb .breadcrumb-item .item-and-modal{align-items:center;gap:calc(var(--spacing) * 1);cursor:pointer;color:var(--black-500);font-size:var(--text-sm);line-height:calc(var(--spacing) * 6);font-weight:500;display:flex;position:relative}.breadcrumb-nav .breadcrumb .breadcrumb-item .item-and-modal svg{width:calc(var(--spacing) * 5);color:#3cbcc3;height:calc(var(--spacing) * 5);display:inline-block}.breadcrumb-nav .breadcrumb .breadcrumb-item .item-and-modal:not(.disabled):not(.no-action):hover,.breadcrumb-nav .breadcrumb .breadcrumb-item .item-and-modal:not(.disabled):not(.no-action):hover svg{color:var(--blue-500);font-weight:600}.breadcrumb-nav .breadcrumb .breadcrumb-item .item-and-modal.disabled,.breadcrumb-nav .breadcrumb .breadcrumb-item .item-and-modal.disabled svg,.breadcrumb-nav .breadcrumb .breadcrumb-item .item-and-modal.no-action{color:var(--black-300);cursor:default}.breadcrumb-submenu{gap:calc(var(--spacing) * 1);flex-direction:column;display:flex}.breadcrumb-submenu li{padding-block:calc(var(--spacing) * 1);padding-inline:calc(var(--spacing) * 4);border-radius:var(--radius-md);cursor:pointer;color:var(--black-500);font-size:.875rem;line-height:calc(var(--spacing) * 6);white-space:nowrap;font-weight:500;display:block}.breadcrumb-submenu li.disabled{cursor:default;color:var(--black-300)}.breadcrumb-submenu li.active{color:var(--blue-500)}.breadcrumb-submenu li:not(.disabled):not(.active):hover{background-color:var(--black-50-50)}