.breadcrumb{--breadcrumb-height:32px;--bg-posx:0px;--bg-width:0px;--bg-opacity:0;--bg-group:var(--color-grey-200);--sub-bg-posy:0px;--sub-bg-opacity:0;--hover-color:var(--color-red-500)}@media(min-width:1024px){.breadcrumb{--bg-group:rgba(242,242,242,0.6)}}.breadcrumb{background:rgba(0,0,0,0);gap:.5rem;position:relative}.breadcrumb,.breadcrumb-group{display:flex;flex-direction:row}.breadcrumb-group{align-items:center;background-color:unset;border-radius:16px;height:var(--breadcrumb-height);list-style:none;margin:0!important;padding:0!important;transition:all .3s}@media(min-width:1024px){.breadcrumb-group{background-color:var(--color-grey-100);backdrop-filter:blur(3px)}.breadcrumb-group:not(.bg-grey-100){background-color:var(--bg-group)}.breadcrumb-group:not(.full):before{content:"";position:absolute;top:0;left:var(--bg-posx);width:var(--bg-width);height:var(--breadcrumb-height);background-color:var(--hover-color);border-radius:calc(var(--breadcrumb-height)/2);opacity:var(--bg-opacity);transition:all .3s;z-index:-1}}.breadcrumb-item{display:inline-grid;position:relative;list-style:none;text-transform:uppercase;white-space:nowrap;border-radius:calc(var(--breadcrumb-height)/2)}.breadcrumb-item.first.mobile-hidden{display:none}@media(min-width:1024px){.breadcrumb-item.first.mobile-hidden{display:inline-grid}}.breadcrumb-item:not(:first-child):not(:nth-child(2)){margin-left:1rem}.breadcrumb-item:not(:first-child):after{content:"/";display:block;position:absolute;left:-2px;top:50%;transform:translateY(-50%);pointer-events:none}.breadcrumb-item:nth-child(2):after{content:none}@media(min-width:1024px){.breadcrumb-item:nth-child(2):after{content:"/"}}.breadcrumb-item:hover{background-color:var(--color-red-500)}@media(min-width:1024px){.breadcrumb-item:hover{background-color:unset}}.breadcrumb-item:hover>a,.breadcrumb-item:hover>span{color:#fff}.breadcrumb-item a,.breadcrumb-item span:not(.label){display:block;padding:0 12px;border-radius:calc(var(--breadcrumb-height)/2);font-size:11px;line-height:var(--breadcrumb-height);white-space:nowrap;cursor:pointer}.breadcrumb-item a:hover,.breadcrumb-item span:not(.label):hover{color:var(--color-white)}.breadcrumb-item:last-child a,.breadcrumb-item:last-child span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb-item.with-items{position:static;background-color:var(--color-grey-200)}.breadcrumb-item.with-items:after{content:none!important}@media(min-width:1024px){.breadcrumb-item.with-items{position:relative;background-color:unset}.breadcrumb-item.with-items:after{content:"/"!important}}.breadcrumb-item.with-items>a,.breadcrumb-item.with-items>span{width:var(--breadcrumb-height);text-align:center}.breadcrumb-item.with-items .breadcrumb-subgroup{visibility:hidden;opacity:0}.breadcrumb-item.with-items:hover{position:relative;background-color:var(--color-red-500)}@media(min-width:1024px){.breadcrumb-item.with-items:hover{background-color:unset}}.breadcrumb-item.with-items:hover .breadcrumb-subgroup{visibility:visible;opacity:1;z-index:10;transition:opacity .2s}@media(min-width:968px){.breadcrumb-item.with-items:hover .breadcrumb-subgroup{left:50%;transform:translate(-50%)}}.breadcrumb-item.back a{display:flex;align-items:center;justify-content:center;width:var(--breadcrumb-height);padding:0;background-color:var(--color-grey-200);font-size:0}@media(min-width:1024px){.breadcrumb-item.back a{width:auto;padding:0 1rem;background-color:unset;font-size:11px}.breadcrumb-item.back a .icon-back{transform:translateX(-4px)}}.breadcrumb-item.back a .icon-back path{stroke:var(--color-black)}.breadcrumb-item.back a:hover{background:var(--color-red-500)}.breadcrumb-item.back a:hover .icon-back path{stroke:var(--color-white)}.breadcrumb-subgroup{position:absolute;top:calc(100% + 1px);display:block;padding:0;border-radius:8px;list-style:none;box-sizing:border-box}@media(min-width:1024px){.breadcrumb-subgroup{left:0;backdrop-filter:blur(3px)}}.breadcrumb-subgroup:before{content:"";position:absolute;inset:0 -4px -4px -4px;background-color:var(--color-grey-100);border-radius:8px}.breadcrumb-subgroup:after{content:"";position:absolute;top:var(--sub-bg-posy);left:0;width:100%;height:var(--breadcrumb-height);background-color:var(--hover-color);border-radius:6px;opacity:var(--sub-bg-opacity);z-index:0}@media(min-width:1024px){.breadcrumb-subgroup:after{transition:all .2s ease-out}}.breadcrumb-subgroup .head{margin:-12px -4px 0;padding-top:16px;background:none}.breadcrumb-subgroup.bordered{--breadcrumb-height:28px;border:4px solid rgba(0,0,0,0)}.breadcrumb-subgroup-item{position:relative;padding:0;list-style:none;text-transform:uppercase;white-space:nowrap;z-index:1}.mobile-hidden{display:none;visibility:hidden}@media(min-width:1024px){.mobile-hidden{display:block;visibility:visible}}