@import "@/common/styles/colors"

.status-title
  display: flex
  flex-direction: row
  align-items: center

.status-title h2
  color: $white
  flex-grow: 1

.status-title hr
  flex-grow: 15
  height: 5px
  border: none
  background-color: $gray
  border-radius: 50px

.shards
  display: flex

.shard
  margin-top: 10px
  margin-bottom: 20px
  display: flex
  justify-content: center
  align-items: center
  color: $white
  font-size: 24pt
  font-weight: 700
  margin-right: 25px
  width: 80px
  height: 80px
  background-color: $lime
  border-radius: 15px
  filter: drop-shadow(0px 0px 12px $lime)

.shard-inactive
  background-color: $red
  filter: drop-shadow(0px 0px 12px $red)