*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

h1 {
  font-size: 2rem;
  margin-bottom: 1rem;
}

.center-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

.close-sidebar {
  display: none;
}

.description-list {
  margin-bottom: 1rem;
}

.board {
  border: 4px solid #000;
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(9, 1fr);
  width: 630px;
  height: 630px;
}

.square {
  border: 1px solid #000;
  position: relative;
  transition: background-color 150ms;
}
.square:nth-child(9n-6), .square:nth-child(9n-3) {
  border-right: 4px solid #000;
}
.square:nth-of-type(19), .square:nth-of-type(20), .square:nth-of-type(21), .square:nth-of-type(22), .square:nth-of-type(23), .square:nth-of-type(24), .square:nth-of-type(25), .square:nth-of-type(26), .square:nth-of-type(27), .square:nth-of-type(46), .square:nth-of-type(47), .square:nth-of-type(48), .square:nth-of-type(49), .square:nth-of-type(50), .square:nth-of-type(51), .square:nth-of-type(52), .square:nth-of-type(53), .square:nth-of-type(54) {
  border-bottom: 4px solid #000;
}
.square .sidebar_toggle_label {
  position: absolute;
  inset: 0;
  cursor: pointer;
}
.square .sidebar_toggle_input:checked + .sidebar_toggle_label {
  border: solid 3px #a1a1aa;
}
.square .sidebar_toggle_input {
  display: none;
}
.square .sidebar_toggle_input:checked ~ .number_picker_sidebar {
  z-index: 1;
  display: grid;
  animation: sidebar-appear 250ms;
}
.square .number_picker_sidebar {
  position: absolute;
  left: 50%;
  top: -10px;
  background: #18181b;
  color: white;
  grid-template-columns: repeat(5, 1fr);
  transform: translate(-50%, -100%);
  display: none;
  border: 1px solid #27272a;
  animation: sidebar-disappear 250ms;
}
.square[data-y="1"] .number_picker_sidebar, .square[data-y="2"] .number_picker_sidebar {
  top: unset;
  bottom: -10px;
  transform: translate(-50%, 100%);
}
@keyframes sidebar-appear {
  from {
    scale: 0.9;
    opacity: 0;
  }
  to {
    scale: 1;
    opacity: 1;
  }
}
@keyframes sidebar-disappear {
  from {
    display: grid;
    opacity: 1;
    scale: 1;
  }
  to {
    display: none;
    opacity: 0;
    scale: 0.9;
  }
}
.square .number_picker_label {
  width: 70px;
  height: 70px;
  border: 1px solid #27272a;
  font-size: 3rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 250ms ease-out;
}
.square .number_picker_label:hover {
  background-color: #27272a;
}

.number_picker_input[data-square-index="1"][value="1"]:checked ~ .square[data-square-index="1"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="1"][value="2"]:checked ~ .square[data-square-index="1"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="1"][value="3"]:checked ~ .square[data-square-index="1"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="1"][value="4"]:checked ~ .square[data-square-index="1"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="1"][value="5"]:checked ~ .square[data-square-index="1"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="1"][value="6"]:checked ~ .square[data-square-index="1"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="1"][value="7"]:checked ~ .square[data-square-index="1"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="1"][value="8"]:checked ~ .square[data-square-index="1"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="1"][value="9"]:checked ~ .square[data-square-index="1"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="2"][value="1"]:checked ~ .square[data-square-index="2"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="2"][value="2"]:checked ~ .square[data-square-index="2"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="2"][value="3"]:checked ~ .square[data-square-index="2"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="2"][value="4"]:checked ~ .square[data-square-index="2"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="2"][value="5"]:checked ~ .square[data-square-index="2"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="2"][value="6"]:checked ~ .square[data-square-index="2"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="2"][value="7"]:checked ~ .square[data-square-index="2"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="2"][value="8"]:checked ~ .square[data-square-index="2"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="2"][value="9"]:checked ~ .square[data-square-index="2"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="3"][value="1"]:checked ~ .square[data-square-index="3"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="3"][value="2"]:checked ~ .square[data-square-index="3"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="3"][value="3"]:checked ~ .square[data-square-index="3"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="3"][value="4"]:checked ~ .square[data-square-index="3"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="3"][value="5"]:checked ~ .square[data-square-index="3"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="3"][value="6"]:checked ~ .square[data-square-index="3"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="3"][value="7"]:checked ~ .square[data-square-index="3"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="3"][value="8"]:checked ~ .square[data-square-index="3"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="3"][value="9"]:checked ~ .square[data-square-index="3"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="4"][value="1"]:checked ~ .square[data-square-index="4"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="4"][value="2"]:checked ~ .square[data-square-index="4"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="4"][value="3"]:checked ~ .square[data-square-index="4"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="4"][value="4"]:checked ~ .square[data-square-index="4"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="4"][value="5"]:checked ~ .square[data-square-index="4"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="4"][value="6"]:checked ~ .square[data-square-index="4"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="4"][value="7"]:checked ~ .square[data-square-index="4"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="4"][value="8"]:checked ~ .square[data-square-index="4"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="4"][value="9"]:checked ~ .square[data-square-index="4"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="5"][value="1"]:checked ~ .square[data-square-index="5"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="5"][value="2"]:checked ~ .square[data-square-index="5"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="5"][value="3"]:checked ~ .square[data-square-index="5"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="5"][value="4"]:checked ~ .square[data-square-index="5"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="5"][value="5"]:checked ~ .square[data-square-index="5"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="5"][value="6"]:checked ~ .square[data-square-index="5"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="5"][value="7"]:checked ~ .square[data-square-index="5"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="5"][value="8"]:checked ~ .square[data-square-index="5"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="5"][value="9"]:checked ~ .square[data-square-index="5"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="6"][value="1"]:checked ~ .square[data-square-index="6"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="6"][value="2"]:checked ~ .square[data-square-index="6"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="6"][value="3"]:checked ~ .square[data-square-index="6"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="6"][value="4"]:checked ~ .square[data-square-index="6"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="6"][value="5"]:checked ~ .square[data-square-index="6"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="6"][value="6"]:checked ~ .square[data-square-index="6"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="6"][value="7"]:checked ~ .square[data-square-index="6"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="6"][value="8"]:checked ~ .square[data-square-index="6"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="6"][value="9"]:checked ~ .square[data-square-index="6"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="7"][value="1"]:checked ~ .square[data-square-index="7"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="7"][value="2"]:checked ~ .square[data-square-index="7"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="7"][value="3"]:checked ~ .square[data-square-index="7"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="7"][value="4"]:checked ~ .square[data-square-index="7"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="7"][value="5"]:checked ~ .square[data-square-index="7"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="7"][value="6"]:checked ~ .square[data-square-index="7"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="7"][value="7"]:checked ~ .square[data-square-index="7"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="7"][value="8"]:checked ~ .square[data-square-index="7"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="7"][value="9"]:checked ~ .square[data-square-index="7"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="8"][value="1"]:checked ~ .square[data-square-index="8"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="8"][value="2"]:checked ~ .square[data-square-index="8"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="8"][value="3"]:checked ~ .square[data-square-index="8"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="8"][value="4"]:checked ~ .square[data-square-index="8"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="8"][value="5"]:checked ~ .square[data-square-index="8"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="8"][value="6"]:checked ~ .square[data-square-index="8"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="8"][value="7"]:checked ~ .square[data-square-index="8"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="8"][value="8"]:checked ~ .square[data-square-index="8"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="8"][value="9"]:checked ~ .square[data-square-index="8"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="9"][value="1"]:checked ~ .square[data-square-index="9"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="9"][value="2"]:checked ~ .square[data-square-index="9"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="9"][value="3"]:checked ~ .square[data-square-index="9"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="9"][value="4"]:checked ~ .square[data-square-index="9"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="9"][value="5"]:checked ~ .square[data-square-index="9"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="9"][value="6"]:checked ~ .square[data-square-index="9"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="9"][value="7"]:checked ~ .square[data-square-index="9"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="9"][value="8"]:checked ~ .square[data-square-index="9"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="9"][value="9"]:checked ~ .square[data-square-index="9"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="10"][value="1"]:checked ~ .square[data-square-index="10"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="10"][value="2"]:checked ~ .square[data-square-index="10"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="10"][value="3"]:checked ~ .square[data-square-index="10"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="10"][value="4"]:checked ~ .square[data-square-index="10"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="10"][value="5"]:checked ~ .square[data-square-index="10"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="10"][value="6"]:checked ~ .square[data-square-index="10"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="10"][value="7"]:checked ~ .square[data-square-index="10"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="10"][value="8"]:checked ~ .square[data-square-index="10"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="10"][value="9"]:checked ~ .square[data-square-index="10"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="11"][value="1"]:checked ~ .square[data-square-index="11"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="11"][value="2"]:checked ~ .square[data-square-index="11"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="11"][value="3"]:checked ~ .square[data-square-index="11"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="11"][value="4"]:checked ~ .square[data-square-index="11"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="11"][value="5"]:checked ~ .square[data-square-index="11"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="11"][value="6"]:checked ~ .square[data-square-index="11"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="11"][value="7"]:checked ~ .square[data-square-index="11"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="11"][value="8"]:checked ~ .square[data-square-index="11"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="11"][value="9"]:checked ~ .square[data-square-index="11"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="12"][value="1"]:checked ~ .square[data-square-index="12"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="12"][value="2"]:checked ~ .square[data-square-index="12"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="12"][value="3"]:checked ~ .square[data-square-index="12"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="12"][value="4"]:checked ~ .square[data-square-index="12"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="12"][value="5"]:checked ~ .square[data-square-index="12"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="12"][value="6"]:checked ~ .square[data-square-index="12"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="12"][value="7"]:checked ~ .square[data-square-index="12"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="12"][value="8"]:checked ~ .square[data-square-index="12"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="12"][value="9"]:checked ~ .square[data-square-index="12"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="13"][value="1"]:checked ~ .square[data-square-index="13"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="13"][value="2"]:checked ~ .square[data-square-index="13"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="13"][value="3"]:checked ~ .square[data-square-index="13"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="13"][value="4"]:checked ~ .square[data-square-index="13"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="13"][value="5"]:checked ~ .square[data-square-index="13"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="13"][value="6"]:checked ~ .square[data-square-index="13"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="13"][value="7"]:checked ~ .square[data-square-index="13"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="13"][value="8"]:checked ~ .square[data-square-index="13"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="13"][value="9"]:checked ~ .square[data-square-index="13"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="14"][value="1"]:checked ~ .square[data-square-index="14"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="14"][value="2"]:checked ~ .square[data-square-index="14"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="14"][value="3"]:checked ~ .square[data-square-index="14"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="14"][value="4"]:checked ~ .square[data-square-index="14"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="14"][value="5"]:checked ~ .square[data-square-index="14"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="14"][value="6"]:checked ~ .square[data-square-index="14"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="14"][value="7"]:checked ~ .square[data-square-index="14"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="14"][value="8"]:checked ~ .square[data-square-index="14"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="14"][value="9"]:checked ~ .square[data-square-index="14"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="15"][value="1"]:checked ~ .square[data-square-index="15"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="15"][value="2"]:checked ~ .square[data-square-index="15"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="15"][value="3"]:checked ~ .square[data-square-index="15"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="15"][value="4"]:checked ~ .square[data-square-index="15"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="15"][value="5"]:checked ~ .square[data-square-index="15"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="15"][value="6"]:checked ~ .square[data-square-index="15"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="15"][value="7"]:checked ~ .square[data-square-index="15"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="15"][value="8"]:checked ~ .square[data-square-index="15"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="15"][value="9"]:checked ~ .square[data-square-index="15"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="16"][value="1"]:checked ~ .square[data-square-index="16"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="16"][value="2"]:checked ~ .square[data-square-index="16"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="16"][value="3"]:checked ~ .square[data-square-index="16"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="16"][value="4"]:checked ~ .square[data-square-index="16"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="16"][value="5"]:checked ~ .square[data-square-index="16"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="16"][value="6"]:checked ~ .square[data-square-index="16"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="16"][value="7"]:checked ~ .square[data-square-index="16"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="16"][value="8"]:checked ~ .square[data-square-index="16"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="16"][value="9"]:checked ~ .square[data-square-index="16"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="17"][value="1"]:checked ~ .square[data-square-index="17"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="17"][value="2"]:checked ~ .square[data-square-index="17"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="17"][value="3"]:checked ~ .square[data-square-index="17"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="17"][value="4"]:checked ~ .square[data-square-index="17"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="17"][value="5"]:checked ~ .square[data-square-index="17"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="17"][value="6"]:checked ~ .square[data-square-index="17"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="17"][value="7"]:checked ~ .square[data-square-index="17"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="17"][value="8"]:checked ~ .square[data-square-index="17"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="17"][value="9"]:checked ~ .square[data-square-index="17"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="18"][value="1"]:checked ~ .square[data-square-index="18"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="18"][value="2"]:checked ~ .square[data-square-index="18"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="18"][value="3"]:checked ~ .square[data-square-index="18"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="18"][value="4"]:checked ~ .square[data-square-index="18"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="18"][value="5"]:checked ~ .square[data-square-index="18"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="18"][value="6"]:checked ~ .square[data-square-index="18"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="18"][value="7"]:checked ~ .square[data-square-index="18"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="18"][value="8"]:checked ~ .square[data-square-index="18"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="18"][value="9"]:checked ~ .square[data-square-index="18"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="19"][value="1"]:checked ~ .square[data-square-index="19"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="19"][value="2"]:checked ~ .square[data-square-index="19"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="19"][value="3"]:checked ~ .square[data-square-index="19"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="19"][value="4"]:checked ~ .square[data-square-index="19"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="19"][value="5"]:checked ~ .square[data-square-index="19"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="19"][value="6"]:checked ~ .square[data-square-index="19"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="19"][value="7"]:checked ~ .square[data-square-index="19"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="19"][value="8"]:checked ~ .square[data-square-index="19"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="19"][value="9"]:checked ~ .square[data-square-index="19"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="20"][value="1"]:checked ~ .square[data-square-index="20"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="20"][value="2"]:checked ~ .square[data-square-index="20"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="20"][value="3"]:checked ~ .square[data-square-index="20"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="20"][value="4"]:checked ~ .square[data-square-index="20"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="20"][value="5"]:checked ~ .square[data-square-index="20"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="20"][value="6"]:checked ~ .square[data-square-index="20"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="20"][value="7"]:checked ~ .square[data-square-index="20"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="20"][value="8"]:checked ~ .square[data-square-index="20"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="20"][value="9"]:checked ~ .square[data-square-index="20"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="21"][value="1"]:checked ~ .square[data-square-index="21"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="21"][value="2"]:checked ~ .square[data-square-index="21"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="21"][value="3"]:checked ~ .square[data-square-index="21"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="21"][value="4"]:checked ~ .square[data-square-index="21"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="21"][value="5"]:checked ~ .square[data-square-index="21"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="21"][value="6"]:checked ~ .square[data-square-index="21"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="21"][value="7"]:checked ~ .square[data-square-index="21"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="21"][value="8"]:checked ~ .square[data-square-index="21"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="21"][value="9"]:checked ~ .square[data-square-index="21"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="22"][value="1"]:checked ~ .square[data-square-index="22"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="22"][value="2"]:checked ~ .square[data-square-index="22"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="22"][value="3"]:checked ~ .square[data-square-index="22"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="22"][value="4"]:checked ~ .square[data-square-index="22"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="22"][value="5"]:checked ~ .square[data-square-index="22"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="22"][value="6"]:checked ~ .square[data-square-index="22"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="22"][value="7"]:checked ~ .square[data-square-index="22"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="22"][value="8"]:checked ~ .square[data-square-index="22"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="22"][value="9"]:checked ~ .square[data-square-index="22"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="23"][value="1"]:checked ~ .square[data-square-index="23"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="23"][value="2"]:checked ~ .square[data-square-index="23"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="23"][value="3"]:checked ~ .square[data-square-index="23"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="23"][value="4"]:checked ~ .square[data-square-index="23"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="23"][value="5"]:checked ~ .square[data-square-index="23"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="23"][value="6"]:checked ~ .square[data-square-index="23"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="23"][value="7"]:checked ~ .square[data-square-index="23"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="23"][value="8"]:checked ~ .square[data-square-index="23"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="23"][value="9"]:checked ~ .square[data-square-index="23"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="24"][value="1"]:checked ~ .square[data-square-index="24"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="24"][value="2"]:checked ~ .square[data-square-index="24"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="24"][value="3"]:checked ~ .square[data-square-index="24"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="24"][value="4"]:checked ~ .square[data-square-index="24"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="24"][value="5"]:checked ~ .square[data-square-index="24"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="24"][value="6"]:checked ~ .square[data-square-index="24"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="24"][value="7"]:checked ~ .square[data-square-index="24"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="24"][value="8"]:checked ~ .square[data-square-index="24"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="24"][value="9"]:checked ~ .square[data-square-index="24"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="25"][value="1"]:checked ~ .square[data-square-index="25"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="25"][value="2"]:checked ~ .square[data-square-index="25"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="25"][value="3"]:checked ~ .square[data-square-index="25"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="25"][value="4"]:checked ~ .square[data-square-index="25"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="25"][value="5"]:checked ~ .square[data-square-index="25"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="25"][value="6"]:checked ~ .square[data-square-index="25"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="25"][value="7"]:checked ~ .square[data-square-index="25"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="25"][value="8"]:checked ~ .square[data-square-index="25"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="25"][value="9"]:checked ~ .square[data-square-index="25"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="26"][value="1"]:checked ~ .square[data-square-index="26"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="26"][value="2"]:checked ~ .square[data-square-index="26"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="26"][value="3"]:checked ~ .square[data-square-index="26"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="26"][value="4"]:checked ~ .square[data-square-index="26"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="26"][value="5"]:checked ~ .square[data-square-index="26"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="26"][value="6"]:checked ~ .square[data-square-index="26"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="26"][value="7"]:checked ~ .square[data-square-index="26"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="26"][value="8"]:checked ~ .square[data-square-index="26"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="26"][value="9"]:checked ~ .square[data-square-index="26"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="27"][value="1"]:checked ~ .square[data-square-index="27"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="27"][value="2"]:checked ~ .square[data-square-index="27"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="27"][value="3"]:checked ~ .square[data-square-index="27"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="27"][value="4"]:checked ~ .square[data-square-index="27"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="27"][value="5"]:checked ~ .square[data-square-index="27"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="27"][value="6"]:checked ~ .square[data-square-index="27"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="27"][value="7"]:checked ~ .square[data-square-index="27"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="27"][value="8"]:checked ~ .square[data-square-index="27"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="27"][value="9"]:checked ~ .square[data-square-index="27"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="28"][value="1"]:checked ~ .square[data-square-index="28"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="28"][value="2"]:checked ~ .square[data-square-index="28"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="28"][value="3"]:checked ~ .square[data-square-index="28"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="28"][value="4"]:checked ~ .square[data-square-index="28"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="28"][value="5"]:checked ~ .square[data-square-index="28"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="28"][value="6"]:checked ~ .square[data-square-index="28"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="28"][value="7"]:checked ~ .square[data-square-index="28"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="28"][value="8"]:checked ~ .square[data-square-index="28"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="28"][value="9"]:checked ~ .square[data-square-index="28"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="29"][value="1"]:checked ~ .square[data-square-index="29"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="29"][value="2"]:checked ~ .square[data-square-index="29"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="29"][value="3"]:checked ~ .square[data-square-index="29"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="29"][value="4"]:checked ~ .square[data-square-index="29"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="29"][value="5"]:checked ~ .square[data-square-index="29"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="29"][value="6"]:checked ~ .square[data-square-index="29"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="29"][value="7"]:checked ~ .square[data-square-index="29"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="29"][value="8"]:checked ~ .square[data-square-index="29"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="29"][value="9"]:checked ~ .square[data-square-index="29"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="30"][value="1"]:checked ~ .square[data-square-index="30"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="30"][value="2"]:checked ~ .square[data-square-index="30"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="30"][value="3"]:checked ~ .square[data-square-index="30"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="30"][value="4"]:checked ~ .square[data-square-index="30"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="30"][value="5"]:checked ~ .square[data-square-index="30"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="30"][value="6"]:checked ~ .square[data-square-index="30"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="30"][value="7"]:checked ~ .square[data-square-index="30"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="30"][value="8"]:checked ~ .square[data-square-index="30"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="30"][value="9"]:checked ~ .square[data-square-index="30"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="31"][value="1"]:checked ~ .square[data-square-index="31"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="31"][value="2"]:checked ~ .square[data-square-index="31"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="31"][value="3"]:checked ~ .square[data-square-index="31"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="31"][value="4"]:checked ~ .square[data-square-index="31"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="31"][value="5"]:checked ~ .square[data-square-index="31"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="31"][value="6"]:checked ~ .square[data-square-index="31"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="31"][value="7"]:checked ~ .square[data-square-index="31"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="31"][value="8"]:checked ~ .square[data-square-index="31"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="31"][value="9"]:checked ~ .square[data-square-index="31"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="32"][value="1"]:checked ~ .square[data-square-index="32"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="32"][value="2"]:checked ~ .square[data-square-index="32"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="32"][value="3"]:checked ~ .square[data-square-index="32"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="32"][value="4"]:checked ~ .square[data-square-index="32"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="32"][value="5"]:checked ~ .square[data-square-index="32"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="32"][value="6"]:checked ~ .square[data-square-index="32"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="32"][value="7"]:checked ~ .square[data-square-index="32"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="32"][value="8"]:checked ~ .square[data-square-index="32"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="32"][value="9"]:checked ~ .square[data-square-index="32"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="33"][value="1"]:checked ~ .square[data-square-index="33"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="33"][value="2"]:checked ~ .square[data-square-index="33"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="33"][value="3"]:checked ~ .square[data-square-index="33"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="33"][value="4"]:checked ~ .square[data-square-index="33"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="33"][value="5"]:checked ~ .square[data-square-index="33"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="33"][value="6"]:checked ~ .square[data-square-index="33"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="33"][value="7"]:checked ~ .square[data-square-index="33"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="33"][value="8"]:checked ~ .square[data-square-index="33"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="33"][value="9"]:checked ~ .square[data-square-index="33"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="34"][value="1"]:checked ~ .square[data-square-index="34"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="34"][value="2"]:checked ~ .square[data-square-index="34"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="34"][value="3"]:checked ~ .square[data-square-index="34"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="34"][value="4"]:checked ~ .square[data-square-index="34"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="34"][value="5"]:checked ~ .square[data-square-index="34"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="34"][value="6"]:checked ~ .square[data-square-index="34"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="34"][value="7"]:checked ~ .square[data-square-index="34"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="34"][value="8"]:checked ~ .square[data-square-index="34"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="34"][value="9"]:checked ~ .square[data-square-index="34"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="35"][value="1"]:checked ~ .square[data-square-index="35"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="35"][value="2"]:checked ~ .square[data-square-index="35"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="35"][value="3"]:checked ~ .square[data-square-index="35"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="35"][value="4"]:checked ~ .square[data-square-index="35"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="35"][value="5"]:checked ~ .square[data-square-index="35"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="35"][value="6"]:checked ~ .square[data-square-index="35"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="35"][value="7"]:checked ~ .square[data-square-index="35"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="35"][value="8"]:checked ~ .square[data-square-index="35"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="35"][value="9"]:checked ~ .square[data-square-index="35"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="36"][value="1"]:checked ~ .square[data-square-index="36"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="36"][value="2"]:checked ~ .square[data-square-index="36"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="36"][value="3"]:checked ~ .square[data-square-index="36"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="36"][value="4"]:checked ~ .square[data-square-index="36"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="36"][value="5"]:checked ~ .square[data-square-index="36"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="36"][value="6"]:checked ~ .square[data-square-index="36"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="36"][value="7"]:checked ~ .square[data-square-index="36"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="36"][value="8"]:checked ~ .square[data-square-index="36"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="36"][value="9"]:checked ~ .square[data-square-index="36"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="37"][value="1"]:checked ~ .square[data-square-index="37"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="37"][value="2"]:checked ~ .square[data-square-index="37"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="37"][value="3"]:checked ~ .square[data-square-index="37"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="37"][value="4"]:checked ~ .square[data-square-index="37"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="37"][value="5"]:checked ~ .square[data-square-index="37"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="37"][value="6"]:checked ~ .square[data-square-index="37"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="37"][value="7"]:checked ~ .square[data-square-index="37"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="37"][value="8"]:checked ~ .square[data-square-index="37"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="37"][value="9"]:checked ~ .square[data-square-index="37"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="38"][value="1"]:checked ~ .square[data-square-index="38"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="38"][value="2"]:checked ~ .square[data-square-index="38"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="38"][value="3"]:checked ~ .square[data-square-index="38"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="38"][value="4"]:checked ~ .square[data-square-index="38"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="38"][value="5"]:checked ~ .square[data-square-index="38"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="38"][value="6"]:checked ~ .square[data-square-index="38"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="38"][value="7"]:checked ~ .square[data-square-index="38"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="38"][value="8"]:checked ~ .square[data-square-index="38"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="38"][value="9"]:checked ~ .square[data-square-index="38"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="39"][value="1"]:checked ~ .square[data-square-index="39"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="39"][value="2"]:checked ~ .square[data-square-index="39"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="39"][value="3"]:checked ~ .square[data-square-index="39"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="39"][value="4"]:checked ~ .square[data-square-index="39"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="39"][value="5"]:checked ~ .square[data-square-index="39"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="39"][value="6"]:checked ~ .square[data-square-index="39"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="39"][value="7"]:checked ~ .square[data-square-index="39"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="39"][value="8"]:checked ~ .square[data-square-index="39"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="39"][value="9"]:checked ~ .square[data-square-index="39"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="40"][value="1"]:checked ~ .square[data-square-index="40"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="40"][value="2"]:checked ~ .square[data-square-index="40"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="40"][value="3"]:checked ~ .square[data-square-index="40"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="40"][value="4"]:checked ~ .square[data-square-index="40"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="40"][value="5"]:checked ~ .square[data-square-index="40"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="40"][value="6"]:checked ~ .square[data-square-index="40"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="40"][value="7"]:checked ~ .square[data-square-index="40"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="40"][value="8"]:checked ~ .square[data-square-index="40"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="40"][value="9"]:checked ~ .square[data-square-index="40"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="41"][value="1"]:checked ~ .square[data-square-index="41"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="41"][value="2"]:checked ~ .square[data-square-index="41"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="41"][value="3"]:checked ~ .square[data-square-index="41"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="41"][value="4"]:checked ~ .square[data-square-index="41"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="41"][value="5"]:checked ~ .square[data-square-index="41"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="41"][value="6"]:checked ~ .square[data-square-index="41"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="41"][value="7"]:checked ~ .square[data-square-index="41"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="41"][value="8"]:checked ~ .square[data-square-index="41"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="41"][value="9"]:checked ~ .square[data-square-index="41"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="42"][value="1"]:checked ~ .square[data-square-index="42"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="42"][value="2"]:checked ~ .square[data-square-index="42"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="42"][value="3"]:checked ~ .square[data-square-index="42"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="42"][value="4"]:checked ~ .square[data-square-index="42"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="42"][value="5"]:checked ~ .square[data-square-index="42"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="42"][value="6"]:checked ~ .square[data-square-index="42"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="42"][value="7"]:checked ~ .square[data-square-index="42"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="42"][value="8"]:checked ~ .square[data-square-index="42"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="42"][value="9"]:checked ~ .square[data-square-index="42"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="43"][value="1"]:checked ~ .square[data-square-index="43"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="43"][value="2"]:checked ~ .square[data-square-index="43"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="43"][value="3"]:checked ~ .square[data-square-index="43"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="43"][value="4"]:checked ~ .square[data-square-index="43"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="43"][value="5"]:checked ~ .square[data-square-index="43"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="43"][value="6"]:checked ~ .square[data-square-index="43"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="43"][value="7"]:checked ~ .square[data-square-index="43"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="43"][value="8"]:checked ~ .square[data-square-index="43"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="43"][value="9"]:checked ~ .square[data-square-index="43"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="44"][value="1"]:checked ~ .square[data-square-index="44"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="44"][value="2"]:checked ~ .square[data-square-index="44"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="44"][value="3"]:checked ~ .square[data-square-index="44"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="44"][value="4"]:checked ~ .square[data-square-index="44"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="44"][value="5"]:checked ~ .square[data-square-index="44"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="44"][value="6"]:checked ~ .square[data-square-index="44"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="44"][value="7"]:checked ~ .square[data-square-index="44"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="44"][value="8"]:checked ~ .square[data-square-index="44"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="44"][value="9"]:checked ~ .square[data-square-index="44"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="45"][value="1"]:checked ~ .square[data-square-index="45"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="45"][value="2"]:checked ~ .square[data-square-index="45"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="45"][value="3"]:checked ~ .square[data-square-index="45"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="45"][value="4"]:checked ~ .square[data-square-index="45"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="45"][value="5"]:checked ~ .square[data-square-index="45"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="45"][value="6"]:checked ~ .square[data-square-index="45"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="45"][value="7"]:checked ~ .square[data-square-index="45"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="45"][value="8"]:checked ~ .square[data-square-index="45"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="45"][value="9"]:checked ~ .square[data-square-index="45"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="46"][value="1"]:checked ~ .square[data-square-index="46"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="46"][value="2"]:checked ~ .square[data-square-index="46"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="46"][value="3"]:checked ~ .square[data-square-index="46"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="46"][value="4"]:checked ~ .square[data-square-index="46"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="46"][value="5"]:checked ~ .square[data-square-index="46"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="46"][value="6"]:checked ~ .square[data-square-index="46"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="46"][value="7"]:checked ~ .square[data-square-index="46"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="46"][value="8"]:checked ~ .square[data-square-index="46"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="46"][value="9"]:checked ~ .square[data-square-index="46"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="47"][value="1"]:checked ~ .square[data-square-index="47"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="47"][value="2"]:checked ~ .square[data-square-index="47"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="47"][value="3"]:checked ~ .square[data-square-index="47"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="47"][value="4"]:checked ~ .square[data-square-index="47"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="47"][value="5"]:checked ~ .square[data-square-index="47"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="47"][value="6"]:checked ~ .square[data-square-index="47"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="47"][value="7"]:checked ~ .square[data-square-index="47"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="47"][value="8"]:checked ~ .square[data-square-index="47"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="47"][value="9"]:checked ~ .square[data-square-index="47"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="48"][value="1"]:checked ~ .square[data-square-index="48"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="48"][value="2"]:checked ~ .square[data-square-index="48"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="48"][value="3"]:checked ~ .square[data-square-index="48"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="48"][value="4"]:checked ~ .square[data-square-index="48"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="48"][value="5"]:checked ~ .square[data-square-index="48"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="48"][value="6"]:checked ~ .square[data-square-index="48"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="48"][value="7"]:checked ~ .square[data-square-index="48"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="48"][value="8"]:checked ~ .square[data-square-index="48"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="48"][value="9"]:checked ~ .square[data-square-index="48"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="49"][value="1"]:checked ~ .square[data-square-index="49"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="49"][value="2"]:checked ~ .square[data-square-index="49"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="49"][value="3"]:checked ~ .square[data-square-index="49"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="49"][value="4"]:checked ~ .square[data-square-index="49"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="49"][value="5"]:checked ~ .square[data-square-index="49"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="49"][value="6"]:checked ~ .square[data-square-index="49"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="49"][value="7"]:checked ~ .square[data-square-index="49"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="49"][value="8"]:checked ~ .square[data-square-index="49"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="49"][value="9"]:checked ~ .square[data-square-index="49"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="50"][value="1"]:checked ~ .square[data-square-index="50"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="50"][value="2"]:checked ~ .square[data-square-index="50"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="50"][value="3"]:checked ~ .square[data-square-index="50"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="50"][value="4"]:checked ~ .square[data-square-index="50"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="50"][value="5"]:checked ~ .square[data-square-index="50"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="50"][value="6"]:checked ~ .square[data-square-index="50"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="50"][value="7"]:checked ~ .square[data-square-index="50"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="50"][value="8"]:checked ~ .square[data-square-index="50"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="50"][value="9"]:checked ~ .square[data-square-index="50"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="51"][value="1"]:checked ~ .square[data-square-index="51"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="51"][value="2"]:checked ~ .square[data-square-index="51"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="51"][value="3"]:checked ~ .square[data-square-index="51"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="51"][value="4"]:checked ~ .square[data-square-index="51"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="51"][value="5"]:checked ~ .square[data-square-index="51"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="51"][value="6"]:checked ~ .square[data-square-index="51"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="51"][value="7"]:checked ~ .square[data-square-index="51"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="51"][value="8"]:checked ~ .square[data-square-index="51"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="51"][value="9"]:checked ~ .square[data-square-index="51"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="52"][value="1"]:checked ~ .square[data-square-index="52"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="52"][value="2"]:checked ~ .square[data-square-index="52"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="52"][value="3"]:checked ~ .square[data-square-index="52"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="52"][value="4"]:checked ~ .square[data-square-index="52"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="52"][value="5"]:checked ~ .square[data-square-index="52"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="52"][value="6"]:checked ~ .square[data-square-index="52"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="52"][value="7"]:checked ~ .square[data-square-index="52"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="52"][value="8"]:checked ~ .square[data-square-index="52"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="52"][value="9"]:checked ~ .square[data-square-index="52"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="53"][value="1"]:checked ~ .square[data-square-index="53"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="53"][value="2"]:checked ~ .square[data-square-index="53"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="53"][value="3"]:checked ~ .square[data-square-index="53"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="53"][value="4"]:checked ~ .square[data-square-index="53"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="53"][value="5"]:checked ~ .square[data-square-index="53"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="53"][value="6"]:checked ~ .square[data-square-index="53"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="53"][value="7"]:checked ~ .square[data-square-index="53"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="53"][value="8"]:checked ~ .square[data-square-index="53"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="53"][value="9"]:checked ~ .square[data-square-index="53"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="54"][value="1"]:checked ~ .square[data-square-index="54"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="54"][value="2"]:checked ~ .square[data-square-index="54"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="54"][value="3"]:checked ~ .square[data-square-index="54"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="54"][value="4"]:checked ~ .square[data-square-index="54"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="54"][value="5"]:checked ~ .square[data-square-index="54"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="54"][value="6"]:checked ~ .square[data-square-index="54"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="54"][value="7"]:checked ~ .square[data-square-index="54"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="54"][value="8"]:checked ~ .square[data-square-index="54"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="54"][value="9"]:checked ~ .square[data-square-index="54"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="55"][value="1"]:checked ~ .square[data-square-index="55"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="55"][value="2"]:checked ~ .square[data-square-index="55"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="55"][value="3"]:checked ~ .square[data-square-index="55"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="55"][value="4"]:checked ~ .square[data-square-index="55"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="55"][value="5"]:checked ~ .square[data-square-index="55"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="55"][value="6"]:checked ~ .square[data-square-index="55"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="55"][value="7"]:checked ~ .square[data-square-index="55"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="55"][value="8"]:checked ~ .square[data-square-index="55"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="55"][value="9"]:checked ~ .square[data-square-index="55"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="56"][value="1"]:checked ~ .square[data-square-index="56"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="56"][value="2"]:checked ~ .square[data-square-index="56"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="56"][value="3"]:checked ~ .square[data-square-index="56"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="56"][value="4"]:checked ~ .square[data-square-index="56"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="56"][value="5"]:checked ~ .square[data-square-index="56"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="56"][value="6"]:checked ~ .square[data-square-index="56"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="56"][value="7"]:checked ~ .square[data-square-index="56"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="56"][value="8"]:checked ~ .square[data-square-index="56"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="56"][value="9"]:checked ~ .square[data-square-index="56"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="57"][value="1"]:checked ~ .square[data-square-index="57"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="57"][value="2"]:checked ~ .square[data-square-index="57"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="57"][value="3"]:checked ~ .square[data-square-index="57"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="57"][value="4"]:checked ~ .square[data-square-index="57"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="57"][value="5"]:checked ~ .square[data-square-index="57"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="57"][value="6"]:checked ~ .square[data-square-index="57"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="57"][value="7"]:checked ~ .square[data-square-index="57"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="57"][value="8"]:checked ~ .square[data-square-index="57"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="57"][value="9"]:checked ~ .square[data-square-index="57"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="58"][value="1"]:checked ~ .square[data-square-index="58"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="58"][value="2"]:checked ~ .square[data-square-index="58"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="58"][value="3"]:checked ~ .square[data-square-index="58"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="58"][value="4"]:checked ~ .square[data-square-index="58"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="58"][value="5"]:checked ~ .square[data-square-index="58"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="58"][value="6"]:checked ~ .square[data-square-index="58"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="58"][value="7"]:checked ~ .square[data-square-index="58"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="58"][value="8"]:checked ~ .square[data-square-index="58"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="58"][value="9"]:checked ~ .square[data-square-index="58"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="59"][value="1"]:checked ~ .square[data-square-index="59"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="59"][value="2"]:checked ~ .square[data-square-index="59"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="59"][value="3"]:checked ~ .square[data-square-index="59"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="59"][value="4"]:checked ~ .square[data-square-index="59"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="59"][value="5"]:checked ~ .square[data-square-index="59"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="59"][value="6"]:checked ~ .square[data-square-index="59"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="59"][value="7"]:checked ~ .square[data-square-index="59"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="59"][value="8"]:checked ~ .square[data-square-index="59"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="59"][value="9"]:checked ~ .square[data-square-index="59"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="60"][value="1"]:checked ~ .square[data-square-index="60"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="60"][value="2"]:checked ~ .square[data-square-index="60"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="60"][value="3"]:checked ~ .square[data-square-index="60"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="60"][value="4"]:checked ~ .square[data-square-index="60"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="60"][value="5"]:checked ~ .square[data-square-index="60"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="60"][value="6"]:checked ~ .square[data-square-index="60"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="60"][value="7"]:checked ~ .square[data-square-index="60"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="60"][value="8"]:checked ~ .square[data-square-index="60"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="60"][value="9"]:checked ~ .square[data-square-index="60"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="61"][value="1"]:checked ~ .square[data-square-index="61"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="61"][value="2"]:checked ~ .square[data-square-index="61"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="61"][value="3"]:checked ~ .square[data-square-index="61"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="61"][value="4"]:checked ~ .square[data-square-index="61"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="61"][value="5"]:checked ~ .square[data-square-index="61"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="61"][value="6"]:checked ~ .square[data-square-index="61"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="61"][value="7"]:checked ~ .square[data-square-index="61"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="61"][value="8"]:checked ~ .square[data-square-index="61"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="61"][value="9"]:checked ~ .square[data-square-index="61"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="62"][value="1"]:checked ~ .square[data-square-index="62"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="62"][value="2"]:checked ~ .square[data-square-index="62"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="62"][value="3"]:checked ~ .square[data-square-index="62"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="62"][value="4"]:checked ~ .square[data-square-index="62"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="62"][value="5"]:checked ~ .square[data-square-index="62"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="62"][value="6"]:checked ~ .square[data-square-index="62"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="62"][value="7"]:checked ~ .square[data-square-index="62"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="62"][value="8"]:checked ~ .square[data-square-index="62"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="62"][value="9"]:checked ~ .square[data-square-index="62"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="63"][value="1"]:checked ~ .square[data-square-index="63"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="63"][value="2"]:checked ~ .square[data-square-index="63"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="63"][value="3"]:checked ~ .square[data-square-index="63"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="63"][value="4"]:checked ~ .square[data-square-index="63"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="63"][value="5"]:checked ~ .square[data-square-index="63"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="63"][value="6"]:checked ~ .square[data-square-index="63"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="63"][value="7"]:checked ~ .square[data-square-index="63"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="63"][value="8"]:checked ~ .square[data-square-index="63"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="63"][value="9"]:checked ~ .square[data-square-index="63"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="64"][value="1"]:checked ~ .square[data-square-index="64"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="64"][value="2"]:checked ~ .square[data-square-index="64"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="64"][value="3"]:checked ~ .square[data-square-index="64"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="64"][value="4"]:checked ~ .square[data-square-index="64"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="64"][value="5"]:checked ~ .square[data-square-index="64"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="64"][value="6"]:checked ~ .square[data-square-index="64"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="64"][value="7"]:checked ~ .square[data-square-index="64"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="64"][value="8"]:checked ~ .square[data-square-index="64"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="64"][value="9"]:checked ~ .square[data-square-index="64"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="65"][value="1"]:checked ~ .square[data-square-index="65"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="65"][value="2"]:checked ~ .square[data-square-index="65"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="65"][value="3"]:checked ~ .square[data-square-index="65"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="65"][value="4"]:checked ~ .square[data-square-index="65"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="65"][value="5"]:checked ~ .square[data-square-index="65"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="65"][value="6"]:checked ~ .square[data-square-index="65"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="65"][value="7"]:checked ~ .square[data-square-index="65"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="65"][value="8"]:checked ~ .square[data-square-index="65"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="65"][value="9"]:checked ~ .square[data-square-index="65"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="66"][value="1"]:checked ~ .square[data-square-index="66"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="66"][value="2"]:checked ~ .square[data-square-index="66"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="66"][value="3"]:checked ~ .square[data-square-index="66"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="66"][value="4"]:checked ~ .square[data-square-index="66"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="66"][value="5"]:checked ~ .square[data-square-index="66"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="66"][value="6"]:checked ~ .square[data-square-index="66"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="66"][value="7"]:checked ~ .square[data-square-index="66"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="66"][value="8"]:checked ~ .square[data-square-index="66"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="66"][value="9"]:checked ~ .square[data-square-index="66"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="67"][value="1"]:checked ~ .square[data-square-index="67"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="67"][value="2"]:checked ~ .square[data-square-index="67"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="67"][value="3"]:checked ~ .square[data-square-index="67"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="67"][value="4"]:checked ~ .square[data-square-index="67"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="67"][value="5"]:checked ~ .square[data-square-index="67"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="67"][value="6"]:checked ~ .square[data-square-index="67"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="67"][value="7"]:checked ~ .square[data-square-index="67"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="67"][value="8"]:checked ~ .square[data-square-index="67"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="67"][value="9"]:checked ~ .square[data-square-index="67"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="68"][value="1"]:checked ~ .square[data-square-index="68"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="68"][value="2"]:checked ~ .square[data-square-index="68"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="68"][value="3"]:checked ~ .square[data-square-index="68"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="68"][value="4"]:checked ~ .square[data-square-index="68"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="68"][value="5"]:checked ~ .square[data-square-index="68"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="68"][value="6"]:checked ~ .square[data-square-index="68"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="68"][value="7"]:checked ~ .square[data-square-index="68"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="68"][value="8"]:checked ~ .square[data-square-index="68"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="68"][value="9"]:checked ~ .square[data-square-index="68"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="69"][value="1"]:checked ~ .square[data-square-index="69"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="69"][value="2"]:checked ~ .square[data-square-index="69"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="69"][value="3"]:checked ~ .square[data-square-index="69"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="69"][value="4"]:checked ~ .square[data-square-index="69"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="69"][value="5"]:checked ~ .square[data-square-index="69"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="69"][value="6"]:checked ~ .square[data-square-index="69"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="69"][value="7"]:checked ~ .square[data-square-index="69"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="69"][value="8"]:checked ~ .square[data-square-index="69"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="69"][value="9"]:checked ~ .square[data-square-index="69"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="70"][value="1"]:checked ~ .square[data-square-index="70"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="70"][value="2"]:checked ~ .square[data-square-index="70"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="70"][value="3"]:checked ~ .square[data-square-index="70"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="70"][value="4"]:checked ~ .square[data-square-index="70"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="70"][value="5"]:checked ~ .square[data-square-index="70"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="70"][value="6"]:checked ~ .square[data-square-index="70"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="70"][value="7"]:checked ~ .square[data-square-index="70"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="70"][value="8"]:checked ~ .square[data-square-index="70"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="70"][value="9"]:checked ~ .square[data-square-index="70"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="71"][value="1"]:checked ~ .square[data-square-index="71"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="71"][value="2"]:checked ~ .square[data-square-index="71"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="71"][value="3"]:checked ~ .square[data-square-index="71"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="71"][value="4"]:checked ~ .square[data-square-index="71"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="71"][value="5"]:checked ~ .square[data-square-index="71"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="71"][value="6"]:checked ~ .square[data-square-index="71"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="71"][value="7"]:checked ~ .square[data-square-index="71"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="71"][value="8"]:checked ~ .square[data-square-index="71"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="71"][value="9"]:checked ~ .square[data-square-index="71"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="72"][value="1"]:checked ~ .square[data-square-index="72"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="72"][value="2"]:checked ~ .square[data-square-index="72"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="72"][value="3"]:checked ~ .square[data-square-index="72"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="72"][value="4"]:checked ~ .square[data-square-index="72"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="72"][value="5"]:checked ~ .square[data-square-index="72"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="72"][value="6"]:checked ~ .square[data-square-index="72"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="72"][value="7"]:checked ~ .square[data-square-index="72"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="72"][value="8"]:checked ~ .square[data-square-index="72"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="72"][value="9"]:checked ~ .square[data-square-index="72"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="73"][value="1"]:checked ~ .square[data-square-index="73"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="73"][value="2"]:checked ~ .square[data-square-index="73"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="73"][value="3"]:checked ~ .square[data-square-index="73"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="73"][value="4"]:checked ~ .square[data-square-index="73"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="73"][value="5"]:checked ~ .square[data-square-index="73"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="73"][value="6"]:checked ~ .square[data-square-index="73"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="73"][value="7"]:checked ~ .square[data-square-index="73"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="73"][value="8"]:checked ~ .square[data-square-index="73"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="73"][value="9"]:checked ~ .square[data-square-index="73"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="74"][value="1"]:checked ~ .square[data-square-index="74"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="74"][value="2"]:checked ~ .square[data-square-index="74"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="74"][value="3"]:checked ~ .square[data-square-index="74"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="74"][value="4"]:checked ~ .square[data-square-index="74"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="74"][value="5"]:checked ~ .square[data-square-index="74"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="74"][value="6"]:checked ~ .square[data-square-index="74"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="74"][value="7"]:checked ~ .square[data-square-index="74"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="74"][value="8"]:checked ~ .square[data-square-index="74"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="74"][value="9"]:checked ~ .square[data-square-index="74"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="75"][value="1"]:checked ~ .square[data-square-index="75"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="75"][value="2"]:checked ~ .square[data-square-index="75"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="75"][value="3"]:checked ~ .square[data-square-index="75"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="75"][value="4"]:checked ~ .square[data-square-index="75"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="75"][value="5"]:checked ~ .square[data-square-index="75"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="75"][value="6"]:checked ~ .square[data-square-index="75"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="75"][value="7"]:checked ~ .square[data-square-index="75"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="75"][value="8"]:checked ~ .square[data-square-index="75"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="75"][value="9"]:checked ~ .square[data-square-index="75"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="76"][value="1"]:checked ~ .square[data-square-index="76"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="76"][value="2"]:checked ~ .square[data-square-index="76"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="76"][value="3"]:checked ~ .square[data-square-index="76"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="76"][value="4"]:checked ~ .square[data-square-index="76"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="76"][value="5"]:checked ~ .square[data-square-index="76"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="76"][value="6"]:checked ~ .square[data-square-index="76"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="76"][value="7"]:checked ~ .square[data-square-index="76"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="76"][value="8"]:checked ~ .square[data-square-index="76"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="76"][value="9"]:checked ~ .square[data-square-index="76"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="77"][value="1"]:checked ~ .square[data-square-index="77"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="77"][value="2"]:checked ~ .square[data-square-index="77"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="77"][value="3"]:checked ~ .square[data-square-index="77"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="77"][value="4"]:checked ~ .square[data-square-index="77"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="77"][value="5"]:checked ~ .square[data-square-index="77"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="77"][value="6"]:checked ~ .square[data-square-index="77"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="77"][value="7"]:checked ~ .square[data-square-index="77"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="77"][value="8"]:checked ~ .square[data-square-index="77"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="77"][value="9"]:checked ~ .square[data-square-index="77"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="78"][value="1"]:checked ~ .square[data-square-index="78"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="78"][value="2"]:checked ~ .square[data-square-index="78"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="78"][value="3"]:checked ~ .square[data-square-index="78"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="78"][value="4"]:checked ~ .square[data-square-index="78"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="78"][value="5"]:checked ~ .square[data-square-index="78"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="78"][value="6"]:checked ~ .square[data-square-index="78"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="78"][value="7"]:checked ~ .square[data-square-index="78"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="78"][value="8"]:checked ~ .square[data-square-index="78"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="78"][value="9"]:checked ~ .square[data-square-index="78"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="79"][value="1"]:checked ~ .square[data-square-index="79"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="79"][value="2"]:checked ~ .square[data-square-index="79"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="79"][value="3"]:checked ~ .square[data-square-index="79"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="79"][value="4"]:checked ~ .square[data-square-index="79"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="79"][value="5"]:checked ~ .square[data-square-index="79"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="79"][value="6"]:checked ~ .square[data-square-index="79"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="79"][value="7"]:checked ~ .square[data-square-index="79"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="79"][value="8"]:checked ~ .square[data-square-index="79"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="79"][value="9"]:checked ~ .square[data-square-index="79"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="80"][value="1"]:checked ~ .square[data-square-index="80"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="80"][value="2"]:checked ~ .square[data-square-index="80"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="80"][value="3"]:checked ~ .square[data-square-index="80"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="80"][value="4"]:checked ~ .square[data-square-index="80"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="80"][value="5"]:checked ~ .square[data-square-index="80"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="80"][value="6"]:checked ~ .square[data-square-index="80"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="80"][value="7"]:checked ~ .square[data-square-index="80"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="80"][value="8"]:checked ~ .square[data-square-index="80"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="80"][value="9"]:checked ~ .square[data-square-index="80"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="81"][value="1"]:checked ~ .square[data-square-index="81"]::before {
  content: "1";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="81"][value="2"]:checked ~ .square[data-square-index="81"]::before {
  content: "2";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="81"][value="3"]:checked ~ .square[data-square-index="81"]::before {
  content: "3";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="81"][value="4"]:checked ~ .square[data-square-index="81"]::before {
  content: "4";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="81"][value="5"]:checked ~ .square[data-square-index="81"]::before {
  content: "5";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="81"][value="6"]:checked ~ .square[data-square-index="81"]::before {
  content: "6";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="81"][value="7"]:checked ~ .square[data-square-index="81"]::before {
  content: "7";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="81"][value="8"]:checked ~ .square[data-square-index="81"]::before {
  content: "8";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input[data-square-index="81"][value="9"]:checked ~ .square[data-square-index="81"]::before {
  content: "9";
  position: absolute;
  font-size: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.number_picker_input {
  width: 0;
  height: 0;
  user-select: none;
  opacity: 0;
  position: absolute;
}

body:has(.number_picker_input[value="1"][data-square-group="1"]:checked ~ .number_picker_input[value="1"][data-square-group="1"]:checked) .square[data-square-group="1"],
body:has(.number_picker_input[value="1"][data-y="1"]:checked ~ .number_picker_input[value="1"][data-y="1"]:checked) .square[data-y="1"],
body:has(.number_picker_input[value="1"][data-x="1"]:checked ~ .number_picker_input[value="1"][data-x="1"]:checked) .square[data-x="1"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="2"][data-square-group="1"]:checked ~ .number_picker_input[value="2"][data-square-group="1"]:checked) .square[data-square-group="1"],
body:has(.number_picker_input[value="2"][data-y="1"]:checked ~ .number_picker_input[value="2"][data-y="1"]:checked) .square[data-y="1"],
body:has(.number_picker_input[value="2"][data-x="1"]:checked ~ .number_picker_input[value="2"][data-x="1"]:checked) .square[data-x="1"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="3"][data-square-group="1"]:checked ~ .number_picker_input[value="3"][data-square-group="1"]:checked) .square[data-square-group="1"],
body:has(.number_picker_input[value="3"][data-y="1"]:checked ~ .number_picker_input[value="3"][data-y="1"]:checked) .square[data-y="1"],
body:has(.number_picker_input[value="3"][data-x="1"]:checked ~ .number_picker_input[value="3"][data-x="1"]:checked) .square[data-x="1"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="4"][data-square-group="1"]:checked ~ .number_picker_input[value="4"][data-square-group="1"]:checked) .square[data-square-group="1"],
body:has(.number_picker_input[value="4"][data-y="1"]:checked ~ .number_picker_input[value="4"][data-y="1"]:checked) .square[data-y="1"],
body:has(.number_picker_input[value="4"][data-x="1"]:checked ~ .number_picker_input[value="4"][data-x="1"]:checked) .square[data-x="1"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="5"][data-square-group="1"]:checked ~ .number_picker_input[value="5"][data-square-group="1"]:checked) .square[data-square-group="1"],
body:has(.number_picker_input[value="5"][data-y="1"]:checked ~ .number_picker_input[value="5"][data-y="1"]:checked) .square[data-y="1"],
body:has(.number_picker_input[value="5"][data-x="1"]:checked ~ .number_picker_input[value="5"][data-x="1"]:checked) .square[data-x="1"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="6"][data-square-group="1"]:checked ~ .number_picker_input[value="6"][data-square-group="1"]:checked) .square[data-square-group="1"],
body:has(.number_picker_input[value="6"][data-y="1"]:checked ~ .number_picker_input[value="6"][data-y="1"]:checked) .square[data-y="1"],
body:has(.number_picker_input[value="6"][data-x="1"]:checked ~ .number_picker_input[value="6"][data-x="1"]:checked) .square[data-x="1"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="7"][data-square-group="1"]:checked ~ .number_picker_input[value="7"][data-square-group="1"]:checked) .square[data-square-group="1"],
body:has(.number_picker_input[value="7"][data-y="1"]:checked ~ .number_picker_input[value="7"][data-y="1"]:checked) .square[data-y="1"],
body:has(.number_picker_input[value="7"][data-x="1"]:checked ~ .number_picker_input[value="7"][data-x="1"]:checked) .square[data-x="1"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="8"][data-square-group="1"]:checked ~ .number_picker_input[value="8"][data-square-group="1"]:checked) .square[data-square-group="1"],
body:has(.number_picker_input[value="8"][data-y="1"]:checked ~ .number_picker_input[value="8"][data-y="1"]:checked) .square[data-y="1"],
body:has(.number_picker_input[value="8"][data-x="1"]:checked ~ .number_picker_input[value="8"][data-x="1"]:checked) .square[data-x="1"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="9"][data-square-group="1"]:checked ~ .number_picker_input[value="9"][data-square-group="1"]:checked) .square[data-square-group="1"],
body:has(.number_picker_input[value="9"][data-y="1"]:checked ~ .number_picker_input[value="9"][data-y="1"]:checked) .square[data-y="1"],
body:has(.number_picker_input[value="9"][data-x="1"]:checked ~ .number_picker_input[value="9"][data-x="1"]:checked) .square[data-x="1"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="1"][data-square-group="2"]:checked ~ .number_picker_input[value="1"][data-square-group="2"]:checked) .square[data-square-group="2"],
body:has(.number_picker_input[value="1"][data-y="2"]:checked ~ .number_picker_input[value="1"][data-y="2"]:checked) .square[data-y="2"],
body:has(.number_picker_input[value="1"][data-x="2"]:checked ~ .number_picker_input[value="1"][data-x="2"]:checked) .square[data-x="2"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="2"][data-square-group="2"]:checked ~ .number_picker_input[value="2"][data-square-group="2"]:checked) .square[data-square-group="2"],
body:has(.number_picker_input[value="2"][data-y="2"]:checked ~ .number_picker_input[value="2"][data-y="2"]:checked) .square[data-y="2"],
body:has(.number_picker_input[value="2"][data-x="2"]:checked ~ .number_picker_input[value="2"][data-x="2"]:checked) .square[data-x="2"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="3"][data-square-group="2"]:checked ~ .number_picker_input[value="3"][data-square-group="2"]:checked) .square[data-square-group="2"],
body:has(.number_picker_input[value="3"][data-y="2"]:checked ~ .number_picker_input[value="3"][data-y="2"]:checked) .square[data-y="2"],
body:has(.number_picker_input[value="3"][data-x="2"]:checked ~ .number_picker_input[value="3"][data-x="2"]:checked) .square[data-x="2"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="4"][data-square-group="2"]:checked ~ .number_picker_input[value="4"][data-square-group="2"]:checked) .square[data-square-group="2"],
body:has(.number_picker_input[value="4"][data-y="2"]:checked ~ .number_picker_input[value="4"][data-y="2"]:checked) .square[data-y="2"],
body:has(.number_picker_input[value="4"][data-x="2"]:checked ~ .number_picker_input[value="4"][data-x="2"]:checked) .square[data-x="2"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="5"][data-square-group="2"]:checked ~ .number_picker_input[value="5"][data-square-group="2"]:checked) .square[data-square-group="2"],
body:has(.number_picker_input[value="5"][data-y="2"]:checked ~ .number_picker_input[value="5"][data-y="2"]:checked) .square[data-y="2"],
body:has(.number_picker_input[value="5"][data-x="2"]:checked ~ .number_picker_input[value="5"][data-x="2"]:checked) .square[data-x="2"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="6"][data-square-group="2"]:checked ~ .number_picker_input[value="6"][data-square-group="2"]:checked) .square[data-square-group="2"],
body:has(.number_picker_input[value="6"][data-y="2"]:checked ~ .number_picker_input[value="6"][data-y="2"]:checked) .square[data-y="2"],
body:has(.number_picker_input[value="6"][data-x="2"]:checked ~ .number_picker_input[value="6"][data-x="2"]:checked) .square[data-x="2"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="7"][data-square-group="2"]:checked ~ .number_picker_input[value="7"][data-square-group="2"]:checked) .square[data-square-group="2"],
body:has(.number_picker_input[value="7"][data-y="2"]:checked ~ .number_picker_input[value="7"][data-y="2"]:checked) .square[data-y="2"],
body:has(.number_picker_input[value="7"][data-x="2"]:checked ~ .number_picker_input[value="7"][data-x="2"]:checked) .square[data-x="2"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="8"][data-square-group="2"]:checked ~ .number_picker_input[value="8"][data-square-group="2"]:checked) .square[data-square-group="2"],
body:has(.number_picker_input[value="8"][data-y="2"]:checked ~ .number_picker_input[value="8"][data-y="2"]:checked) .square[data-y="2"],
body:has(.number_picker_input[value="8"][data-x="2"]:checked ~ .number_picker_input[value="8"][data-x="2"]:checked) .square[data-x="2"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="9"][data-square-group="2"]:checked ~ .number_picker_input[value="9"][data-square-group="2"]:checked) .square[data-square-group="2"],
body:has(.number_picker_input[value="9"][data-y="2"]:checked ~ .number_picker_input[value="9"][data-y="2"]:checked) .square[data-y="2"],
body:has(.number_picker_input[value="9"][data-x="2"]:checked ~ .number_picker_input[value="9"][data-x="2"]:checked) .square[data-x="2"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="1"][data-square-group="3"]:checked ~ .number_picker_input[value="1"][data-square-group="3"]:checked) .square[data-square-group="3"],
body:has(.number_picker_input[value="1"][data-y="3"]:checked ~ .number_picker_input[value="1"][data-y="3"]:checked) .square[data-y="3"],
body:has(.number_picker_input[value="1"][data-x="3"]:checked ~ .number_picker_input[value="1"][data-x="3"]:checked) .square[data-x="3"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="2"][data-square-group="3"]:checked ~ .number_picker_input[value="2"][data-square-group="3"]:checked) .square[data-square-group="3"],
body:has(.number_picker_input[value="2"][data-y="3"]:checked ~ .number_picker_input[value="2"][data-y="3"]:checked) .square[data-y="3"],
body:has(.number_picker_input[value="2"][data-x="3"]:checked ~ .number_picker_input[value="2"][data-x="3"]:checked) .square[data-x="3"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="3"][data-square-group="3"]:checked ~ .number_picker_input[value="3"][data-square-group="3"]:checked) .square[data-square-group="3"],
body:has(.number_picker_input[value="3"][data-y="3"]:checked ~ .number_picker_input[value="3"][data-y="3"]:checked) .square[data-y="3"],
body:has(.number_picker_input[value="3"][data-x="3"]:checked ~ .number_picker_input[value="3"][data-x="3"]:checked) .square[data-x="3"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="4"][data-square-group="3"]:checked ~ .number_picker_input[value="4"][data-square-group="3"]:checked) .square[data-square-group="3"],
body:has(.number_picker_input[value="4"][data-y="3"]:checked ~ .number_picker_input[value="4"][data-y="3"]:checked) .square[data-y="3"],
body:has(.number_picker_input[value="4"][data-x="3"]:checked ~ .number_picker_input[value="4"][data-x="3"]:checked) .square[data-x="3"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="5"][data-square-group="3"]:checked ~ .number_picker_input[value="5"][data-square-group="3"]:checked) .square[data-square-group="3"],
body:has(.number_picker_input[value="5"][data-y="3"]:checked ~ .number_picker_input[value="5"][data-y="3"]:checked) .square[data-y="3"],
body:has(.number_picker_input[value="5"][data-x="3"]:checked ~ .number_picker_input[value="5"][data-x="3"]:checked) .square[data-x="3"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="6"][data-square-group="3"]:checked ~ .number_picker_input[value="6"][data-square-group="3"]:checked) .square[data-square-group="3"],
body:has(.number_picker_input[value="6"][data-y="3"]:checked ~ .number_picker_input[value="6"][data-y="3"]:checked) .square[data-y="3"],
body:has(.number_picker_input[value="6"][data-x="3"]:checked ~ .number_picker_input[value="6"][data-x="3"]:checked) .square[data-x="3"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="7"][data-square-group="3"]:checked ~ .number_picker_input[value="7"][data-square-group="3"]:checked) .square[data-square-group="3"],
body:has(.number_picker_input[value="7"][data-y="3"]:checked ~ .number_picker_input[value="7"][data-y="3"]:checked) .square[data-y="3"],
body:has(.number_picker_input[value="7"][data-x="3"]:checked ~ .number_picker_input[value="7"][data-x="3"]:checked) .square[data-x="3"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="8"][data-square-group="3"]:checked ~ .number_picker_input[value="8"][data-square-group="3"]:checked) .square[data-square-group="3"],
body:has(.number_picker_input[value="8"][data-y="3"]:checked ~ .number_picker_input[value="8"][data-y="3"]:checked) .square[data-y="3"],
body:has(.number_picker_input[value="8"][data-x="3"]:checked ~ .number_picker_input[value="8"][data-x="3"]:checked) .square[data-x="3"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="9"][data-square-group="3"]:checked ~ .number_picker_input[value="9"][data-square-group="3"]:checked) .square[data-square-group="3"],
body:has(.number_picker_input[value="9"][data-y="3"]:checked ~ .number_picker_input[value="9"][data-y="3"]:checked) .square[data-y="3"],
body:has(.number_picker_input[value="9"][data-x="3"]:checked ~ .number_picker_input[value="9"][data-x="3"]:checked) .square[data-x="3"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="1"][data-square-group="4"]:checked ~ .number_picker_input[value="1"][data-square-group="4"]:checked) .square[data-square-group="4"],
body:has(.number_picker_input[value="1"][data-y="4"]:checked ~ .number_picker_input[value="1"][data-y="4"]:checked) .square[data-y="4"],
body:has(.number_picker_input[value="1"][data-x="4"]:checked ~ .number_picker_input[value="1"][data-x="4"]:checked) .square[data-x="4"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="2"][data-square-group="4"]:checked ~ .number_picker_input[value="2"][data-square-group="4"]:checked) .square[data-square-group="4"],
body:has(.number_picker_input[value="2"][data-y="4"]:checked ~ .number_picker_input[value="2"][data-y="4"]:checked) .square[data-y="4"],
body:has(.number_picker_input[value="2"][data-x="4"]:checked ~ .number_picker_input[value="2"][data-x="4"]:checked) .square[data-x="4"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="3"][data-square-group="4"]:checked ~ .number_picker_input[value="3"][data-square-group="4"]:checked) .square[data-square-group="4"],
body:has(.number_picker_input[value="3"][data-y="4"]:checked ~ .number_picker_input[value="3"][data-y="4"]:checked) .square[data-y="4"],
body:has(.number_picker_input[value="3"][data-x="4"]:checked ~ .number_picker_input[value="3"][data-x="4"]:checked) .square[data-x="4"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="4"][data-square-group="4"]:checked ~ .number_picker_input[value="4"][data-square-group="4"]:checked) .square[data-square-group="4"],
body:has(.number_picker_input[value="4"][data-y="4"]:checked ~ .number_picker_input[value="4"][data-y="4"]:checked) .square[data-y="4"],
body:has(.number_picker_input[value="4"][data-x="4"]:checked ~ .number_picker_input[value="4"][data-x="4"]:checked) .square[data-x="4"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="5"][data-square-group="4"]:checked ~ .number_picker_input[value="5"][data-square-group="4"]:checked) .square[data-square-group="4"],
body:has(.number_picker_input[value="5"][data-y="4"]:checked ~ .number_picker_input[value="5"][data-y="4"]:checked) .square[data-y="4"],
body:has(.number_picker_input[value="5"][data-x="4"]:checked ~ .number_picker_input[value="5"][data-x="4"]:checked) .square[data-x="4"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="6"][data-square-group="4"]:checked ~ .number_picker_input[value="6"][data-square-group="4"]:checked) .square[data-square-group="4"],
body:has(.number_picker_input[value="6"][data-y="4"]:checked ~ .number_picker_input[value="6"][data-y="4"]:checked) .square[data-y="4"],
body:has(.number_picker_input[value="6"][data-x="4"]:checked ~ .number_picker_input[value="6"][data-x="4"]:checked) .square[data-x="4"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="7"][data-square-group="4"]:checked ~ .number_picker_input[value="7"][data-square-group="4"]:checked) .square[data-square-group="4"],
body:has(.number_picker_input[value="7"][data-y="4"]:checked ~ .number_picker_input[value="7"][data-y="4"]:checked) .square[data-y="4"],
body:has(.number_picker_input[value="7"][data-x="4"]:checked ~ .number_picker_input[value="7"][data-x="4"]:checked) .square[data-x="4"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="8"][data-square-group="4"]:checked ~ .number_picker_input[value="8"][data-square-group="4"]:checked) .square[data-square-group="4"],
body:has(.number_picker_input[value="8"][data-y="4"]:checked ~ .number_picker_input[value="8"][data-y="4"]:checked) .square[data-y="4"],
body:has(.number_picker_input[value="8"][data-x="4"]:checked ~ .number_picker_input[value="8"][data-x="4"]:checked) .square[data-x="4"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="9"][data-square-group="4"]:checked ~ .number_picker_input[value="9"][data-square-group="4"]:checked) .square[data-square-group="4"],
body:has(.number_picker_input[value="9"][data-y="4"]:checked ~ .number_picker_input[value="9"][data-y="4"]:checked) .square[data-y="4"],
body:has(.number_picker_input[value="9"][data-x="4"]:checked ~ .number_picker_input[value="9"][data-x="4"]:checked) .square[data-x="4"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="1"][data-square-group="5"]:checked ~ .number_picker_input[value="1"][data-square-group="5"]:checked) .square[data-square-group="5"],
body:has(.number_picker_input[value="1"][data-y="5"]:checked ~ .number_picker_input[value="1"][data-y="5"]:checked) .square[data-y="5"],
body:has(.number_picker_input[value="1"][data-x="5"]:checked ~ .number_picker_input[value="1"][data-x="5"]:checked) .square[data-x="5"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="2"][data-square-group="5"]:checked ~ .number_picker_input[value="2"][data-square-group="5"]:checked) .square[data-square-group="5"],
body:has(.number_picker_input[value="2"][data-y="5"]:checked ~ .number_picker_input[value="2"][data-y="5"]:checked) .square[data-y="5"],
body:has(.number_picker_input[value="2"][data-x="5"]:checked ~ .number_picker_input[value="2"][data-x="5"]:checked) .square[data-x="5"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="3"][data-square-group="5"]:checked ~ .number_picker_input[value="3"][data-square-group="5"]:checked) .square[data-square-group="5"],
body:has(.number_picker_input[value="3"][data-y="5"]:checked ~ .number_picker_input[value="3"][data-y="5"]:checked) .square[data-y="5"],
body:has(.number_picker_input[value="3"][data-x="5"]:checked ~ .number_picker_input[value="3"][data-x="5"]:checked) .square[data-x="5"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="4"][data-square-group="5"]:checked ~ .number_picker_input[value="4"][data-square-group="5"]:checked) .square[data-square-group="5"],
body:has(.number_picker_input[value="4"][data-y="5"]:checked ~ .number_picker_input[value="4"][data-y="5"]:checked) .square[data-y="5"],
body:has(.number_picker_input[value="4"][data-x="5"]:checked ~ .number_picker_input[value="4"][data-x="5"]:checked) .square[data-x="5"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="5"][data-square-group="5"]:checked ~ .number_picker_input[value="5"][data-square-group="5"]:checked) .square[data-square-group="5"],
body:has(.number_picker_input[value="5"][data-y="5"]:checked ~ .number_picker_input[value="5"][data-y="5"]:checked) .square[data-y="5"],
body:has(.number_picker_input[value="5"][data-x="5"]:checked ~ .number_picker_input[value="5"][data-x="5"]:checked) .square[data-x="5"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="6"][data-square-group="5"]:checked ~ .number_picker_input[value="6"][data-square-group="5"]:checked) .square[data-square-group="5"],
body:has(.number_picker_input[value="6"][data-y="5"]:checked ~ .number_picker_input[value="6"][data-y="5"]:checked) .square[data-y="5"],
body:has(.number_picker_input[value="6"][data-x="5"]:checked ~ .number_picker_input[value="6"][data-x="5"]:checked) .square[data-x="5"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="7"][data-square-group="5"]:checked ~ .number_picker_input[value="7"][data-square-group="5"]:checked) .square[data-square-group="5"],
body:has(.number_picker_input[value="7"][data-y="5"]:checked ~ .number_picker_input[value="7"][data-y="5"]:checked) .square[data-y="5"],
body:has(.number_picker_input[value="7"][data-x="5"]:checked ~ .number_picker_input[value="7"][data-x="5"]:checked) .square[data-x="5"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="8"][data-square-group="5"]:checked ~ .number_picker_input[value="8"][data-square-group="5"]:checked) .square[data-square-group="5"],
body:has(.number_picker_input[value="8"][data-y="5"]:checked ~ .number_picker_input[value="8"][data-y="5"]:checked) .square[data-y="5"],
body:has(.number_picker_input[value="8"][data-x="5"]:checked ~ .number_picker_input[value="8"][data-x="5"]:checked) .square[data-x="5"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="9"][data-square-group="5"]:checked ~ .number_picker_input[value="9"][data-square-group="5"]:checked) .square[data-square-group="5"],
body:has(.number_picker_input[value="9"][data-y="5"]:checked ~ .number_picker_input[value="9"][data-y="5"]:checked) .square[data-y="5"],
body:has(.number_picker_input[value="9"][data-x="5"]:checked ~ .number_picker_input[value="9"][data-x="5"]:checked) .square[data-x="5"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="1"][data-square-group="6"]:checked ~ .number_picker_input[value="1"][data-square-group="6"]:checked) .square[data-square-group="6"],
body:has(.number_picker_input[value="1"][data-y="6"]:checked ~ .number_picker_input[value="1"][data-y="6"]:checked) .square[data-y="6"],
body:has(.number_picker_input[value="1"][data-x="6"]:checked ~ .number_picker_input[value="1"][data-x="6"]:checked) .square[data-x="6"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="2"][data-square-group="6"]:checked ~ .number_picker_input[value="2"][data-square-group="6"]:checked) .square[data-square-group="6"],
body:has(.number_picker_input[value="2"][data-y="6"]:checked ~ .number_picker_input[value="2"][data-y="6"]:checked) .square[data-y="6"],
body:has(.number_picker_input[value="2"][data-x="6"]:checked ~ .number_picker_input[value="2"][data-x="6"]:checked) .square[data-x="6"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="3"][data-square-group="6"]:checked ~ .number_picker_input[value="3"][data-square-group="6"]:checked) .square[data-square-group="6"],
body:has(.number_picker_input[value="3"][data-y="6"]:checked ~ .number_picker_input[value="3"][data-y="6"]:checked) .square[data-y="6"],
body:has(.number_picker_input[value="3"][data-x="6"]:checked ~ .number_picker_input[value="3"][data-x="6"]:checked) .square[data-x="6"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="4"][data-square-group="6"]:checked ~ .number_picker_input[value="4"][data-square-group="6"]:checked) .square[data-square-group="6"],
body:has(.number_picker_input[value="4"][data-y="6"]:checked ~ .number_picker_input[value="4"][data-y="6"]:checked) .square[data-y="6"],
body:has(.number_picker_input[value="4"][data-x="6"]:checked ~ .number_picker_input[value="4"][data-x="6"]:checked) .square[data-x="6"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="5"][data-square-group="6"]:checked ~ .number_picker_input[value="5"][data-square-group="6"]:checked) .square[data-square-group="6"],
body:has(.number_picker_input[value="5"][data-y="6"]:checked ~ .number_picker_input[value="5"][data-y="6"]:checked) .square[data-y="6"],
body:has(.number_picker_input[value="5"][data-x="6"]:checked ~ .number_picker_input[value="5"][data-x="6"]:checked) .square[data-x="6"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="6"][data-square-group="6"]:checked ~ .number_picker_input[value="6"][data-square-group="6"]:checked) .square[data-square-group="6"],
body:has(.number_picker_input[value="6"][data-y="6"]:checked ~ .number_picker_input[value="6"][data-y="6"]:checked) .square[data-y="6"],
body:has(.number_picker_input[value="6"][data-x="6"]:checked ~ .number_picker_input[value="6"][data-x="6"]:checked) .square[data-x="6"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="7"][data-square-group="6"]:checked ~ .number_picker_input[value="7"][data-square-group="6"]:checked) .square[data-square-group="6"],
body:has(.number_picker_input[value="7"][data-y="6"]:checked ~ .number_picker_input[value="7"][data-y="6"]:checked) .square[data-y="6"],
body:has(.number_picker_input[value="7"][data-x="6"]:checked ~ .number_picker_input[value="7"][data-x="6"]:checked) .square[data-x="6"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="8"][data-square-group="6"]:checked ~ .number_picker_input[value="8"][data-square-group="6"]:checked) .square[data-square-group="6"],
body:has(.number_picker_input[value="8"][data-y="6"]:checked ~ .number_picker_input[value="8"][data-y="6"]:checked) .square[data-y="6"],
body:has(.number_picker_input[value="8"][data-x="6"]:checked ~ .number_picker_input[value="8"][data-x="6"]:checked) .square[data-x="6"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="9"][data-square-group="6"]:checked ~ .number_picker_input[value="9"][data-square-group="6"]:checked) .square[data-square-group="6"],
body:has(.number_picker_input[value="9"][data-y="6"]:checked ~ .number_picker_input[value="9"][data-y="6"]:checked) .square[data-y="6"],
body:has(.number_picker_input[value="9"][data-x="6"]:checked ~ .number_picker_input[value="9"][data-x="6"]:checked) .square[data-x="6"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="1"][data-square-group="7"]:checked ~ .number_picker_input[value="1"][data-square-group="7"]:checked) .square[data-square-group="7"],
body:has(.number_picker_input[value="1"][data-y="7"]:checked ~ .number_picker_input[value="1"][data-y="7"]:checked) .square[data-y="7"],
body:has(.number_picker_input[value="1"][data-x="7"]:checked ~ .number_picker_input[value="1"][data-x="7"]:checked) .square[data-x="7"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="2"][data-square-group="7"]:checked ~ .number_picker_input[value="2"][data-square-group="7"]:checked) .square[data-square-group="7"],
body:has(.number_picker_input[value="2"][data-y="7"]:checked ~ .number_picker_input[value="2"][data-y="7"]:checked) .square[data-y="7"],
body:has(.number_picker_input[value="2"][data-x="7"]:checked ~ .number_picker_input[value="2"][data-x="7"]:checked) .square[data-x="7"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="3"][data-square-group="7"]:checked ~ .number_picker_input[value="3"][data-square-group="7"]:checked) .square[data-square-group="7"],
body:has(.number_picker_input[value="3"][data-y="7"]:checked ~ .number_picker_input[value="3"][data-y="7"]:checked) .square[data-y="7"],
body:has(.number_picker_input[value="3"][data-x="7"]:checked ~ .number_picker_input[value="3"][data-x="7"]:checked) .square[data-x="7"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="4"][data-square-group="7"]:checked ~ .number_picker_input[value="4"][data-square-group="7"]:checked) .square[data-square-group="7"],
body:has(.number_picker_input[value="4"][data-y="7"]:checked ~ .number_picker_input[value="4"][data-y="7"]:checked) .square[data-y="7"],
body:has(.number_picker_input[value="4"][data-x="7"]:checked ~ .number_picker_input[value="4"][data-x="7"]:checked) .square[data-x="7"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="5"][data-square-group="7"]:checked ~ .number_picker_input[value="5"][data-square-group="7"]:checked) .square[data-square-group="7"],
body:has(.number_picker_input[value="5"][data-y="7"]:checked ~ .number_picker_input[value="5"][data-y="7"]:checked) .square[data-y="7"],
body:has(.number_picker_input[value="5"][data-x="7"]:checked ~ .number_picker_input[value="5"][data-x="7"]:checked) .square[data-x="7"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="6"][data-square-group="7"]:checked ~ .number_picker_input[value="6"][data-square-group="7"]:checked) .square[data-square-group="7"],
body:has(.number_picker_input[value="6"][data-y="7"]:checked ~ .number_picker_input[value="6"][data-y="7"]:checked) .square[data-y="7"],
body:has(.number_picker_input[value="6"][data-x="7"]:checked ~ .number_picker_input[value="6"][data-x="7"]:checked) .square[data-x="7"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="7"][data-square-group="7"]:checked ~ .number_picker_input[value="7"][data-square-group="7"]:checked) .square[data-square-group="7"],
body:has(.number_picker_input[value="7"][data-y="7"]:checked ~ .number_picker_input[value="7"][data-y="7"]:checked) .square[data-y="7"],
body:has(.number_picker_input[value="7"][data-x="7"]:checked ~ .number_picker_input[value="7"][data-x="7"]:checked) .square[data-x="7"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="8"][data-square-group="7"]:checked ~ .number_picker_input[value="8"][data-square-group="7"]:checked) .square[data-square-group="7"],
body:has(.number_picker_input[value="8"][data-y="7"]:checked ~ .number_picker_input[value="8"][data-y="7"]:checked) .square[data-y="7"],
body:has(.number_picker_input[value="8"][data-x="7"]:checked ~ .number_picker_input[value="8"][data-x="7"]:checked) .square[data-x="7"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="9"][data-square-group="7"]:checked ~ .number_picker_input[value="9"][data-square-group="7"]:checked) .square[data-square-group="7"],
body:has(.number_picker_input[value="9"][data-y="7"]:checked ~ .number_picker_input[value="9"][data-y="7"]:checked) .square[data-y="7"],
body:has(.number_picker_input[value="9"][data-x="7"]:checked ~ .number_picker_input[value="9"][data-x="7"]:checked) .square[data-x="7"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="1"][data-square-group="8"]:checked ~ .number_picker_input[value="1"][data-square-group="8"]:checked) .square[data-square-group="8"],
body:has(.number_picker_input[value="1"][data-y="8"]:checked ~ .number_picker_input[value="1"][data-y="8"]:checked) .square[data-y="8"],
body:has(.number_picker_input[value="1"][data-x="8"]:checked ~ .number_picker_input[value="1"][data-x="8"]:checked) .square[data-x="8"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="2"][data-square-group="8"]:checked ~ .number_picker_input[value="2"][data-square-group="8"]:checked) .square[data-square-group="8"],
body:has(.number_picker_input[value="2"][data-y="8"]:checked ~ .number_picker_input[value="2"][data-y="8"]:checked) .square[data-y="8"],
body:has(.number_picker_input[value="2"][data-x="8"]:checked ~ .number_picker_input[value="2"][data-x="8"]:checked) .square[data-x="8"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="3"][data-square-group="8"]:checked ~ .number_picker_input[value="3"][data-square-group="8"]:checked) .square[data-square-group="8"],
body:has(.number_picker_input[value="3"][data-y="8"]:checked ~ .number_picker_input[value="3"][data-y="8"]:checked) .square[data-y="8"],
body:has(.number_picker_input[value="3"][data-x="8"]:checked ~ .number_picker_input[value="3"][data-x="8"]:checked) .square[data-x="8"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="4"][data-square-group="8"]:checked ~ .number_picker_input[value="4"][data-square-group="8"]:checked) .square[data-square-group="8"],
body:has(.number_picker_input[value="4"][data-y="8"]:checked ~ .number_picker_input[value="4"][data-y="8"]:checked) .square[data-y="8"],
body:has(.number_picker_input[value="4"][data-x="8"]:checked ~ .number_picker_input[value="4"][data-x="8"]:checked) .square[data-x="8"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="5"][data-square-group="8"]:checked ~ .number_picker_input[value="5"][data-square-group="8"]:checked) .square[data-square-group="8"],
body:has(.number_picker_input[value="5"][data-y="8"]:checked ~ .number_picker_input[value="5"][data-y="8"]:checked) .square[data-y="8"],
body:has(.number_picker_input[value="5"][data-x="8"]:checked ~ .number_picker_input[value="5"][data-x="8"]:checked) .square[data-x="8"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="6"][data-square-group="8"]:checked ~ .number_picker_input[value="6"][data-square-group="8"]:checked) .square[data-square-group="8"],
body:has(.number_picker_input[value="6"][data-y="8"]:checked ~ .number_picker_input[value="6"][data-y="8"]:checked) .square[data-y="8"],
body:has(.number_picker_input[value="6"][data-x="8"]:checked ~ .number_picker_input[value="6"][data-x="8"]:checked) .square[data-x="8"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="7"][data-square-group="8"]:checked ~ .number_picker_input[value="7"][data-square-group="8"]:checked) .square[data-square-group="8"],
body:has(.number_picker_input[value="7"][data-y="8"]:checked ~ .number_picker_input[value="7"][data-y="8"]:checked) .square[data-y="8"],
body:has(.number_picker_input[value="7"][data-x="8"]:checked ~ .number_picker_input[value="7"][data-x="8"]:checked) .square[data-x="8"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="8"][data-square-group="8"]:checked ~ .number_picker_input[value="8"][data-square-group="8"]:checked) .square[data-square-group="8"],
body:has(.number_picker_input[value="8"][data-y="8"]:checked ~ .number_picker_input[value="8"][data-y="8"]:checked) .square[data-y="8"],
body:has(.number_picker_input[value="8"][data-x="8"]:checked ~ .number_picker_input[value="8"][data-x="8"]:checked) .square[data-x="8"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="9"][data-square-group="8"]:checked ~ .number_picker_input[value="9"][data-square-group="8"]:checked) .square[data-square-group="8"],
body:has(.number_picker_input[value="9"][data-y="8"]:checked ~ .number_picker_input[value="9"][data-y="8"]:checked) .square[data-y="8"],
body:has(.number_picker_input[value="9"][data-x="8"]:checked ~ .number_picker_input[value="9"][data-x="8"]:checked) .square[data-x="8"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="1"][data-square-group="9"]:checked ~ .number_picker_input[value="1"][data-square-group="9"]:checked) .square[data-square-group="9"],
body:has(.number_picker_input[value="1"][data-y="9"]:checked ~ .number_picker_input[value="1"][data-y="9"]:checked) .square[data-y="9"],
body:has(.number_picker_input[value="1"][data-x="9"]:checked ~ .number_picker_input[value="1"][data-x="9"]:checked) .square[data-x="9"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="2"][data-square-group="9"]:checked ~ .number_picker_input[value="2"][data-square-group="9"]:checked) .square[data-square-group="9"],
body:has(.number_picker_input[value="2"][data-y="9"]:checked ~ .number_picker_input[value="2"][data-y="9"]:checked) .square[data-y="9"],
body:has(.number_picker_input[value="2"][data-x="9"]:checked ~ .number_picker_input[value="2"][data-x="9"]:checked) .square[data-x="9"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="3"][data-square-group="9"]:checked ~ .number_picker_input[value="3"][data-square-group="9"]:checked) .square[data-square-group="9"],
body:has(.number_picker_input[value="3"][data-y="9"]:checked ~ .number_picker_input[value="3"][data-y="9"]:checked) .square[data-y="9"],
body:has(.number_picker_input[value="3"][data-x="9"]:checked ~ .number_picker_input[value="3"][data-x="9"]:checked) .square[data-x="9"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="4"][data-square-group="9"]:checked ~ .number_picker_input[value="4"][data-square-group="9"]:checked) .square[data-square-group="9"],
body:has(.number_picker_input[value="4"][data-y="9"]:checked ~ .number_picker_input[value="4"][data-y="9"]:checked) .square[data-y="9"],
body:has(.number_picker_input[value="4"][data-x="9"]:checked ~ .number_picker_input[value="4"][data-x="9"]:checked) .square[data-x="9"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="5"][data-square-group="9"]:checked ~ .number_picker_input[value="5"][data-square-group="9"]:checked) .square[data-square-group="9"],
body:has(.number_picker_input[value="5"][data-y="9"]:checked ~ .number_picker_input[value="5"][data-y="9"]:checked) .square[data-y="9"],
body:has(.number_picker_input[value="5"][data-x="9"]:checked ~ .number_picker_input[value="5"][data-x="9"]:checked) .square[data-x="9"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="6"][data-square-group="9"]:checked ~ .number_picker_input[value="6"][data-square-group="9"]:checked) .square[data-square-group="9"],
body:has(.number_picker_input[value="6"][data-y="9"]:checked ~ .number_picker_input[value="6"][data-y="9"]:checked) .square[data-y="9"],
body:has(.number_picker_input[value="6"][data-x="9"]:checked ~ .number_picker_input[value="6"][data-x="9"]:checked) .square[data-x="9"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="7"][data-square-group="9"]:checked ~ .number_picker_input[value="7"][data-square-group="9"]:checked) .square[data-square-group="9"],
body:has(.number_picker_input[value="7"][data-y="9"]:checked ~ .number_picker_input[value="7"][data-y="9"]:checked) .square[data-y="9"],
body:has(.number_picker_input[value="7"][data-x="9"]:checked ~ .number_picker_input[value="7"][data-x="9"]:checked) .square[data-x="9"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="8"][data-square-group="9"]:checked ~ .number_picker_input[value="8"][data-square-group="9"]:checked) .square[data-square-group="9"],
body:has(.number_picker_input[value="8"][data-y="9"]:checked ~ .number_picker_input[value="8"][data-y="9"]:checked) .square[data-y="9"],
body:has(.number_picker_input[value="8"][data-x="9"]:checked ~ .number_picker_input[value="8"][data-x="9"]:checked) .square[data-x="9"] {
  background: rgb(236, 31, 31);
}

body:has(.number_picker_input[value="9"][data-square-group="9"]:checked ~ .number_picker_input[value="9"][data-square-group="9"]:checked) .square[data-square-group="9"],
body:has(.number_picker_input[value="9"][data-y="9"]:checked ~ .number_picker_input[value="9"][data-y="9"]:checked) .square[data-y="9"],
body:has(.number_picker_input[value="9"][data-x="9"]:checked ~ .number_picker_input[value="9"][data-x="9"]:checked) .square[data-x="9"] {
  background: rgb(236, 31, 31);
}

.icon {
  position: absolute;
  animation: fallAnimation infinite linear;
  font-size: 2rem;
  display: none;
}
.icon:nth-child(1) {
  left: 49%;
  animation-duration: 651ms;
  animation-timing-function: cubic-bezier(0.51, 0.51, 0.96, 0.47);
}
.icon:nth-child(2) {
  left: 44%;
  animation-duration: 3429ms;
  animation-timing-function: cubic-bezier(0.7, 0.3, 0.24, 0.95);
}
.icon:nth-child(3) {
  left: 99%;
  animation-duration: 3589ms;
  animation-timing-function: cubic-bezier(0.48, 0.08, 0.86, 0.45);
}
.icon:nth-child(4) {
  left: 91%;
  animation-duration: 733ms;
  animation-timing-function: cubic-bezier(0.81, 0.41, 0.84, 0.64);
}
.icon:nth-child(5) {
  left: 38%;
  animation-duration: 614ms;
  animation-timing-function: cubic-bezier(0.71, 0.81, 0.75, 0.09);
}
.icon:nth-child(6) {
  left: 46%;
  animation-duration: 693ms;
  animation-timing-function: cubic-bezier(0.83, 0.66, 0.97, 0.97);
}
.icon:nth-child(7) {
  left: 42%;
  animation-duration: 685ms;
  animation-timing-function: cubic-bezier(0.03, 0.95, 0.68, 0.68);
}
.icon:nth-child(8) {
  left: 15%;
  animation-duration: 1003ms;
  animation-timing-function: cubic-bezier(0.2, 0.74, 0.05, 0.32);
}
.icon:nth-child(9) {
  left: 53%;
  animation-duration: 1464ms;
  animation-timing-function: cubic-bezier(0.3, 0.8, 0.45, 0.2);
}
.icon:nth-child(10) {
  left: 75%;
  animation-duration: 2850ms;
  animation-timing-function: cubic-bezier(0.42, 0.72, 0.56, 0.07);
}
.icon:nth-child(11) {
  left: 31%;
  animation-duration: 449ms;
  animation-timing-function: cubic-bezier(0.21, 0.64, 0.37, 0.18);
}
.icon:nth-child(12) {
  left: 81%;
  animation-duration: 3340ms;
  animation-timing-function: cubic-bezier(0.64, 0.22, 0.48, 0.58);
}
.icon:nth-child(13) {
  left: 82%;
  animation-duration: 1653ms;
  animation-timing-function: cubic-bezier(0.29, 0.21, 0.87, 0.27);
}
.icon:nth-child(14) {
  left: 25%;
  animation-duration: 88ms;
  animation-timing-function: cubic-bezier(0.11, 0.23, 0.59, 0.95);
}
.icon:nth-child(15) {
  left: 22%;
  animation-duration: 2269ms;
  animation-timing-function: cubic-bezier(0.59, 1, 0.92, 0.79);
}
.icon:nth-child(16) {
  left: 54%;
  animation-duration: 2369ms;
  animation-timing-function: cubic-bezier(0.74, 0.55, 0.18, 0.26);
}
.icon:nth-child(17) {
  left: 50%;
  animation-duration: 3501ms;
  animation-timing-function: cubic-bezier(0.35, 0.21, 0.97, 0.85);
}
.icon:nth-child(18) {
  left: 21%;
  animation-duration: 2727ms;
  animation-timing-function: cubic-bezier(0.28, 0.06, 0.69, 0.67);
}
.icon:nth-child(19) {
  left: 9%;
  animation-duration: 3184ms;
  animation-timing-function: cubic-bezier(0.82, 0.38, 0.42, 0.34);
}
.icon:nth-child(20) {
  left: 18%;
  animation-duration: 2416ms;
  animation-timing-function: cubic-bezier(0.47, 0.81, 0.03, 0.03);
}
.icon:nth-child(21) {
  left: 76%;
  animation-duration: 1971ms;
  animation-timing-function: cubic-bezier(0.27, 0.34, 0.05, 0.34);
}
.icon:nth-child(22) {
  left: 35%;
  animation-duration: 31ms;
  animation-timing-function: cubic-bezier(0.97, 0.5, 0.71, 0.49);
}
.icon:nth-child(23) {
  left: 33%;
  animation-duration: 1705ms;
  animation-timing-function: cubic-bezier(0.21, 0.85, 0.16, 0.8);
}
.icon:nth-child(24) {
  left: 80%;
  animation-duration: 1199ms;
  animation-timing-function: cubic-bezier(0.35, 0.7, 0.56, 0.94);
}
.icon:nth-child(25) {
  left: 5%;
  animation-duration: 3508ms;
  animation-timing-function: cubic-bezier(0.26, 0.37, 0.35, 0.01);
}
.icon:nth-child(26) {
  left: 2%;
  animation-duration: 3409ms;
  animation-timing-function: cubic-bezier(0.22, 0.52, 0.2, 0.26);
}
.icon:nth-child(27) {
  left: 19%;
  animation-duration: 617ms;
  animation-timing-function: cubic-bezier(0.7, 0.08, 0.83, 0.83);
}
.icon:nth-child(28) {
  left: 62%;
  animation-duration: 2401ms;
  animation-timing-function: cubic-bezier(0.69, 0.1, 0.37, 0.96);
}
.icon:nth-child(29) {
  left: 83%;
  animation-duration: 2455ms;
  animation-timing-function: cubic-bezier(0.2, 0.62, 0.25, 0.46);
}
.icon:nth-child(30) {
  left: 9%;
  animation-duration: 2189ms;
  animation-timing-function: cubic-bezier(0.02, 0.34, 0.51, 0.97);
}
.icon:nth-child(31) {
  left: 44%;
  animation-duration: 3702ms;
  animation-timing-function: cubic-bezier(0.52, 0.82, 0.66, 0.92);
}
.icon:nth-child(32) {
  left: 36%;
  animation-duration: 801ms;
  animation-timing-function: cubic-bezier(0.67, 0.45, 0.49, 0.8);
}
.icon:nth-child(33) {
  left: 52%;
  animation-duration: 2692ms;
  animation-timing-function: cubic-bezier(0.28, 0.95, 0.66, 0.01);
}
.icon:nth-child(34) {
  left: 73%;
  animation-duration: 2227ms;
  animation-timing-function: cubic-bezier(0.41, 0.65, 0.68, 0.83);
}
.icon:nth-child(35) {
  left: 82%;
  animation-duration: 776ms;
  animation-timing-function: cubic-bezier(0.23, 0.31, 0.86, 0.24);
}
.icon:nth-child(36) {
  left: 8%;
  animation-duration: 1892ms;
  animation-timing-function: cubic-bezier(0.23, 0.9, 0.29, 0.69);
}
.icon:nth-child(37) {
  left: 26%;
  animation-duration: 1853ms;
  animation-timing-function: cubic-bezier(0.65, 0.03, 0.27, 0.15);
}
.icon:nth-child(38) {
  left: 99%;
  animation-duration: 2363ms;
  animation-timing-function: cubic-bezier(0.56, 0.95, 0.91, 0.32);
}
.icon:nth-child(39) {
  left: 11%;
  animation-duration: 1927ms;
  animation-timing-function: cubic-bezier(0.46, 0.87, 0.55, 0.17);
}
.icon:nth-child(40) {
  left: 57%;
  animation-duration: 2018ms;
  animation-timing-function: cubic-bezier(0.65, 0.92, 0.29, 0.49);
}
.icon:nth-child(41) {
  left: 6%;
  animation-duration: 268ms;
  animation-timing-function: cubic-bezier(0.98, 0.74, 0.62, 0.18);
}
.icon:nth-child(42) {
  left: 68%;
  animation-duration: 589ms;
  animation-timing-function: cubic-bezier(0.23, 0.99, 0.68, 0.19);
}
.icon:nth-child(43) {
  left: 21%;
  animation-duration: 817ms;
  animation-timing-function: cubic-bezier(0.42, 0.95, 0.58, 0.59);
}
.icon:nth-child(44) {
  left: 64%;
  animation-duration: 1039ms;
  animation-timing-function: cubic-bezier(0.55, 0.37, 0.61, 0.1);
}
.icon:nth-child(45) {
  left: 10%;
  animation-duration: 2631ms;
  animation-timing-function: cubic-bezier(0.86, 0.15, 0.28, 0.98);
}
.icon:nth-child(46) {
  left: 31%;
  animation-duration: 1487ms;
  animation-timing-function: cubic-bezier(0.85, 0.15, 0.96, 0.16);
}
.icon:nth-child(47) {
  left: 17%;
  animation-duration: 2979ms;
  animation-timing-function: cubic-bezier(0.63, 0.8, 0.18, 0.85);
}
.icon:nth-child(48) {
  left: 23%;
  animation-duration: 3481ms;
  animation-timing-function: cubic-bezier(0.76, 0.63, 0.77, 0.24);
}
.icon:nth-child(49) {
  left: 51%;
  animation-duration: 300ms;
  animation-timing-function: cubic-bezier(0.08, 0.2, 0.1, 0.21);
}
.icon:nth-child(50) {
  left: 9%;
  animation-duration: 1114ms;
  animation-timing-function: cubic-bezier(0.55, 0.5, 0.17, 0.97);
}
.icon:nth-child(51) {
  left: 69%;
  animation-duration: 352ms;
  animation-timing-function: cubic-bezier(0.35, 0.49, 0.6, 0.45);
}
.icon:nth-child(52) {
  left: 97%;
  animation-duration: 636ms;
  animation-timing-function: cubic-bezier(0.47, 0.63, 0.24, 0.26);
}
.icon:nth-child(53) {
  left: 65%;
  animation-duration: 150ms;
  animation-timing-function: cubic-bezier(1, 0.15, 0.13, 0.58);
}
.icon:nth-child(54) {
  left: 28%;
  animation-duration: 657ms;
  animation-timing-function: cubic-bezier(0.93, 0.09, 0.4, 0.99);
}
.icon:nth-child(55) {
  left: 59%;
  animation-duration: 1085ms;
  animation-timing-function: cubic-bezier(0.24, 0.05, 0.92, 0.8);
}
.icon:nth-child(56) {
  left: 60%;
  animation-duration: 270ms;
  animation-timing-function: cubic-bezier(0.13, 0.1, 0.21, 0.96);
}
.icon:nth-child(57) {
  left: 96%;
  animation-duration: 3750ms;
  animation-timing-function: cubic-bezier(0.7, 0.86, 0.41, 0.95);
}
.icon:nth-child(58) {
  left: 9%;
  animation-duration: 3446ms;
  animation-timing-function: cubic-bezier(0.93, 0.09, 0.08, 0.41);
}
.icon:nth-child(59) {
  left: 22%;
  animation-duration: 2682ms;
  animation-timing-function: cubic-bezier(0.86, 0.71, 0.59, 0.87);
}
.icon:nth-child(60) {
  left: 71%;
  animation-duration: 417ms;
  animation-timing-function: cubic-bezier(0.18, 0.91, 0.31, 0.15);
}
.icon:nth-child(61) {
  left: 69%;
  animation-duration: 671ms;
  animation-timing-function: cubic-bezier(0.52, 0.42, 0.98, 0.76);
}
.icon:nth-child(62) {
  left: 100%;
  animation-duration: 830ms;
  animation-timing-function: cubic-bezier(0.74, 0.89, 0.44, 0.11);
}
.icon:nth-child(63) {
  left: 37%;
  animation-duration: 3007ms;
  animation-timing-function: cubic-bezier(0.38, 0.02, 0.54, 0.4);
}
.icon:nth-child(64) {
  left: 65%;
  animation-duration: 2530ms;
  animation-timing-function: cubic-bezier(0.54, 0.11, 0.63, 0.37);
}
.icon:nth-child(65) {
  left: 14%;
  animation-duration: 2375ms;
  animation-timing-function: cubic-bezier(0.83, 0.38, 0.13, 0.34);
}
.icon:nth-child(66) {
  left: 2%;
  animation-duration: 3617ms;
  animation-timing-function: cubic-bezier(0.95, 0.72, 0.47, 0.06);
}
.icon:nth-child(67) {
  left: 43%;
  animation-duration: 1649ms;
  animation-timing-function: cubic-bezier(0.48, 0.05, 0.62, 0.77);
}
.icon:nth-child(68) {
  left: 57%;
  animation-duration: 3913ms;
  animation-timing-function: cubic-bezier(0.63, 0.42, 0.68, 0.85);
}
.icon:nth-child(69) {
  left: 55%;
  animation-duration: 2210ms;
  animation-timing-function: cubic-bezier(0.51, 0.07, 0.77, 0.16);
}
.icon:nth-child(70) {
  left: 55%;
  animation-duration: 2016ms;
  animation-timing-function: cubic-bezier(0.47, 0.29, 0.63, 0.13);
}
.icon:nth-child(71) {
  left: 59%;
  animation-duration: 1394ms;
  animation-timing-function: cubic-bezier(0.67, 0.37, 1, 0.25);
}
.icon:nth-child(72) {
  left: 76%;
  animation-duration: 689ms;
  animation-timing-function: cubic-bezier(0.26, 0.28, 0.02, 0.83);
}
.icon:nth-child(73) {
  left: 12%;
  animation-duration: 309ms;
  animation-timing-function: cubic-bezier(0.64, 0.37, 0.93, 0.23);
}
.icon:nth-child(74) {
  left: 5%;
  animation-duration: 1887ms;
  animation-timing-function: cubic-bezier(1, 0.17, 0.66, 0.2);
}
.icon:nth-child(75) {
  left: 96%;
  animation-duration: 1547ms;
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.29, 0.63);
}
.icon:nth-child(76) {
  left: 9%;
  animation-duration: 1130ms;
  animation-timing-function: cubic-bezier(0.62, 0.18, 0.85, 0.74);
}
.icon:nth-child(77) {
  left: 39%;
  animation-duration: 3556ms;
  animation-timing-function: cubic-bezier(0.57, 0.18, 0.3, 0.04);
}
.icon:nth-child(78) {
  left: 58%;
  animation-duration: 703ms;
  animation-timing-function: cubic-bezier(0.87, 0.39, 0.16, 0.89);
}
.icon:nth-child(79) {
  left: 13%;
  animation-duration: 1620ms;
  animation-timing-function: cubic-bezier(0.35, 0.16, 0.49, 0.65);
}
.icon:nth-child(80) {
  left: 9%;
  animation-duration: 2823ms;
  animation-timing-function: cubic-bezier(0.77, 0.96, 0.1, 0.11);
}
.icon:nth-child(81) {
  left: 74%;
  animation-duration: 2721ms;
  animation-timing-function: cubic-bezier(0.63, 0.27, 0.92, 0.28);
}
.icon:nth-child(82) {
  left: 64%;
  animation-duration: 531ms;
  animation-timing-function: cubic-bezier(0.99, 0.49, 0.69, 0.56);
}
.icon:nth-child(83) {
  left: 30%;
  animation-duration: 2154ms;
  animation-timing-function: cubic-bezier(0.35, 0.57, 0.76, 0.8);
}
.icon:nth-child(84) {
  left: 91%;
  animation-duration: 3051ms;
  animation-timing-function: cubic-bezier(0.15, 0.85, 0.41, 0.42);
}
.icon:nth-child(85) {
  left: 9%;
  animation-duration: 3204ms;
  animation-timing-function: cubic-bezier(0.48, 0.95, 0.75, 0.36);
}
.icon:nth-child(86) {
  left: 50%;
  animation-duration: 1461ms;
  animation-timing-function: cubic-bezier(0.44, 0.46, 0.3, 0.74);
}
.icon:nth-child(87) {
  left: 72%;
  animation-duration: 2142ms;
  animation-timing-function: cubic-bezier(0.28, 0.16, 0.64, 0.6);
}
.icon:nth-child(88) {
  left: 25%;
  animation-duration: 3550ms;
  animation-timing-function: cubic-bezier(0.02, 0.22, 0.21, 0.04);
}
.icon:nth-child(89) {
  left: 38%;
  animation-duration: 3407ms;
  animation-timing-function: cubic-bezier(0.43, 0.26, 0.29, 0.43);
}
.icon:nth-child(90) {
  left: 92%;
  animation-duration: 3537ms;
  animation-timing-function: cubic-bezier(0.41, 0.97, 0.32, 0.83);
}
.icon:nth-child(91) {
  left: 69%;
  animation-duration: 2901ms;
  animation-timing-function: cubic-bezier(0.86, 0.91, 0.18, 0.2);
}
.icon:nth-child(92) {
  left: 41%;
  animation-duration: 1842ms;
  animation-timing-function: cubic-bezier(0.95, 0.52, 0.85, 0.8);
}
.icon:nth-child(93) {
  left: 14%;
  animation-duration: 1194ms;
  animation-timing-function: cubic-bezier(0.88, 0.36, 0.34, 0.63);
}
.icon:nth-child(94) {
  left: 22%;
  animation-duration: 965ms;
  animation-timing-function: cubic-bezier(0.81, 0.34, 0.13, 0.46);
}
.icon:nth-child(95) {
  left: 97%;
  animation-duration: 1182ms;
  animation-timing-function: cubic-bezier(0.83, 0.37, 0.4, 0.09);
}
.icon:nth-child(96) {
  left: 46%;
  animation-duration: 1276ms;
  animation-timing-function: cubic-bezier(0.76, 0.12, 0.34, 0.12);
}
.icon:nth-child(97) {
  left: 72%;
  animation-duration: 2389ms;
  animation-timing-function: cubic-bezier(0.31, 0.7, 0.85, 0.01);
}
.icon:nth-child(98) {
  left: 96%;
  animation-duration: 3046ms;
  animation-timing-function: cubic-bezier(0.2, 0.46, 0.43, 0.95);
}
.icon:nth-child(99) {
  left: 30%;
  animation-duration: 1494ms;
  animation-timing-function: cubic-bezier(0.29, 0.14, 0.27, 0.12);
}
.icon:nth-child(100) {
  left: 31%;
  animation-duration: 881ms;
  animation-timing-function: cubic-bezier(0.8, 0.98, 0.68, 1);
}
.icon:nth-child(101) {
  left: 89%;
  animation-duration: 3474ms;
  animation-timing-function: cubic-bezier(0.97, 0.55, 0.78, 0.08);
}

@keyframes fallAnimation {
  from {
    top: 0;
    transform: translateY(-100%);
  }
  to {
    top: 100vh;
    transform: translateY(0%);
  }
}
body:not(:has(.number_picker_input[value="1"][data-square-group="1"]:checked ~ .number_picker_input[value="1"][data-square-group="1"]:checked)):not(:has(.number_picker_input[value="1"][data-x="1"]:checked ~ .number_picker_input[value="1"][data-x="1"]:checked)):not(:has(.number_picker_input[value="1"][data-y="1"]:checked ~ .number_picker_input[value="1"][data-y="1"]:checked)):not(:has(.number_picker_input[value="2"][data-square-group="1"]:checked ~ .number_picker_input[value="2"][data-square-group="1"]:checked)):not(:has(.number_picker_input[value="2"][data-x="1"]:checked ~ .number_picker_input[value="2"][data-x="1"]:checked)):not(:has(.number_picker_input[value="2"][data-y="1"]:checked ~ .number_picker_input[value="2"][data-y="1"]:checked)):not(:has(.number_picker_input[value="3"][data-square-group="1"]:checked ~ .number_picker_input[value="3"][data-square-group="1"]:checked)):not(:has(.number_picker_input[value="3"][data-x="1"]:checked ~ .number_picker_input[value="3"][data-x="1"]:checked)):not(:has(.number_picker_input[value="3"][data-y="1"]:checked ~ .number_picker_input[value="3"][data-y="1"]:checked)):not(:has(.number_picker_input[value="4"][data-square-group="1"]:checked ~ .number_picker_input[value="4"][data-square-group="1"]:checked)):not(:has(.number_picker_input[value="4"][data-x="1"]:checked ~ .number_picker_input[value="4"][data-x="1"]:checked)):not(:has(.number_picker_input[value="4"][data-y="1"]:checked ~ .number_picker_input[value="4"][data-y="1"]:checked)):not(:has(.number_picker_input[value="5"][data-square-group="1"]:checked ~ .number_picker_input[value="5"][data-square-group="1"]:checked)):not(:has(.number_picker_input[value="5"][data-x="1"]:checked ~ .number_picker_input[value="5"][data-x="1"]:checked)):not(:has(.number_picker_input[value="5"][data-y="1"]:checked ~ .number_picker_input[value="5"][data-y="1"]:checked)):not(:has(.number_picker_input[value="6"][data-square-group="1"]:checked ~ .number_picker_input[value="6"][data-square-group="1"]:checked)):not(:has(.number_picker_input[value="6"][data-x="1"]:checked ~ .number_picker_input[value="6"][data-x="1"]:checked)):not(:has(.number_picker_input[value="6"][data-y="1"]:checked ~ .number_picker_input[value="6"][data-y="1"]:checked)):not(:has(.number_picker_input[value="7"][data-square-group="1"]:checked ~ .number_picker_input[value="7"][data-square-group="1"]:checked)):not(:has(.number_picker_input[value="7"][data-x="1"]:checked ~ .number_picker_input[value="7"][data-x="1"]:checked)):not(:has(.number_picker_input[value="7"][data-y="1"]:checked ~ .number_picker_input[value="7"][data-y="1"]:checked)):not(:has(.number_picker_input[value="8"][data-square-group="1"]:checked ~ .number_picker_input[value="8"][data-square-group="1"]:checked)):not(:has(.number_picker_input[value="8"][data-x="1"]:checked ~ .number_picker_input[value="8"][data-x="1"]:checked)):not(:has(.number_picker_input[value="8"][data-y="1"]:checked ~ .number_picker_input[value="8"][data-y="1"]:checked)):not(:has(.number_picker_input[value="9"][data-square-group="1"]:checked ~ .number_picker_input[value="9"][data-square-group="1"]:checked)):not(:has(.number_picker_input[value="9"][data-x="1"]:checked ~ .number_picker_input[value="9"][data-x="1"]:checked)):not(:has(.number_picker_input[value="9"][data-y="1"]:checked ~ .number_picker_input[value="9"][data-y="1"]:checked)):not(:has(.number_picker_input[value="1"][data-square-group="2"]:checked ~ .number_picker_input[value="1"][data-square-group="2"]:checked)):not(:has(.number_picker_input[value="1"][data-x="2"]:checked ~ .number_picker_input[value="1"][data-x="2"]:checked)):not(:has(.number_picker_input[value="1"][data-y="2"]:checked ~ .number_picker_input[value="1"][data-y="2"]:checked)):not(:has(.number_picker_input[value="2"][data-square-group="2"]:checked ~ .number_picker_input[value="2"][data-square-group="2"]:checked)):not(:has(.number_picker_input[value="2"][data-x="2"]:checked ~ .number_picker_input[value="2"][data-x="2"]:checked)):not(:has(.number_picker_input[value="2"][data-y="2"]:checked ~ .number_picker_input[value="2"][data-y="2"]:checked)):not(:has(.number_picker_input[value="3"][data-square-group="2"]:checked ~ .number_picker_input[value="3"][data-square-group="2"]:checked)):not(:has(.number_picker_input[value="3"][data-x="2"]:checked ~ .number_picker_input[value="3"][data-x="2"]:checked)):not(:has(.number_picker_input[value="3"][data-y="2"]:checked ~ .number_picker_input[value="3"][data-y="2"]:checked)):not(:has(.number_picker_input[value="4"][data-square-group="2"]:checked ~ .number_picker_input[value="4"][data-square-group="2"]:checked)):not(:has(.number_picker_input[value="4"][data-x="2"]:checked ~ .number_picker_input[value="4"][data-x="2"]:checked)):not(:has(.number_picker_input[value="4"][data-y="2"]:checked ~ .number_picker_input[value="4"][data-y="2"]:checked)):not(:has(.number_picker_input[value="5"][data-square-group="2"]:checked ~ .number_picker_input[value="5"][data-square-group="2"]:checked)):not(:has(.number_picker_input[value="5"][data-x="2"]:checked ~ .number_picker_input[value="5"][data-x="2"]:checked)):not(:has(.number_picker_input[value="5"][data-y="2"]:checked ~ .number_picker_input[value="5"][data-y="2"]:checked)):not(:has(.number_picker_input[value="6"][data-square-group="2"]:checked ~ .number_picker_input[value="6"][data-square-group="2"]:checked)):not(:has(.number_picker_input[value="6"][data-x="2"]:checked ~ .number_picker_input[value="6"][data-x="2"]:checked)):not(:has(.number_picker_input[value="6"][data-y="2"]:checked ~ .number_picker_input[value="6"][data-y="2"]:checked)):not(:has(.number_picker_input[value="7"][data-square-group="2"]:checked ~ .number_picker_input[value="7"][data-square-group="2"]:checked)):not(:has(.number_picker_input[value="7"][data-x="2"]:checked ~ .number_picker_input[value="7"][data-x="2"]:checked)):not(:has(.number_picker_input[value="7"][data-y="2"]:checked ~ .number_picker_input[value="7"][data-y="2"]:checked)):not(:has(.number_picker_input[value="8"][data-square-group="2"]:checked ~ .number_picker_input[value="8"][data-square-group="2"]:checked)):not(:has(.number_picker_input[value="8"][data-x="2"]:checked ~ .number_picker_input[value="8"][data-x="2"]:checked)):not(:has(.number_picker_input[value="8"][data-y="2"]:checked ~ .number_picker_input[value="8"][data-y="2"]:checked)):not(:has(.number_picker_input[value="9"][data-square-group="2"]:checked ~ .number_picker_input[value="9"][data-square-group="2"]:checked)):not(:has(.number_picker_input[value="9"][data-x="2"]:checked ~ .number_picker_input[value="9"][data-x="2"]:checked)):not(:has(.number_picker_input[value="9"][data-y="2"]:checked ~ .number_picker_input[value="9"][data-y="2"]:checked)):not(:has(.number_picker_input[value="1"][data-square-group="3"]:checked ~ .number_picker_input[value="1"][data-square-group="3"]:checked)):not(:has(.number_picker_input[value="1"][data-x="3"]:checked ~ .number_picker_input[value="1"][data-x="3"]:checked)):not(:has(.number_picker_input[value="1"][data-y="3"]:checked ~ .number_picker_input[value="1"][data-y="3"]:checked)):not(:has(.number_picker_input[value="2"][data-square-group="3"]:checked ~ .number_picker_input[value="2"][data-square-group="3"]:checked)):not(:has(.number_picker_input[value="2"][data-x="3"]:checked ~ .number_picker_input[value="2"][data-x="3"]:checked)):not(:has(.number_picker_input[value="2"][data-y="3"]:checked ~ .number_picker_input[value="2"][data-y="3"]:checked)):not(:has(.number_picker_input[value="3"][data-square-group="3"]:checked ~ .number_picker_input[value="3"][data-square-group="3"]:checked)):not(:has(.number_picker_input[value="3"][data-x="3"]:checked ~ .number_picker_input[value="3"][data-x="3"]:checked)):not(:has(.number_picker_input[value="3"][data-y="3"]:checked ~ .number_picker_input[value="3"][data-y="3"]:checked)):not(:has(.number_picker_input[value="4"][data-square-group="3"]:checked ~ .number_picker_input[value="4"][data-square-group="3"]:checked)):not(:has(.number_picker_input[value="4"][data-x="3"]:checked ~ .number_picker_input[value="4"][data-x="3"]:checked)):not(:has(.number_picker_input[value="4"][data-y="3"]:checked ~ .number_picker_input[value="4"][data-y="3"]:checked)):not(:has(.number_picker_input[value="5"][data-square-group="3"]:checked ~ .number_picker_input[value="5"][data-square-group="3"]:checked)):not(:has(.number_picker_input[value="5"][data-x="3"]:checked ~ .number_picker_input[value="5"][data-x="3"]:checked)):not(:has(.number_picker_input[value="5"][data-y="3"]:checked ~ .number_picker_input[value="5"][data-y="3"]:checked)):not(:has(.number_picker_input[value="6"][data-square-group="3"]:checked ~ .number_picker_input[value="6"][data-square-group="3"]:checked)):not(:has(.number_picker_input[value="6"][data-x="3"]:checked ~ .number_picker_input[value="6"][data-x="3"]:checked)):not(:has(.number_picker_input[value="6"][data-y="3"]:checked ~ .number_picker_input[value="6"][data-y="3"]:checked)):not(:has(.number_picker_input[value="7"][data-square-group="3"]:checked ~ .number_picker_input[value="7"][data-square-group="3"]:checked)):not(:has(.number_picker_input[value="7"][data-x="3"]:checked ~ .number_picker_input[value="7"][data-x="3"]:checked)):not(:has(.number_picker_input[value="7"][data-y="3"]:checked ~ .number_picker_input[value="7"][data-y="3"]:checked)):not(:has(.number_picker_input[value="8"][data-square-group="3"]:checked ~ .number_picker_input[value="8"][data-square-group="3"]:checked)):not(:has(.number_picker_input[value="8"][data-x="3"]:checked ~ .number_picker_input[value="8"][data-x="3"]:checked)):not(:has(.number_picker_input[value="8"][data-y="3"]:checked ~ .number_picker_input[value="8"][data-y="3"]:checked)):not(:has(.number_picker_input[value="9"][data-square-group="3"]:checked ~ .number_picker_input[value="9"][data-square-group="3"]:checked)):not(:has(.number_picker_input[value="9"][data-x="3"]:checked ~ .number_picker_input[value="9"][data-x="3"]:checked)):not(:has(.number_picker_input[value="9"][data-y="3"]:checked ~ .number_picker_input[value="9"][data-y="3"]:checked)):not(:has(.number_picker_input[value="1"][data-square-group="4"]:checked ~ .number_picker_input[value="1"][data-square-group="4"]:checked)):not(:has(.number_picker_input[value="1"][data-x="4"]:checked ~ .number_picker_input[value="1"][data-x="4"]:checked)):not(:has(.number_picker_input[value="1"][data-y="4"]:checked ~ .number_picker_input[value="1"][data-y="4"]:checked)):not(:has(.number_picker_input[value="2"][data-square-group="4"]:checked ~ .number_picker_input[value="2"][data-square-group="4"]:checked)):not(:has(.number_picker_input[value="2"][data-x="4"]:checked ~ .number_picker_input[value="2"][data-x="4"]:checked)):not(:has(.number_picker_input[value="2"][data-y="4"]:checked ~ .number_picker_input[value="2"][data-y="4"]:checked)):not(:has(.number_picker_input[value="3"][data-square-group="4"]:checked ~ .number_picker_input[value="3"][data-square-group="4"]:checked)):not(:has(.number_picker_input[value="3"][data-x="4"]:checked ~ .number_picker_input[value="3"][data-x="4"]:checked)):not(:has(.number_picker_input[value="3"][data-y="4"]:checked ~ .number_picker_input[value="3"][data-y="4"]:checked)):not(:has(.number_picker_input[value="4"][data-square-group="4"]:checked ~ .number_picker_input[value="4"][data-square-group="4"]:checked)):not(:has(.number_picker_input[value="4"][data-x="4"]:checked ~ .number_picker_input[value="4"][data-x="4"]:checked)):not(:has(.number_picker_input[value="4"][data-y="4"]:checked ~ .number_picker_input[value="4"][data-y="4"]:checked)):not(:has(.number_picker_input[value="5"][data-square-group="4"]:checked ~ .number_picker_input[value="5"][data-square-group="4"]:checked)):not(:has(.number_picker_input[value="5"][data-x="4"]:checked ~ .number_picker_input[value="5"][data-x="4"]:checked)):not(:has(.number_picker_input[value="5"][data-y="4"]:checked ~ .number_picker_input[value="5"][data-y="4"]:checked)):not(:has(.number_picker_input[value="6"][data-square-group="4"]:checked ~ .number_picker_input[value="6"][data-square-group="4"]:checked)):not(:has(.number_picker_input[value="6"][data-x="4"]:checked ~ .number_picker_input[value="6"][data-x="4"]:checked)):not(:has(.number_picker_input[value="6"][data-y="4"]:checked ~ .number_picker_input[value="6"][data-y="4"]:checked)):not(:has(.number_picker_input[value="7"][data-square-group="4"]:checked ~ .number_picker_input[value="7"][data-square-group="4"]:checked)):not(:has(.number_picker_input[value="7"][data-x="4"]:checked ~ .number_picker_input[value="7"][data-x="4"]:checked)):not(:has(.number_picker_input[value="7"][data-y="4"]:checked ~ .number_picker_input[value="7"][data-y="4"]:checked)):not(:has(.number_picker_input[value="8"][data-square-group="4"]:checked ~ .number_picker_input[value="8"][data-square-group="4"]:checked)):not(:has(.number_picker_input[value="8"][data-x="4"]:checked ~ .number_picker_input[value="8"][data-x="4"]:checked)):not(:has(.number_picker_input[value="8"][data-y="4"]:checked ~ .number_picker_input[value="8"][data-y="4"]:checked)):not(:has(.number_picker_input[value="9"][data-square-group="4"]:checked ~ .number_picker_input[value="9"][data-square-group="4"]:checked)):not(:has(.number_picker_input[value="9"][data-x="4"]:checked ~ .number_picker_input[value="9"][data-x="4"]:checked)):not(:has(.number_picker_input[value="9"][data-y="4"]:checked ~ .number_picker_input[value="9"][data-y="4"]:checked)):not(:has(.number_picker_input[value="1"][data-square-group="5"]:checked ~ .number_picker_input[value="1"][data-square-group="5"]:checked)):not(:has(.number_picker_input[value="1"][data-x="5"]:checked ~ .number_picker_input[value="1"][data-x="5"]:checked)):not(:has(.number_picker_input[value="1"][data-y="5"]:checked ~ .number_picker_input[value="1"][data-y="5"]:checked)):not(:has(.number_picker_input[value="2"][data-square-group="5"]:checked ~ .number_picker_input[value="2"][data-square-group="5"]:checked)):not(:has(.number_picker_input[value="2"][data-x="5"]:checked ~ .number_picker_input[value="2"][data-x="5"]:checked)):not(:has(.number_picker_input[value="2"][data-y="5"]:checked ~ .number_picker_input[value="2"][data-y="5"]:checked)):not(:has(.number_picker_input[value="3"][data-square-group="5"]:checked ~ .number_picker_input[value="3"][data-square-group="5"]:checked)):not(:has(.number_picker_input[value="3"][data-x="5"]:checked ~ .number_picker_input[value="3"][data-x="5"]:checked)):not(:has(.number_picker_input[value="3"][data-y="5"]:checked ~ .number_picker_input[value="3"][data-y="5"]:checked)):not(:has(.number_picker_input[value="4"][data-square-group="5"]:checked ~ .number_picker_input[value="4"][data-square-group="5"]:checked)):not(:has(.number_picker_input[value="4"][data-x="5"]:checked ~ .number_picker_input[value="4"][data-x="5"]:checked)):not(:has(.number_picker_input[value="4"][data-y="5"]:checked ~ .number_picker_input[value="4"][data-y="5"]:checked)):not(:has(.number_picker_input[value="5"][data-square-group="5"]:checked ~ .number_picker_input[value="5"][data-square-group="5"]:checked)):not(:has(.number_picker_input[value="5"][data-x="5"]:checked ~ .number_picker_input[value="5"][data-x="5"]:checked)):not(:has(.number_picker_input[value="5"][data-y="5"]:checked ~ .number_picker_input[value="5"][data-y="5"]:checked)):not(:has(.number_picker_input[value="6"][data-square-group="5"]:checked ~ .number_picker_input[value="6"][data-square-group="5"]:checked)):not(:has(.number_picker_input[value="6"][data-x="5"]:checked ~ .number_picker_input[value="6"][data-x="5"]:checked)):not(:has(.number_picker_input[value="6"][data-y="5"]:checked ~ .number_picker_input[value="6"][data-y="5"]:checked)):not(:has(.number_picker_input[value="7"][data-square-group="5"]:checked ~ .number_picker_input[value="7"][data-square-group="5"]:checked)):not(:has(.number_picker_input[value="7"][data-x="5"]:checked ~ .number_picker_input[value="7"][data-x="5"]:checked)):not(:has(.number_picker_input[value="7"][data-y="5"]:checked ~ .number_picker_input[value="7"][data-y="5"]:checked)):not(:has(.number_picker_input[value="8"][data-square-group="5"]:checked ~ .number_picker_input[value="8"][data-square-group="5"]:checked)):not(:has(.number_picker_input[value="8"][data-x="5"]:checked ~ .number_picker_input[value="8"][data-x="5"]:checked)):not(:has(.number_picker_input[value="8"][data-y="5"]:checked ~ .number_picker_input[value="8"][data-y="5"]:checked)):not(:has(.number_picker_input[value="9"][data-square-group="5"]:checked ~ .number_picker_input[value="9"][data-square-group="5"]:checked)):not(:has(.number_picker_input[value="9"][data-x="5"]:checked ~ .number_picker_input[value="9"][data-x="5"]:checked)):not(:has(.number_picker_input[value="9"][data-y="5"]:checked ~ .number_picker_input[value="9"][data-y="5"]:checked)):not(:has(.number_picker_input[value="1"][data-square-group="6"]:checked ~ .number_picker_input[value="1"][data-square-group="6"]:checked)):not(:has(.number_picker_input[value="1"][data-x="6"]:checked ~ .number_picker_input[value="1"][data-x="6"]:checked)):not(:has(.number_picker_input[value="1"][data-y="6"]:checked ~ .number_picker_input[value="1"][data-y="6"]:checked)):not(:has(.number_picker_input[value="2"][data-square-group="6"]:checked ~ .number_picker_input[value="2"][data-square-group="6"]:checked)):not(:has(.number_picker_input[value="2"][data-x="6"]:checked ~ .number_picker_input[value="2"][data-x="6"]:checked)):not(:has(.number_picker_input[value="2"][data-y="6"]:checked ~ .number_picker_input[value="2"][data-y="6"]:checked)):not(:has(.number_picker_input[value="3"][data-square-group="6"]:checked ~ .number_picker_input[value="3"][data-square-group="6"]:checked)):not(:has(.number_picker_input[value="3"][data-x="6"]:checked ~ .number_picker_input[value="3"][data-x="6"]:checked)):not(:has(.number_picker_input[value="3"][data-y="6"]:checked ~ .number_picker_input[value="3"][data-y="6"]:checked)):not(:has(.number_picker_input[value="4"][data-square-group="6"]:checked ~ .number_picker_input[value="4"][data-square-group="6"]:checked)):not(:has(.number_picker_input[value="4"][data-x="6"]:checked ~ .number_picker_input[value="4"][data-x="6"]:checked)):not(:has(.number_picker_input[value="4"][data-y="6"]:checked ~ .number_picker_input[value="4"][data-y="6"]:checked)):not(:has(.number_picker_input[value="5"][data-square-group="6"]:checked ~ .number_picker_input[value="5"][data-square-group="6"]:checked)):not(:has(.number_picker_input[value="5"][data-x="6"]:checked ~ .number_picker_input[value="5"][data-x="6"]:checked)):not(:has(.number_picker_input[value="5"][data-y="6"]:checked ~ .number_picker_input[value="5"][data-y="6"]:checked)):not(:has(.number_picker_input[value="6"][data-square-group="6"]:checked ~ .number_picker_input[value="6"][data-square-group="6"]:checked)):not(:has(.number_picker_input[value="6"][data-x="6"]:checked ~ .number_picker_input[value="6"][data-x="6"]:checked)):not(:has(.number_picker_input[value="6"][data-y="6"]:checked ~ .number_picker_input[value="6"][data-y="6"]:checked)):not(:has(.number_picker_input[value="7"][data-square-group="6"]:checked ~ .number_picker_input[value="7"][data-square-group="6"]:checked)):not(:has(.number_picker_input[value="7"][data-x="6"]:checked ~ .number_picker_input[value="7"][data-x="6"]:checked)):not(:has(.number_picker_input[value="7"][data-y="6"]:checked ~ .number_picker_input[value="7"][data-y="6"]:checked)):not(:has(.number_picker_input[value="8"][data-square-group="6"]:checked ~ .number_picker_input[value="8"][data-square-group="6"]:checked)):not(:has(.number_picker_input[value="8"][data-x="6"]:checked ~ .number_picker_input[value="8"][data-x="6"]:checked)):not(:has(.number_picker_input[value="8"][data-y="6"]:checked ~ .number_picker_input[value="8"][data-y="6"]:checked)):not(:has(.number_picker_input[value="9"][data-square-group="6"]:checked ~ .number_picker_input[value="9"][data-square-group="6"]:checked)):not(:has(.number_picker_input[value="9"][data-x="6"]:checked ~ .number_picker_input[value="9"][data-x="6"]:checked)):not(:has(.number_picker_input[value="9"][data-y="6"]:checked ~ .number_picker_input[value="9"][data-y="6"]:checked)):not(:has(.number_picker_input[value="1"][data-square-group="7"]:checked ~ .number_picker_input[value="1"][data-square-group="7"]:checked)):not(:has(.number_picker_input[value="1"][data-x="7"]:checked ~ .number_picker_input[value="1"][data-x="7"]:checked)):not(:has(.number_picker_input[value="1"][data-y="7"]:checked ~ .number_picker_input[value="1"][data-y="7"]:checked)):not(:has(.number_picker_input[value="2"][data-square-group="7"]:checked ~ .number_picker_input[value="2"][data-square-group="7"]:checked)):not(:has(.number_picker_input[value="2"][data-x="7"]:checked ~ .number_picker_input[value="2"][data-x="7"]:checked)):not(:has(.number_picker_input[value="2"][data-y="7"]:checked ~ .number_picker_input[value="2"][data-y="7"]:checked)):not(:has(.number_picker_input[value="3"][data-square-group="7"]:checked ~ .number_picker_input[value="3"][data-square-group="7"]:checked)):not(:has(.number_picker_input[value="3"][data-x="7"]:checked ~ .number_picker_input[value="3"][data-x="7"]:checked)):not(:has(.number_picker_input[value="3"][data-y="7"]:checked ~ .number_picker_input[value="3"][data-y="7"]:checked)):not(:has(.number_picker_input[value="4"][data-square-group="7"]:checked ~ .number_picker_input[value="4"][data-square-group="7"]:checked)):not(:has(.number_picker_input[value="4"][data-x="7"]:checked ~ .number_picker_input[value="4"][data-x="7"]:checked)):not(:has(.number_picker_input[value="4"][data-y="7"]:checked ~ .number_picker_input[value="4"][data-y="7"]:checked)):not(:has(.number_picker_input[value="5"][data-square-group="7"]:checked ~ .number_picker_input[value="5"][data-square-group="7"]:checked)):not(:has(.number_picker_input[value="5"][data-x="7"]:checked ~ .number_picker_input[value="5"][data-x="7"]:checked)):not(:has(.number_picker_input[value="5"][data-y="7"]:checked ~ .number_picker_input[value="5"][data-y="7"]:checked)):not(:has(.number_picker_input[value="6"][data-square-group="7"]:checked ~ .number_picker_input[value="6"][data-square-group="7"]:checked)):not(:has(.number_picker_input[value="6"][data-x="7"]:checked ~ .number_picker_input[value="6"][data-x="7"]:checked)):not(:has(.number_picker_input[value="6"][data-y="7"]:checked ~ .number_picker_input[value="6"][data-y="7"]:checked)):not(:has(.number_picker_input[value="7"][data-square-group="7"]:checked ~ .number_picker_input[value="7"][data-square-group="7"]:checked)):not(:has(.number_picker_input[value="7"][data-x="7"]:checked ~ .number_picker_input[value="7"][data-x="7"]:checked)):not(:has(.number_picker_input[value="7"][data-y="7"]:checked ~ .number_picker_input[value="7"][data-y="7"]:checked)):not(:has(.number_picker_input[value="8"][data-square-group="7"]:checked ~ .number_picker_input[value="8"][data-square-group="7"]:checked)):not(:has(.number_picker_input[value="8"][data-x="7"]:checked ~ .number_picker_input[value="8"][data-x="7"]:checked)):not(:has(.number_picker_input[value="8"][data-y="7"]:checked ~ .number_picker_input[value="8"][data-y="7"]:checked)):not(:has(.number_picker_input[value="9"][data-square-group="7"]:checked ~ .number_picker_input[value="9"][data-square-group="7"]:checked)):not(:has(.number_picker_input[value="9"][data-x="7"]:checked ~ .number_picker_input[value="9"][data-x="7"]:checked)):not(:has(.number_picker_input[value="9"][data-y="7"]:checked ~ .number_picker_input[value="9"][data-y="7"]:checked)):not(:has(.number_picker_input[value="1"][data-square-group="8"]:checked ~ .number_picker_input[value="1"][data-square-group="8"]:checked)):not(:has(.number_picker_input[value="1"][data-x="8"]:checked ~ .number_picker_input[value="1"][data-x="8"]:checked)):not(:has(.number_picker_input[value="1"][data-y="8"]:checked ~ .number_picker_input[value="1"][data-y="8"]:checked)):not(:has(.number_picker_input[value="2"][data-square-group="8"]:checked ~ .number_picker_input[value="2"][data-square-group="8"]:checked)):not(:has(.number_picker_input[value="2"][data-x="8"]:checked ~ .number_picker_input[value="2"][data-x="8"]:checked)):not(:has(.number_picker_input[value="2"][data-y="8"]:checked ~ .number_picker_input[value="2"][data-y="8"]:checked)):not(:has(.number_picker_input[value="3"][data-square-group="8"]:checked ~ .number_picker_input[value="3"][data-square-group="8"]:checked)):not(:has(.number_picker_input[value="3"][data-x="8"]:checked ~ .number_picker_input[value="3"][data-x="8"]:checked)):not(:has(.number_picker_input[value="3"][data-y="8"]:checked ~ .number_picker_input[value="3"][data-y="8"]:checked)):not(:has(.number_picker_input[value="4"][data-square-group="8"]:checked ~ .number_picker_input[value="4"][data-square-group="8"]:checked)):not(:has(.number_picker_input[value="4"][data-x="8"]:checked ~ .number_picker_input[value="4"][data-x="8"]:checked)):not(:has(.number_picker_input[value="4"][data-y="8"]:checked ~ .number_picker_input[value="4"][data-y="8"]:checked)):not(:has(.number_picker_input[value="5"][data-square-group="8"]:checked ~ .number_picker_input[value="5"][data-square-group="8"]:checked)):not(:has(.number_picker_input[value="5"][data-x="8"]:checked ~ .number_picker_input[value="5"][data-x="8"]:checked)):not(:has(.number_picker_input[value="5"][data-y="8"]:checked ~ .number_picker_input[value="5"][data-y="8"]:checked)):not(:has(.number_picker_input[value="6"][data-square-group="8"]:checked ~ .number_picker_input[value="6"][data-square-group="8"]:checked)):not(:has(.number_picker_input[value="6"][data-x="8"]:checked ~ .number_picker_input[value="6"][data-x="8"]:checked)):not(:has(.number_picker_input[value="6"][data-y="8"]:checked ~ .number_picker_input[value="6"][data-y="8"]:checked)):not(:has(.number_picker_input[value="7"][data-square-group="8"]:checked ~ .number_picker_input[value="7"][data-square-group="8"]:checked)):not(:has(.number_picker_input[value="7"][data-x="8"]:checked ~ .number_picker_input[value="7"][data-x="8"]:checked)):not(:has(.number_picker_input[value="7"][data-y="8"]:checked ~ .number_picker_input[value="7"][data-y="8"]:checked)):not(:has(.number_picker_input[value="8"][data-square-group="8"]:checked ~ .number_picker_input[value="8"][data-square-group="8"]:checked)):not(:has(.number_picker_input[value="8"][data-x="8"]:checked ~ .number_picker_input[value="8"][data-x="8"]:checked)):not(:has(.number_picker_input[value="8"][data-y="8"]:checked ~ .number_picker_input[value="8"][data-y="8"]:checked)):not(:has(.number_picker_input[value="9"][data-square-group="8"]:checked ~ .number_picker_input[value="9"][data-square-group="8"]:checked)):not(:has(.number_picker_input[value="9"][data-x="8"]:checked ~ .number_picker_input[value="9"][data-x="8"]:checked)):not(:has(.number_picker_input[value="9"][data-y="8"]:checked ~ .number_picker_input[value="9"][data-y="8"]:checked)):not(:has(.number_picker_input[value="1"][data-square-group="9"]:checked ~ .number_picker_input[value="1"][data-square-group="9"]:checked)):not(:has(.number_picker_input[value="1"][data-x="9"]:checked ~ .number_picker_input[value="1"][data-x="9"]:checked)):not(:has(.number_picker_input[value="1"][data-y="9"]:checked ~ .number_picker_input[value="1"][data-y="9"]:checked)):not(:has(.number_picker_input[value="2"][data-square-group="9"]:checked ~ .number_picker_input[value="2"][data-square-group="9"]:checked)):not(:has(.number_picker_input[value="2"][data-x="9"]:checked ~ .number_picker_input[value="2"][data-x="9"]:checked)):not(:has(.number_picker_input[value="2"][data-y="9"]:checked ~ .number_picker_input[value="2"][data-y="9"]:checked)):not(:has(.number_picker_input[value="3"][data-square-group="9"]:checked ~ .number_picker_input[value="3"][data-square-group="9"]:checked)):not(:has(.number_picker_input[value="3"][data-x="9"]:checked ~ .number_picker_input[value="3"][data-x="9"]:checked)):not(:has(.number_picker_input[value="3"][data-y="9"]:checked ~ .number_picker_input[value="3"][data-y="9"]:checked)):not(:has(.number_picker_input[value="4"][data-square-group="9"]:checked ~ .number_picker_input[value="4"][data-square-group="9"]:checked)):not(:has(.number_picker_input[value="4"][data-x="9"]:checked ~ .number_picker_input[value="4"][data-x="9"]:checked)):not(:has(.number_picker_input[value="4"][data-y="9"]:checked ~ .number_picker_input[value="4"][data-y="9"]:checked)):not(:has(.number_picker_input[value="5"][data-square-group="9"]:checked ~ .number_picker_input[value="5"][data-square-group="9"]:checked)):not(:has(.number_picker_input[value="5"][data-x="9"]:checked ~ .number_picker_input[value="5"][data-x="9"]:checked)):not(:has(.number_picker_input[value="5"][data-y="9"]:checked ~ .number_picker_input[value="5"][data-y="9"]:checked)):not(:has(.number_picker_input[value="6"][data-square-group="9"]:checked ~ .number_picker_input[value="6"][data-square-group="9"]:checked)):not(:has(.number_picker_input[value="6"][data-x="9"]:checked ~ .number_picker_input[value="6"][data-x="9"]:checked)):not(:has(.number_picker_input[value="6"][data-y="9"]:checked ~ .number_picker_input[value="6"][data-y="9"]:checked)):not(:has(.number_picker_input[value="7"][data-square-group="9"]:checked ~ .number_picker_input[value="7"][data-square-group="9"]:checked)):not(:has(.number_picker_input[value="7"][data-x="9"]:checked ~ .number_picker_input[value="7"][data-x="9"]:checked)):not(:has(.number_picker_input[value="7"][data-y="9"]:checked ~ .number_picker_input[value="7"][data-y="9"]:checked)):not(:has(.number_picker_input[value="8"][data-square-group="9"]:checked ~ .number_picker_input[value="8"][data-square-group="9"]:checked)):not(:has(.number_picker_input[value="8"][data-x="9"]:checked ~ .number_picker_input[value="8"][data-x="9"]:checked)):not(:has(.number_picker_input[value="8"][data-y="9"]:checked ~ .number_picker_input[value="8"][data-y="9"]:checked)):not(:has(.number_picker_input[value="9"][data-square-group="9"]:checked ~ .number_picker_input[value="9"][data-square-group="9"]:checked)):not(:has(.number_picker_input[value="9"][data-x="9"]:checked ~ .number_picker_input[value="9"][data-x="9"]:checked)):not(:has(.number_picker_input[value="9"][data-y="9"]:checked ~ .number_picker_input[value="9"][data-y="9"]:checked)):not(:has(.number_picker_input[value="0"]:checked)) .icon {
  display: block;
}

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