@import (reference) '../../../Style/App.less';

.Breadcrumbs {
  height: 36px;
  position: relative;

  &.fixed {
    .Breadcrumbs-container {
      position: fixed;
    }

    .Breadcrumbs-pin {
      color: @link-hover-color;

      & > .fa {
        transform: rotate(0deg);
      }
    }
  }

  .Breadcrumbs-container {
    left: 0;
    position: relative;
    right: 0;
    text-align: center;
    z-index: @zindex-dropdown - 2;

    & > .breadcrumb {
      margin: 0;
    }
  }

  .Breadcrumbs-pin {
    color: @link-color;
    position: absolute;
    right: 0;
    top: 0;
    z-index: @zindex-dropdown - 1;

    &:focus {
      outline: 0;
    }
  }
}