@import "../../../themes/default";

:global {
  .app-breadcrumb {
    color: @color-white-65;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: nowrap;

    span {
      display: inline-block;
    }

    > span {
      &:last-child {
        color: @color-white-90;
        font-size: 16px;

        .app-breadcrumb-separator {
          display: none;
        }
      }
    }

    a {
      color: @color-white-45;
      -webkit-transition: color .3s;
      transition: color .3s;

      &:hover {
        color: #40a9ff;
      }
    }

    .app-dropdown-overlay {
      width: 360px;
      font-size: @font-size-base;
      background-color: @color-white-85;

      &:after {
        border-bottom-color: @color-white-85;
      }

      ul {
        li {
          float: left;
          width: 180px;
        }
      }
    }
  }
}