.breadcrumb{
  position:relative;
  font-size:14px;
  font-weight:bold;
  line-height:18px;
}

.breadcrumb:after{
    position:absolute;
    top:0;
    width:54px;
    height:18px;
    content:"";
  }

[dir=ltr] .breadcrumb:after{
  right:-18px;
  background:linear-gradient(to left, #fff 0%, rgba(255, 255, 255, 0) 100%);
  }

[dir=rtl] .breadcrumb:after{
    left:-18px;
    background:linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
  }

@media (min-width: 1000px){

.breadcrumb:after{
      content:none
  }
    }

@media (min-width: 1000px){

.breadcrumb{
    position:static
}
  }

.breadcrumb__content{
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}

[dir=ltr] .breadcrumb__content{
  margin-right:-18px;
}

[dir=rtl] .breadcrumb__content{
  margin-left:-18px;
}

@media (min-width: 1000px){

[dir] .breadcrumb__content{
    margin:0
}
  }

.breadcrumb__list{
  overflow-x:auto;
  width:-webkit-max-content;
  width:max-content;
  list-style:none;
  white-space:nowrap;
}

[dir] .breadcrumb__list{
  margin:0 -18px;
}

[dir=ltr] .breadcrumb__list{
  padding:0 0 18px 18px;
}

[dir=rtl] .breadcrumb__list{
  padding:0 18px 18px 0;
}

@media (min-width: 1000px){

.breadcrumb__list{
    overflow:visible;
    white-space:normal
}

[dir] .breadcrumb__list{
    margin:0;
    padding:0
}
  }

.breadcrumb__item{
  display:inline-block;
}

.breadcrumb__item:nth-child(n+2):before{
    display:inline-block;
    width:8px;
    height:8px;
    content:"";
  }

[dir] .breadcrumb__item:nth-child(n+2):before{
    border-top:2px solid #5d7585;
  }

[dir=ltr] .breadcrumb__item:nth-child(n+2):before{
  margin-right:20px;
  margin-left:16px;
  transform:rotate(45deg);
  border-right:2px solid #5d7585;
  }

[dir=rtl] .breadcrumb__item:nth-child(n+2):before{
    margin-left:20px;
    margin-right:16px;
    transform:rotate(-45deg);
    border-left:2px solid #5d7585;
  }

[dir=ltr] .breadcrumb__item:last-child{
  margin-right:54px;
  }

[dir=rtl] .breadcrumb__item:last-child{
    margin-left:54px;
  }

@media (min-width: 1000px){

[dir=ltr] .breadcrumb__item:last-child{
    margin-right:0
  }

[dir=rtl] .breadcrumb__item:last-child{
      margin-left:0
  }
    }

.breadcrumb__link{
  text-decoration:none;
  color:#0d77b5;
}

.breadcrumb__link:hover,
  .breadcrumb__link:focus{
    text-decoration:underline;
  }