.term-digit-picker {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: term-digit-picker;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.temp-digit-strip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /* padding-top: 50px; */
}

.arrow {
  height: 100%;
}

.bag-term {
  width: 300px;
  height: 100%;
  padding: 10px;
}

.term-game {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.5fr;
      grid-template-columns: 1fr 1.5fr;
      grid-template-areas: "term-device term-other";
  background: #193549;
  width: 100%;
}

.term-instruction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: term-instruction;
  width: 100%;
  background: #193549;
  color: white;
  font-size: 3rem;
}

.term-instruction-find {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: term-digit-picker;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  background: #193549;
  color: white;
  font-size: 3rem;
}

.term-device {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: term-device;
  width: 100%;
  /* background: red; */
  overflow-x: hidden;
  overflow-y: hidden;
  /* background: #193549;
    background: black; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* align-items: center; */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.term-other {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: term-other;
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1fr 1fr 1fr;
      grid-template-rows: 1fr 1fr 1fr;
      grid-template-areas: "term-instruction" "term-digit-picker" "term-answer";
}

.term-answer {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: term-answer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  /* background: #193549; */
}

.term-digit-strip {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: (1fr)[2];
  -ms-grid-columns: (1fr)[6];
      grid-template: repeat(2, 1fr)/repeat(6, 1fr);
  -ms-grid-row-align: center;
      align-self: center;
  grid-gap: 5px;
}

.term-digit-drop-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.drop-cel-sto, .drop-cel-ten, .drop-cel-one, .drop-term-minus, .drop-cel-dec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 80px;
  width: 80px;
  border: 1px solid lightgrey;
  color: yellow;
  font-size: 3rem;
}

.drop-cel-unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 80px;
  width: 90px;
  color: yellow;
  font-size: 3rem;
}

.drop-dot-unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 80px;
  width: 20px;
  color: yellow;
  font-size: 4rem;
}

.no-pointer {
  pointer-events: none;
}
/*# sourceMappingURL=main_thermometer.css.map */