/* Media Quuery Mixin */
.BreadCrumbSkeleton {
  margin-top: 1.25rem;
  margin-left: 2.5rem; }
  .BreadCrumbSkeleton .react-loading-skeleton {
    margin-right: 0.625rem; }

/* Media Quuery Mixin */
.breadcrumb {
  display: none;
  font-size: 0.625rem;
  padding: 0;
  color: #9e9e9e;
  list-style: none;
  opacity: 1; }
  .breadcrumb-wrapper {
    position: relative; }
  .breadcrumb--hide {
    opacity: 0; }
  @media (min-width: 741px) {
    .breadcrumb {
      display: flex;
      margin: 1.25rem 1.875rem 0; } }
  @media (min-width: 1025px) {
    .breadcrumb {
      margin: 1.25rem 2.5rem 0; } }
  .breadcrumb--skeleton {
    margin: 0;
    position: absolute;
    top: -1.25rem; }
  .breadcrumb__item {
    display: flex;
    align-items: center;
    list-style: none;
    text-transform: capitalize; }
    .breadcrumb__item:not(:last-child):after {
      content: '-';
      padding: 0 0.3125rem; }
    .breadcrumb__item-link:active, .breadcrumb__item-link:hover, .breadcrumb__item-link:visited {
      text-decoration: none; }