.tilebox .action > .act > span {
  margin: 0;
  margin-left: 0.4rem;
  font-size: 1.2rem;
  cursor: pointer;
}

html.dark .tilebox .action > .act > span {
  margin: 0;
  margin-left: 0.4rem;
  font-size: 1.2rem;
  cursor: pointer;
}

.tile .tile-body {
  text-align: center;
}

.tile .tile-body ul {
  text-align: start;
}

.tile .tile-item {
  width: fit-content;
  cursor: pointer;
  margin: 0.5rem 0.5rem;
  display: inline-block;
  padding: 1rem 2rem;
  border-radius: 1rem;
  background-color: #f3f7f8;
  box-shadow: 1px 1px 1px black;
}

.tile .tile-item li {
  list-style: none;
  line-height: 1.5rem;
}

.tile .tile1 {
  color: red;
  border: red 1px none;
}

.tile .tile2 {
  color: #e87f00;
  border: #e87f00 1px none;
}

.tile .tile3 {
  color: #9d9500;
  border: #9d9500 1px none;
}

.tile .tile4 {
  color: #749a00;
  border: #749a00 1px none;
}

.tile .tile5 {
  color: #009030;
  border: #009030 1px none;
}

.tile .tile6 {
  color: #009588;
  border: #009588 1px none;
}

.tile .tile7 {
  color: #6f00d0;
  border: #6f00d0 1px none;
}

.tile .tile8 {
  color: #ca00b9;
  border: #ca00b9 1px none;
}

html.dark .tile .tile1 {
  background-color: rgba(255, 0, 0, 0.3137254902);
  color: red;
  border: red 1px none;
}

html.dark .tile .tile2 {
  background-color: rgba(255, 140, 0, 0.3137254902);
  color: darkorange;
  border: darkorange 1px none;
}

html.dark .tile .tile3 {
  background-color: rgba(255, 242, 0, 0.3137254902);
  color: #fff200;
  border: #fff200 1px none;
}

html.dark .tile .tile4 {
  background-color: rgba(191, 255, 0, 0.3137254902);
  color: #bfff00;
  border: #bfff00 1px none;
}

html.dark .tile .tile5 {
  background-color: rgba(0, 255, 85, 0.3137254902);
  color: #00ff55;
  border: #00ff55 1px none;
}

html.dark .tile .tile6 {
  background-color: rgba(0, 255, 234, 0.3137254902);
  color: #00ffea;
  border: #00ffea 1px none;
}

html.dark .tile .tile7 {
  background-color: rgba(123, 0, 255, 0.3764705882);
  color: #a53eff;
  border: #a53eff 1px none;
}

html.dark .tile .tile8 {
  background-color: rgba(255, 0, 234, 0.3137254902);
  color: #ff00ea;
  border: #ff00ea 1px none;
}

.tile .foc {
  border-style: solid;
}

html.dark .tile .foc {
  border-style: solid;
}

/*# sourceMappingURL=tile.css.map */