div,body,ul,textarea{
  scrollbar-width: thin;
  &::-webkit-scrollbar{
    width: 8px;
    height: 8px;
  }
  &::-webkit-scrollbar-thumb {
    background: #9e9e9e;
  }
  &::-webkit-scrollbar-track {
    border-radius: 0;
    background: transparent;
    box-shadow: inset 0 0 10px rgba(102, 102, 102, 0.3);
  }
  &::-webkit-scrollbar-corner{
    background: #9e9e9e;
  }
}
.v-theme--dark{
  div,body,ul,textarea {
    &::-webkit-scrollbar-thumb {
      background: rgba(255, 255, 255, .65);
    }
    &::-webkit-scrollbar-track {
      background: #666666;
      box-shadow: inset 0 0 10px rgba(102, 102, 102, 0.3);
    }

    &::-webkit-scrollbar-corner {
      background: #666666;
    }
  }
}

//颜色渐变过渡动画
body div,button,table{
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1) background-color;
}
.v-data-table > .v-data-table__wrapper > table > thead > tr > th{
  transition: height 0.2s cubic-bezier(0.4, 0, 0.6, 1),0.2s cubic-bezier(0.4, 0, 0.2, 1) background-color;
}

.iconfont {
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.v-list-item .v-list-item__content .v-list-item__title{
  cursor: pointer;
  user-select: none;
}
.v-popper__popper:not(.v-popper--theme-tooltip) {
  outline: none;
  .v-popper__inner {
    background: unset;
    border-radius: 0;
    border: none;
    overflow-y: unset;
  }
}
.v-popper--theme-dark{
  .v-popper__arrow-inner{
    border-color: #212121;
    visibility: visible!important;
  }
  .v-popper__arrow-outer{
    border-color: #333;
  }
}
.v-popper--theme-light{
  .v-popper__arrow-inner{
    border-color: #fff;
    visibility: visible!important;
  }
  .v-popper__arrow-outer{
    border-color: rgba(230,230,230,0.85);
  }
}

.v-theme--dark{
  &.v-data-table {
    color: rgba(255, 255, 255, 0.85);
  }
  &.v-application{
    color: rgba(255, 255, 255, 0.85);
  }
  &.v-input input, &.v-input textarea{
    color: rgba(255, 255, 255, 0.85);
  }
  &.v-sheet{
    color: rgba(255, 255, 255, 0.95);
  }
  .v-overlay__scrim{
    opacity: 18%;
  }
}
.v-list-item-title{
  cursor: default;
}

.fade-enter{
  opacity: 0;
}
.fade-leave-to{
  opacity: 0;
}
.fade-enter-active,.fade-leave-active{
  transition: opacity .2s;
}

@font-face {
  font-family: 'JetBrainsMono';
  src: url('fonts/webfonts/JetBrainsMono-Regular.woff2') format('woff2'),
  url('fonts/ttf/JetBrainsMono-Regular.ttf')  format('truetype');
}


html{
  overflow-y: hidden!important;
  font-size: 14px!important;
  > *{
    font-family: "JetBrainsMono", sans-serif!important;
  }
}

:root {
  --v-theme-overlay-multiplier: 0.85;
}
