.sortable > ul {
  list-style: none;
  padding: 0;
}
.sortable > ul > li {
  font-family: Epilogue;
  font-size: 0.75rem;
  font-weight: 500;
  color: #666666;
  display: flex;
  margin: 1rem 0;
}
.sortable > ul > li i {
  align-self: center;
  font-size: 1rem;
}
.sortable > ul > li input.move {
  height: 3rem;
  padding: 0 1rem;
  border: solid 1px #cecbc1;
  background: white;
  width: 100%;
  margin: 0;
}
.sortable > ul > li > .color {
  margin-right: 1.25rem;
  width: 1.375rem;
  background-color: #f6b913;
}
.sortable > ul > li:nth-child(2) > .color {
  opacity: 0.8;
}
.sortable > ul > li:nth-child(3) > .color {
  opacity: 0.6;
}
.sortable > ul > li:nth-child(4) > .color {
  opacity: 0.5;
}
.sortable > ul > li:nth-child(5) > .color {
  opacity: 0.4;
}
.sortable > ul > li:nth-child(6) > .color {
  opacity: 0.3;
}
.sortable > ul > li:nth-child(7) > .color {
  opacity: 0.2;
}