/* src/client/index.css */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace;
}

.flex {
  display: flex;
  margin: 20px 0;
}

.flex > div {
  margin: 0 10px;
}

.clickable {
  cursor: pointer;
}

.align-right {
  text-align: right;
}

.shade-on-hover:hover {
  background-color: #ccd5de;
}

.shade-on-hover.active:not(:hover) {
  background-color: #e9ebef;
}

.full-width {
  width: 100%;
}

* {
  scrollbar-color: #e0e0e0 transparent;
}

*::-webkit-scrollbar-track {
  background-color: #0000;
}

.break-all {
  word-break: break-all;
}

.nowrap {
  white-space: nowrap;
  text-overflow: clip;
  overflow: hidden;
}