@import "./normalize.css";
@import "./variables/index.scss";
@import "./element-ui/index.scss";
@import "./transition.scss";

* {
  box-sizing: border-box;
}

html {
  height: 100%;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Arial,
    sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  line-height: 1.3;
  text-rendering: optimizeLegibility;
}

body {
  height: 100%;
  font-size: 14px;
  color: $--font-color-base;
  overflow: hidden;
  background-color: $--bg-color-base-dark-2;
}

ul {
  padding-inline-start: 0;
  margin-block-start: 0;
  margin-block-end: 0;
}

label {
  font-weight: 700;
}

ol,
ul {
  list-style: none;
}
dl,
dt,
dd,
ol,
ul,
li {
  padding: 0;
  margin: 0;
}

#app {
  height: 100%;
}

a,
a:focus,
a:hover {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  outline: none;
}

div:focus {
  outline: none;
}
.clearfix {
  @include clearfix;
}

// main-container global css
.app-container {
  padding: 20px;
}
::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
  border: 5px solid transparent;
  border-radius: 999px;
}

::-webkit-scrollbar-track {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2) inset;
}

::-webkit-scrollbar-thumb {
  min-height: 20px;
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.2) inset;
  background-clip: content-box;
}

::-webkit-scrollbar-corner {
  background: transparent;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-text-fill-color: #fff;
  box-shadow: 0 0 0 1000px #103656 inset;
}
