st0rm-tilebox > .tile_container {
  display: grid;
  grid-template-columns: repeat(auto-fill, max(60px,min(110px, 30%)));
  justify-content: center;
  grid-gap: 5px;
  margin: 10px 10px;
}

st0rm-tilebox > .headline {
  margin: 10px;
  color: white;
  font-size: 1.1rem;
  margin-bottom: .5rem;
  /* font-weight: 400!important; */
}

st0rm-tileselectionmasterbox > .main-h2 {
  margin: 0;
  padding: 10px;
  border-color: var(--color-background);
  border-style: solid;
  border-width: min(calc(0.1 * 20vi),13.75px) 0px 0 5px;
  border-left-width: 0px;
}

st0rm-tile {
  aspect-ratio: 1;
  background-color: gray;
  color: white;
  padding: 5px;
  box-sizing: border-box;
  border-radius: 5px;
  /* -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s; */
}

body.nontouch st0rm-tile:hover {
  outline: solid;
  outline-color: var(--color-active-hover);
}

st0rm-tile.selected {
  background-color: cadetblue;
  /* background-color: #2E88AF; */
  /* background-color: #70CB01; */
}