[styles-root] .horizontalCategoryFacet {
    margin: .5rem 1rem;
    position: relative;
    display: none;
}

[styles-root] .horizontalCategoryFacet__title {
    color: #616161;
    font-family: Roboto,sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 2.1875rem;
    margin-bottom: 20px;
}

[styles-root] .horizontalCategoryFacet__breadcrumb, [styles-root] .horizontalCategoryFacet__categories {
    position: relative;
}

[styles-root] .horizontalCategoryFacet__breadcrumb {
    margin-bottom: 25px;
}

[styles-root] .horizontalCategoryFacet__categories {
    margin-bottom: 1rem;
}

[styles-root] .horizontal-scroller__items-wrapper {
    overflow: hidden;
}

[styles-root] .horizontalCategoryFacet__items-wrapper{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

[styles-root] .horizontalCategoryFacet__item {
    padding: 6px 14px;
    border: 1px solid #0098dd;
    color: #0098dd;
    margin-right: 30px;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

[styles-root] .categoryBucket {
    color: #0098dd;
}

[styles-root] .horizontal-scroller__button {
    position: absolute;
    top: -8px;
    height: 47px;
    width: 36px;
    background: #0098dd;
}

[styles-root] .horizontal-scroller__button--right {
    right: 0;
}

[styles-root] .horizontal-scroller__button--left {
    left: 0;
}

[styles-root] .horizontal-scroller__button--disabled {
    background-color: grey;
    cursor: default;
}

[styles-root] .horizontal-scroller__icon {
    color: #fff;
}

[styles-root] .horizontal-scroller__icon--left {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

[styles-root] .horizontal-scroller__icon--right {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

[styles-root] .horizontal-scroller__items-wrapper--active {
    margin: 0 80px;
}

[styles-root] .breadcrumb {
    margin: 0;
}

[styles-root] .breadcrumb__itemsList {
    min-height: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

[styles-root] .resetButton__base {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

[styles-root] .resetButton__title {
    color: #616161;
    padding: 7px 11px;
    border: 1px solid #616161;
}

[styles-root] .resetButton__title:hover {
    border: 1px solid #0098dd;
    cursor: pointer;
    color: #0098dd;
}

[styles-root] .breadcrumb__item {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

[styles-root] .breadcrumb__item:before {
    height: 2.5rem;
    width: 2.5rem;
    margin: 0;
    display: inline-block;
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAwIDEwMDAiPjxwYXRoIGQ9Ik0zNzUuMTk3IDE4Ni4yNWwtNjQuMTI0IDY0LjEyNCAyNDkuNjI4IDI0OS42MjUtMjQ5LjYyOCAyNDkuNjI3IDY0LjEyNCA2NC4xMjQgMzEzLjc1Mi0zMTMuNzUxeiIvPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: 0;
    background-size: 2.5rem;
    vertical-align: middle;
    -webkit-transform: scale(.75);
    -ms-transform: scale(.75);
    transform: scale(.75);
}

[styles-root] .breadcrumb__itemTitle {
    color: #616161;
    padding: 7px 11px;
    border: 1px solid #616161;
}

[styles-root] .breadcrumb__itemTitle:hover {
    border: 1px solid #0098dd;
    cursor: pointer;
    color: #0098dd;
}

[styles-root] .breadcrumb a {
    text-decoration: none;
}

@media screen and (min-width: 1025px){
  [styles-root] .horizontalCategoryFacet {
      display: block;
  }
}