html.open-breadcrumb-dropdown {
    overflow: hidden
}

@media screen and (min-width: 48rem) {
    html.open-breadcrumb-dropdown {
        overflow:auto
    }
}

#wrapper.open-breadcrumb-dropdown:before {
    background-color: rgba(0,0,0,0.6);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3
}

@media screen and (min-width: 48rem) {
    #wrapper.open-breadcrumb-dropdown:before {
        display:none
    }
}

#wrapper.open-breadcrumb-dropdown .listing-top {
    position: relative;
    z-index: 5
}

@media screen and (min-width: 48rem) {
    #wrapper.open-breadcrumb-dropdown .listing-top {
        position:static;
        z-index: inherit
    }
}

.breadcrumb-list .breadcrumb-navigation {
    -ms-flex-align: start;
    align-items: flex-start;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative
}

.breadcrumb-list .breadcrumb-navigation-element {
    display: block;
    position: relative;
}

@media screen and (min-width: 48rem) {
    .breadcrumb-list .breadcrumb-navigation-element {
        display:list-item
    }
}

.breadcrumb-list .breadcrumb-navigation-element:not(:last-child)::after {
    position: absolute;
    top: calc(50% - 2px);
    right: -0.7em;
    color: #6f6f6d;
    border-right: 2px solid var(--c-gray-dark-1);
    border-top: 2px solid var(--c-gray-dark-1);
    content: "";
    height: 6px;
    width: 6px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.breadcrumb-list .breadcrumb-navigation-element-info {
    color: #6f6f6d;
    width: 100%
}

@media screen and (min-width: 48rem) {
    .breadcrumb-list .breadcrumb-navigation-element-info {
        display:block;
        padding-left: 2rem
    }
}

.breadcrumb-list .breadcrumb-navigation-element:not(.active) .breadcrumb-navigation-close-button::before {
    display: none
}

.breadcrumb-list .breadcrumb-navigation-element.active {
    display: block;
    max-width: calc(100% - 1rem)
}

@media screen and (min-width: 48rem) {
    .breadcrumb-list .breadcrumb-navigation-element.active {
        -ms-flex-align:center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        max-width: 100%;
        position: relative
    }
}

.breadcrumb-list .breadcrumb-navigation-element.active::before {
    display: none
}

@media screen and (min-width: 48rem) {
    .breadcrumb-list .breadcrumb-navigation-element.active::before {
        display:block
    }
}

.breadcrumb-list .breadcrumb-navigation-element.active .breadcrumb-dropdown {
    display: none
}

.breadcrumb-list .breadcrumb-navigation-element.active .breadcrumb-dropdown.active {
    background-color: #fff;
    border-bottom: .0625rem solid #e5e6e1;
    border-radius: .0125rem;
    border-top: .0625rem solid #e5e6e1;
    display: block;
    margin-left: -1rem;
    margin-right: -1rem;
    max-height: 31.5rem;
    position: absolute;
    width: 100vw;
    z-index: 5
}

@media screen and (min-width: 48rem) {
    .breadcrumb-list .breadcrumb-navigation-element.active .breadcrumb-dropdown.active {
        border:.0625rem solid #e5e6e1;
        box-shadow: 0 .0125rem .5rem rgba(102,102,100,0.24);
        margin-left: 1.5rem;
        margin-right: 0;
        max-height: 23rem;
        overflow-x: hidden;
        overflow-y: auto;
        top: 2rem;
        width: 22rem
    }
}

@media screen and (min-width: 48rem) {
    .breadcrumb-list .breadcrumb-navigation-element.active .breadcrumb-dropdown.active.open-to-left {
        right:0
    }
}

.breadcrumb-list .breadcrumb-navigation-element.active .breadcrumb-dropdown-list {
    max-height: calc(31.25rem - 2.688rem);
    overflow: hidden;
    overflow-y: auto
}

@media screen and (min-width: 48rem) {
    .breadcrumb-list .breadcrumb-navigation-element.active .breadcrumb-dropdown-list {
        max-height:calc(21.25rem - 2.688rem)
    }
}

@media screen and (min-width: 48rem) {
    .breadcrumb-list .breadcrumb-navigation-element.active .breadcrumb-dropdown-upper-level {
        display:none
    }
}

.breadcrumb-list .breadcrumb-navigation-element.active .breadcrumb-dropdown-upper-level:first-of-type {
    padding-top: .5rem
}

.breadcrumb-list .breadcrumb-navigation-element.active .breadcrumb-dropdown-element,.breadcrumb-list .breadcrumb-navigation-element.active .breadcrumb-dropdown-upper-level,.breadcrumb-list .breadcrumb-navigation-element.active .breadcrumb-dropdown-explore {
    padding: .25rem 1rem
}

.breadcrumb-list .breadcrumb-navigation-element.active .breadcrumb-dropdown-element:last-of-type {
    padding-bottom: .5rem
}

.breadcrumb-list .breadcrumb-navigation-element.active .breadcrumb-dropdown-element.highlighted {
    border-top: .0625rem solid #e5e6e1;
    display: block;
    position: relative
}

.breadcrumb-list .breadcrumb-navigation-element.active .breadcrumb-dropdown-element.highlighted .breadcrumb-navigation-current-level {
    display: inline-block
}

.breadcrumb-list .breadcrumb-navigation-element.active .breadcrumb-dropdown-element.highlighted .breadcrumb-navigation-current-level {
    display: inline
}

.breadcrumb-list .breadcrumb-navigation-element.active .breadcrumb-dropdown-element::-webkit-scrollbar {
    width: .5rem
}

.breadcrumb-list .breadcrumb-navigation-element.active .breadcrumb-dropdown-element .breadcrumb-navigation-current-level {
    margin-left: -1rem;
    margin-right: -1rem;
    padding: .5rem 1rem .25rem
}

@media screen and (min-width: 48rem) {
    .breadcrumb-list .breadcrumb-navigation-element.active .breadcrumb-dropdown-element .breadcrumb-navigation-current-level {
        border-top:none
    }
}

.breadcrumb-list .breadcrumb-navigation-element.active .breadcrumb-dropdown-explore {
    -ms-flex-align: center;
    align-items: center;
    border-top: .0625rem solid #e5e6e1;
    display: -ms-flexbox;
    display: flex
}

.breadcrumb-list .breadcrumb-navigation-element.active .breadcrumb-dropdown-explore::before {
    background-image: url("/static/common/release/modules/resources/img/breadcrumb-geo-new/explore-img.svg");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: '';
    display: block;
    height: 1rem;
    margin-right: .5rem;
    width: 1rem
}

.breadcrumb-list .breadcrumb-navigation-element.active .breadcrumb-dropdown-subitem-list {
    padding-left: .75rem
}

.breadcrumb-list .breadcrumb-navigation-element.active .breadcrumb-dropdown-subitem-element-list {
    padding: .5rem 0 0
}

.breadcrumb-list .breadcrumb-navigation-element.active .breadcrumb-dropdown-subitem-element-list:first-of-type {
    padding: .25rem 0 0
}

.breadcrumb-list .breadcrumb-navigation-element.active .breadcrumb-navigation-close-button::before {
    display: inline-block;
    position: absolute;
    right: 0;
    width: 1rem;
    height: 1rem;
    margin-top: .25rem
}

@media screen and (min-width: 48rem) {
    .breadcrumb-list .breadcrumb-navigation-element.active .breadcrumb-navigation-close-button::before {
        display:none
    }
}

.breadcrumb-list .breadcrumb-navigation-element.active .breadcrumb-navigation-current-level~.breadcrumb-navigation-element-info {
    display: none
}

.breadcrumb-list .breadcrumb-navigation-element.inactive {
    display: block;
    position: relative
}

@media screen and (min-width: 48rem) {
    .breadcrumb-list .breadcrumb-navigation-element.inactive {
        -ms-flex-align:center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

@media screen and (min-width: 48rem) {
    .breadcrumb-list .breadcrumb-navigation-element.inactive .breadcrumb-navigation-current-level~.breadcrumb-navigation-element-info {
        display:block;
        position: absolute;
        top: 1.5rem
    }
}

.breadcrumb-list .breadcrumb-navigation-element.inactive::before,.breadcrumb-list .breadcrumb-navigation-element.inactive .breadcrumb-navigation-element-info,.breadcrumb-list .breadcrumb-navigation-element.inactive .breadcrumb-dropdown {
    display: none
}

@media screen and (min-width: 48rem) {
    .breadcrumb-list .breadcrumb-navigation-element.inactive::before {
        display:block
    }
}

.breadcrumb-list .breadcrumb-navigation-sidenote {
    color: #6f6f6d;
    padding-left: .5rem
}

.breadcrumb-list .breadcrumb-navigation-current-level {
    -ms-flex-align: center;
    align-items: center;
    cursor: auto;
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-weight: 500;
    padding-bottom: .5rem
}

@media screen and (min-width: 48rem) {
    .breadcrumb-list .breadcrumb-navigation-current-level {
        display:-ms-flexbox;
        display: flex;
        padding-bottom: .25rem
    }
}

.breadcrumb-list .breadcrumb-navigation-current-level.icon-arrow-dropdown-after,.breadcrumb-list .breadcrumb-navigation-current-level.icon-arrow-dropdown-up-after {
    cursor: pointer;
    font-weight: 400
}

.breadcrumb-list .breadcrumb-navigation-current-level.icon-arrow-dropdown-after::after,.breadcrumb-list .breadcrumb-navigation-current-level.icon-arrow-dropdown-up-after::after {
    display: inline-block;
    margin-bottom: .25rem
}