/* src/style.css */
:root {
  --gap: .4rem;
  --shadow: 0 0 1rem .2rem #0000001f;
}
@media (min-width: 600px) {
  :root {
    --gap: 1rem;
    --shadow: 0 0 1rem .5rem #0000001f;
  }
}
body {
  background-color: gray;
  padding: var(--gap);
  margin: 0;
  gap: var(--gap);
}
body {
  display: flex;
  flex-direction: column;
}
chart-weight,
chart-history {
  flex-basis: 600px;
  border-radius: .15rem;
  box-shadow: var(--shadow);
  user-select: none;
}
[c-drag] {
  position: relative;
}
[c-drag]:hover::after {
  content: "-";
  position: absolute;
  bottom: 5px;
  right: 5px;
}