.orderby-btn[data-v-f70ee1a4] {
  line-height: 24px;
  display: inline-block;
  padding: 4px 9px 4px 12px;
  border-radius: 5px;
  cursor: pointer;
  background-color: #f7f7f7;
  color: #666666;
}
.orderby-btn.current[data-v-f70ee1a4] {
  background-color: #f2f9fe;
  color: #2180ff;
}
.orderby-btn-text[data-v-f70ee1a4] {
  margin-right: 2px;
}
.order-by[data-v-f70ee1a4] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  vertical-align: 6px;
}
.tick[data-v-f70ee1a4] {
  line-height: 10px;
  padding: 0 4px;
  color: #666666;
}
.tick.current[data-v-f70ee1a4] {
  color: #2180ff;
}
.tick[data-v-f70ee1a4]:hover {
  color: red;
}

.canvas-container[data-v-a0480980] {
  position: relative;
  height: calc(100vh - 132px);
  overflow-y: auto;
}