/*
 * These CSS changes are for the decals that shows on the storefront.
 * */
.decal-label {
  color: rgb(85, 85, 85);
  font-size: 25px;
  font-weight: 500;
  padding: 10px;
  border: 1px solid #b89b67;
  border-radius: 6px;
  box-shadow: 2px 2px 5px 0px rgb(85, 85, 85);
  margin-top: 15px;
  font-family: Helvetica, "Helvetica Neue", Verdana, Arial, sans-serif !important;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 8px;
  width: max-content;
}

.decal-label.live {
  background: linear-gradient(rgb(157, 213, 58) 0%, rgb(161, 213, 79) 50%, rgb(128, 194, 23) 51%, rgb(124, 188, 10) 100%);
}

.decal-label.build {
  background: linear-gradient(rgb(243, 226, 199) 0%, rgb(193, 158, 103) 50%, rgb(182, 141, 76) 51%, rgb(233, 212, 179) 100%);
}

.decal-label.rip {
  background: linear-gradient(rgb(255, 255, 255) 0%, rgb(241, 241, 241) 50%, rgb(225, 225, 225) 51%, rgb(246, 246, 246) 100%);
}

.decal-label.demo {
  background: linear-gradient(rgb(235, 241, 246) 0%, rgb(171, 211, 238) 50%, rgb(137, 195, 235) 51%, rgb(213, 235, 251) 100%);
}

.decal-label.off {
  background: linear-gradient(rgb(243, 197, 189) 0%, rgb(232, 108, 87) 50%, rgb(234, 40, 3) 51%, rgb(255, 102, 0) 75%, rgb(199, 34, 0) 100%);
}

.decal-label.test {
  background: linear-gradient(rgb(252, 234, 187) 0%, rgb(252, 205, 77) 50%, rgb(248, 181, 0) 51%, rgb(251, 223, 147) 100%);
}