.yz-application {
  position: fixed;
  top: @yz-application-top;
  left: 0;
  overflow: hidden;
  width: @yz-application-width;
  height: @yz-application-height;
  background-color: @yz-application-bgColor;
  box-shadow: 0 7px 8px -3px @yz-application-border-shadow;
}

.yz-application-topic {
  overflow: hidden;
  height: @yz-application-height;
  background-color: @yz-application-topic-bgColor;

  .yz-application-topic-list {
    overflow-y: auto;
    width: calc(100% + 20px);
    height: 100%;
  }
}

.yz-application-text {
  overflow: hidden;
  display: block;
  margin-left: -12px;
  padding: 3px 40px;
  font-weight: @yz-application-topic-text-font-weight;
  line-height: @yz-application-topic-text-line-height;
  color: @yz-application-topic-text-color;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: 0.2s 0.2s 0.2s 0.2s;
}

.yz-application-text:hover {
  font-weight: bold;
  color: @yz-application-topic-text-hover-color;
  background: @yz-application-topic-text-hover-bgColor;
}

.yz-application-container {
  overflow: hidden;
  height: @yz-application-height;
}

.yz-application-list {
  overflow-y: auto;
  width: calc(100% + 20px);
  height: @yz-application-height - 62px - 20px;
  padding: @yz-application-list-padding;

  &.yz-application-list-other {
    height: @yz-application-height - 20px;
    margin: 10px auto;
  }

  ul {
    overflow: hidden;
    column-count: 4;
    width: @yz-application-list-ul-width;
    padding: @yz-application-list-ul-padding;

    li {
      float: left;
      width: @yz-application-list-ul-li-width;
      break-inside: avoid;
      margin-bottom: @yz-application-list-ul-li-margin-bottom;
      padding: @yz-application-list-ul-li-padding;
      list-style: none;
      -webkit-column-break-inside: avoid;

      h5 {
        margin-top: @yz-application-list-ul-h5-margin-top;
        font-size: @yz-application-list-ul-h5-font-size;
        font-weight: @yz-application-list-ul-h5-font-weight;
        line-height: @yz-application-list-ul-h5-line-height;
        padding: @yz-application-list-ul-h5-padding;
        color: @yz-application-list-ul-h5-color;
        border-bottom: @yz-application-list-ul-h5-border-bottom;
      }

      a {
        overflow: @yz-application-list-ul-a-overflow;
        display: @yz-application-list-ul-a-display;
        padding: @yz-application-list-ul-a-padding;
        font-size: @yz-application-list-ul-a-font-size;
        line-height: @yz-application-list-ul-a-line-height;
        color: @yz-application-list-ul-a-color;
        text-overflow: @yz-application-list-ul-a-text-overflow;
        white-space: @yz-application-list-ul-a-white-space;
      }

      a:hover {
        color: @yz-application-list-ul-a-hover-color;
        padding: 0 10px;
        background: @yz-application-list-ul-a-hover-bgColor;
        border-radius: @yz-application-list-ul-a-hover-border-radius;
      }
    }
  }
}

.yz-application-list-search {
  margin: @yz-application-list-search-margin;
}

.yz-application-list-item {
  h4, p {
    overflow: @yz-application-list-item-h4p-overflow;
    margin: @yz-application-list-item-h4p-margin;
    text-overflow: @yz-application-list-item-h4p-text-overflow;
    white-space: @yz-application-list-item-h4p-white-space;
  }

  h4 {
    font-weight: @yz-application-list-item-h4-font-weight;
    line-height: @yz-application-list-item-h4-line-height;
    color: @yz-application-list-item-h4p-color !important;
  }

  p {
    line-height: @yz-application-list-item-p-line-height;
    color: #999;
  }

  li:hover {
    background: @yz-application-list-item-li-hover-bgColor;
    border-radius: @yz-application-list-ul-a-hover-border-radius;

    p {
      color: @yz-application-list-item-li-hover-color !important;
    }

    h4 {
      color: @yz-application-list-item-li-hover-color !important;
    }

    a {
      padding: @yz-application-list-ul-a-padding !important;
    }
  }
}

.yz-application-group {
  padding: 0 10px;

  .ant-dropdown-link {
    color: @yz-application-topic-text-color;
  }

  .ant-tabs-nav-operations {
    color: @yz-application-topic-text-color;
  }

  .ant-tabs-top > .ant-tabs-nav::before {
    border: none;
  }

  .ant-tabs-top > .ant-tabs-nav {
    margin: 0;
  }
}

.yz-application-dropdown ul {
  overflow-y: auto;
  max-height: 80vh;

  li i {
    margin-right: 2px;
  }
}

.yz-user-name {
  overflow: hidden;
  width: 92px;
  text-overflow: ellipsis;
  white-space: nowrap;
}