@charset "UTF-8";
html {
  height: 100%;
  overflow-y: auto !important;
}

// 自定义 v-card 默认密度样式 —— 默认 border 风格
.v-card--density-default {
  border-radius: 8px !important;
  box-shadow: none !important;
  border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.card-skin-default {
  .v-card {
    box-shadow: 0 2px 8px 0 rgba(var(--v-shadow-key-umbra-color), var(--v-shadow-md-opacity)) !important;
    border: none !important;
  }
}

// Bordered: 边框样式的卡片
.card-skin-bordered {
  .v-card {
    box-shadow: none !important;
    border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity)) !important;

    &:hover {
      box-shadow: none !important;
    }
  }
}

.filter_red {
  filter: hue-rotate(132deg);
}
.filter_orange {
  filter: hue-rotate(168deg);
}
.filter_green {
  filter: hue-rotate(249deg);
}

.vtk-cursor-pointer {
  cursor: pointer;
}

.t-overflow {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.text-overflow {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}
.text-overflow-1 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.text-overflow-2 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  height: 3em;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.text-overflow-3 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

//标题
.g_title_bg {
  position: absolute;
  top: 38px;
  font-variant: all-petite-caps;
  &::before {
    content: "";
    width: 40px;
    height: 4px;
    background: #055cff2b;
    border-radius: 6px;
    position: absolute;
    top: 1px;
    z-index: 0;
  }
}
//标题前小圆柱
.g_title_icon {
  display: inline-block;
  margin-right: 8px;
  width: 4px;
  height: 100%;
  min-height: 18px;
  background: linear-gradient(180deg, #1b87fd 0%, #3147c9 100%);
  border-radius: 2px;
}

.vtk-cursor-move {
  cursor: move;
}


// .fwez {
//   ::-webkit-scrollbar {
//     width: 6px;
//   }

//   ::-webkit-scrollbar-thumb {
//     border-radius: 3px;
//     height: 100px;
//     background-color: rgb(var(--v-theme-primary));
//   }
// }

// .v-overlay .v-list,
// .v-menu > .v-overlay__content > .v-list {
//     &::-webkit-scrollbar {
//         width: 6px;
//     }
//     &::-webkit-scrollbar-thumb {
//         border-radius: 3px;
//         height: 100px;
//         background-color: rgb(var(--v-theme-primary));
//     }
// }


::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-thumb {
  border-radius: 3px;
  height: 100px;
  background-color: rgb(var(--v-theme-primary));
}