/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
.breadcrumbs {
  padding: 1em 0;
  overflow: hidden;
  text-overflow: ellipsis; }
  .breadcrumbs ol {
    display: flex;
    align-items: center;
    gap: 1em;
    list-style: none;
    padding: 0;
    margin: 0; }
    .breadcrumbs ol li {
      padding: 0;
      margin: 0;
      text-overflow: ellipsis; }
      .breadcrumbs ol li a {
        background: none;
        color: var(--night);
        white-space: nowrap; }
        .breadcrumbs ol li a:hover {
          color: var(--lightblue); }
      .breadcrumbs ol li:first-of-type a {
        font-size: 10px;
        height: 36px;
        width: 36px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--night);
        border: 1px solid var(--gray);
        transition: background-color .14s ease-in-out;
        text-decoration: none; }
        .breadcrumbs ol li:first-of-type a:hover {
          text-decoration: none;
          background-color: var(--night);
          color: var(--white); }
          .breadcrumbs ol li:first-of-type a:hover .icon-chevron-left {
            color: var(--white); }
      .breadcrumbs ol li:first-of-type + .icon-chevron-right {
        display: none; }
      .breadcrumbs ol li:last-of-type {
        text-overflow: ellipsis;
        overflow: hidden; }
        .breadcrumbs ol li:last-of-type span {
          white-space: nowrap; }
    .breadcrumbs ol .icon-chevron-right {
      font-size: 10px; }

/*# sourceMappingURL=breadcrumbs.css.map */