@import (optional) "ui";
@import (optional) "layout";
@import (optional) "common";

/* stylelint-disable-next-line declaration-no-important */
@font-face {
  font-family: "SourceHanSansCN-Regular";
  src: url("~assets/font/NotoSansCJKsc-Regular.woff");
  font-weight: normal;
  font-style: normal;
}

html,
body,
#__nuxt,
#__layout {
  position: relative;
  width: 100%;
  height: 100%;
  font-family: "SourceHanSansCN-Regular", "Helvetica Neue", "PingFang SC",
  "Hiragino Sans GB", Arial, Helvetica, sans-serif !important;
}

#__layout {
  overflow-y: auto;
}

//设置滚动条样式
::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-track {
  background-color: rgba(144, 147, 153, .1);
}

::-webkit-scrollbar-thumb {
  background-color: rgba(144, 147, 153, .3);
  border: 2px solid transparent;
  border-radius: 6px;
  background-clip: padding-box;

  &:hover {
    background-color: rgba(144, 147, 153, .5);
  }
}

svg {
  vertical-align: initial !important;
}

.sitemore {
  width: 320px;
  height: 40px;
  display: flex;
  line-height: 40px;
  align-items: center;
  .ant-select-selection--multiple {
    width: 100%;
    height: 32px;
    .ant-select-selection__rendered {
      height: 100%;
      ul {
        width: 100%;
        height: 100%;
        overflow-y: hidden;
        display: -webkit-box;
        &::-webkit-scrollbar {
          width: 5px;
          height: 5px;
        }
        &::-webkit-scrollbar-track {
          background-color: #dedede;
          -webkit-border-radius: 1em;
          -moz-border-radius: 1em;
          border-radius: 1em;
        }
        &::-webkit-scrollbar-thumb {
          background-color: #bfbfbf;
          -webkit-border-radius: 1em;
          -moz-border-radius: 1em;
          border-radius: 1em;
        }
        & > li {
          padding: 0 10px 0 5px;
          box-sizing: border-box;
          width: 75px;
          float: unset;
        }
      }
    }
  }
}
