.intensity-box {
  display: grid;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  border-radius: 25%;
}

.intensity-unknow {
  color: var(--intensity-text-0);
  background-color: var(--intensity-0);
  box-sizing: border-box;
  font-size: 14px;
}

.intensity-0 {
  color: var(--intensity-text-0);
  background-color: var(--intensity-0);
  box-sizing: border-box;
}

.intensity-0:not(#max-intensity, #max-pga)::after {
  content: "0";
}

.intensity-1 {
  color: var(--intensity-text-1);
  background-color: var(--intensity-1);
  box-sizing: border-box;
}

.intensity-1::after {
  content: "1";
}

.intensity-2 {
  color: var(--intensity-text-2);
  background-color: var(--intensity-2);
  box-sizing: border-box;
}

.intensity-2::after {
  content: "2";
}

.intensity-3 {
  color: var(--intensity-text-3);
  background-color: var(--intensity-3);
  box-sizing: border-box;
}

.intensity-3::after {
  content: "3";
}

.intensity-4 {
  color: var(--intensity-text-4);
  background-color: var(--intensity-4);
  box-sizing: border-box;
}

.intensity-4::after {
  content: "4";
}

.intensity-5 {
  color: var(--intensity-text-5);
  background-color: var(--intensity-5);
  box-sizing: border-box;
}

.intensity-5::after {
  content: "5⁻";
}

.intensity-6 {
  color: var(--intensity-text-6);
  background-color: var(--intensity-6);
  box-sizing: border-box;
}

.intensity-6::after {
  content: "5⁺";
}

.intensity-7 {
  color: var(--intensity-text-7);
  background-color: var(--intensity-7);
  box-sizing: border-box;
}

.intensity-7::after {
  content: "6⁻";
}

.intensity-8 {
  color: var(--intensity-text-8);
  background-color: var(--intensity-8);
  box-sizing: border-box;
}

.intensity-8::after {
  content: "6⁺";
}

.intensity-9 {
  color: var(--intensity-text-9);
  background-color: var(--intensity-9);
  box-sizing: border-box;
}

.intensity-9::after {
  content: "7";
}

.pga-intensity-0 {
  background-color: lightgray;
}

.pga-intensity-0:empty::after {
  content: "1";
}

#max-pga[class*="intensity-"]::after {
  content: none;
}