@import "~material-design-icons/iconfont/material-icons.css";
@import "./syncfusion.min.css";
@import "./variables";
@import "./reset/input.scss";
@import "./reset/button.scss";
@import "./reset/dropdown.scss";
@import "./reset/mat-dialog.scss";
@import "./reset/grid.scss";
@import "./reset/switch.scss";
@import "./reset/radio.scss";
@import "./reset/checkbox.scss";

html {
  overflow: hidden;
  overflow-x: auto;
}
body {
  margin: 0;
  padding: 0;
}

* {
  box-sizing: border-box;
}

textarea {
  outline: none;
  border-color: #c8c8c8;
  width: 100%;
  padding: 0 10px;
}

button {
  border-width: 0;
  outline: 0;
}
a {
  color: #44566c;
  text-decoration: none;
  &:hover {
    background-color: transparent;
  }
}

input {
  border: 0;
  outline: 0;
}

p {
  margin: 0;
}

::-webkit-scrollbar {
  width: 16px; /* 垂直滚动条 */
  height: 16px; /* 水平滚动条 */
  background: transparent !important;
}

/* 设置滚动条滑块宽度为6px（通过边框实现居中效果）*/
::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background: rgba(108, 124, 144, 0.22);
  border: 5px solid transparent;
  background-clip: content-box;
  min-height: 50px;
}

::-webkit-scrollbar-corner {
  background: transparent; /* 与容器背景色一致 */
}
