@import "../../style/themes/default";
@import "../../style/mixins/text";
@page-tool-box-width: 32px;
@page-tool: ~"ta-page-tool";
.@{page-tool} {
  position: fixed;
  right: 0px;
  bottom: 75px;
  z-index: 3000;
  width: @page-tool-box-width;
  background-color: #ffffff;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  border-radius: 2px 0px 0px 2px;
  transition: all 0.3s;
  overflow: hidden;
  &-menu {
    position: absolute;
    right: 0;
  }
  &-item {
    height: @page-tool-box-width;
    text-align: right;
    font-size: 0;
    white-space: nowrap;
    color: #aeb6be;
    cursor: pointer;
    .user-select();
    border-bottom: solid 1px #eee;
    &:last-child { border-bottom: none }
    > span {
      font-size: 14px;
      color: #666;
      overflow: hidden;
      text-align: center;
      line-height: 30px;
      padding-left: 8px;
      display: inline-block;
      width: calc(100% - 32px);
    }
    > i {
      width: @page-tool-box-width;
      vertical-align: top;
      line-height: 34px;
      font-size: 18px;
    }
    &:hover {
      background: @primary-color;
      color: #fff;
      > span {
        color: #fff;
      }
    }
  }
}