.enter,
.line {
  line-height: 2.7;
}
.enter {
  margin-left: 2em;
}
.line-chunk {
  padding: 0.3em 0;
  cursor: pointer;
  user-select: none;
}
.last-line-chunk {
  margin-right: 0.4em;
}
.chunk,
.done {
  margin-right: 0.4em;
  padding: 0 0.9em;
  line-height: 2;
}
.done,
.button-start {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  border-radius: 1.1em;
}
/*
.done::before
    content: ""
    border-left: 0.6em solid transparent
    border-bottom: 0.4em solid #fff
    border-top: 1em solid transparent
    border-right: 0.25em solid transparent
    margin-left: -0.40em
    position: absolute
    margin-top: -0.13em
    transform: rotate(-30deg)

.done::after
    content: ""
    border-left: 0.6em solid transparent
    border-top: 0.4em solid #fff
    border-bottom: 1em solid transparent
    border-right: 0.25em solid transparent
    margin-left: -1.15em
    position: absolute
    margin-top: 0.66em
    transform: rotate(30deg)
*/
.chunk {
  border-radius: 0.2em !important;
  background-color: #fff !important;
  border: 1px solid #ddd !important;
  color: #222;
  cursor: pointer;
  width: fit-content;
  display: inline-block;
  margin-top: -1px;
  margin-bottom: -1px;
  user-select: none;
  box-shadow: 0px 0px 4px 0px #ddd !important;
}
@media (hover: hover) and (pointer: fine) {
  .chunk:hover {
    border-color: #ddd !important;
    background-color: #f8f8f8 !important;
  }
}