/* src/styles.css */
body {
  font-family: "Inter", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: clip;
}
:root {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
html:hover {
  scrollbar-color: #d19800 #f5eacd;
}
* {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
*:hover {
  scrollbar-color: #d19800 #f5eacd;
}
*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
*::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 100px;
}
*::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 100px;
  border: 2px solid transparent;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
*:hover::-webkit-scrollbar-track {
  background: #f5eacd;
}
*:hover::-webkit-scrollbar-thumb {
  background-color: #d19800;
  border-color: #f5eacd;
}
*:hover::-webkit-scrollbar-thumb:hover {
  background-color: #0b2140;
}
*::-webkit-scrollbar-corner {
  background: transparent;
}
*:hover::-webkit-scrollbar-corner {
  background: #f5eacd;
}

/* angular:styles/global:styles */