@mixin reset-component() {
  box-sizing: border-box;
  // margin: 0;
  // padding: 0;
  color: $text-color;
  font-size: $font-size-base;
  font-variant: $font-variant-base;
  font-family: $font-family;
  // line-height: $line-height-base;
  // line-height: 1;
  line-height: $line-height-base;
  // list-style: none;
  // font-feature-settings: $font-feature-settings-base;
}

@mixin reset-scroll($w: $scrollbar-w, $h: $scrollbar-h) {
  &::-webkit-scrollbar {
    width: $w;
    height: $h;
  }
  &::-webkit-scrollbar-thumb {
    background-color: $scrollbar-thumb-bg;
  }
  &::-webkit-scrollbar-track {
    background-color: $scrollbar-track-bg;
  }
  &::-webkit-scrollbar-button {
    width: 0;
    height: 0;
  }
  &::-webkit-resizer {
    width: 0;
    height: 0;
  }
  &::-webkit-scrollbar-corner {
    width: 0;
    height: 0;
  }
}