/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/main/js/instructions/instructions-modal.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.src-main-js-instructions-error___Y7vfG {
  color: red;
  padding-top: 20vh;
}

.src-main-js-instructions-instructionsModal___AollL {
  z-index: 80;
  width: 90vw;
  height: 90vh;
  border: solid 0.2em #2e6e9e;
  border-radius: 1em;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.src-main-js-instructions-body___gud04 {
  height: 82vh;
}
.src-main-js-instructions-body___gud04 .src-main-js-instructions-arrowPanel___ljO9l {
  width: 10vw;
  align-items: center;
}
.src-main-js-instructions-body___gud04 .src-main-js-instructions-arrowPanel___ljO9l .src-main-js-instructions-topArrow___vvq8O {
  position: absolute;
  top: calc(5vh + 10%);
  left: calc(5vw + 2%);
}
.src-main-js-instructions-body___gud04 .src-main-js-instructions-arrowPanel___ljO9l .src-main-js-instructions-bottomArrow___uhjB_ {
  position: absolute;
  bottom: 20vh;
  left: calc(5vw + 2%);
}

.src-main-js-instructions-instructionTextContainer___E3L43 {
  overflow-y: hidden;
  font-size: 130%;
  color: black;
  position: absolute;
  text-align: left;
  line-height: 130%;
  left: 15vw;
  width: 75vw;
  height: 68vh;
  top: 15vh;
}

.src-main-js-instructions-instructionText___UMwEr {
  position: relative;
  top: 0px;
  transition: top 0.5s;
  font-weight: normal;
}

.src-main-js-instructions-instructionsTitle___sd5zR {
  height: 4vh;
  margin: 0 0 -25px -1px;
  font-weight: bold;
  padding: 1.5vh 1vh;
  position: relative;
  border-top-left-radius: 0.8em;
  border-top-right-radius: 0.8em;
}
.src-main-js-instructions-instructionsTitle___sd5zR span {
  margin-left: 0.5vw;
}

.src-main-js-instructions-controls___QjhBa {
  padding: 0.5em;
  border-top: solid 1px #aaa;
  position: relative;
  bottom: 10px;
}

.default-theme .src-main-js-instructions-instructionsModal___AollL {
  background: white;
}
.default-theme .src-main-js-instructions-instructionsTitle___sd5zR {
  color: white;
}
.default-theme .src-main-js-instructions-gamesInstructionsModalTitle___HoKuy {
  background: #762682;
}
.default-theme .src-main-js-instructions-sensoryInstructionsModalTitle___l1ukJ {
  background: #069B65;
}

.yob-theme .src-main-js-instructions-controls___QjhBa {
  border-top-color: yellow;
}
.yob-theme .src-main-js-instructions-instructionsModal___AollL {
  background: black;
}
.yob-theme .src-main-js-instructions-instructionsTitle___sd5zR {
  background: yellow;
}
.yob-theme .src-main-js-instructions-instructionTextContainer___E3L43 {
  color: yellow;
}

.boy-theme .src-main-js-instructions-instructionsModal___AollL {
  background: yellow;
}
.boy-theme .src-main-js-instructions-instructionsTitle___sd5zR {
  background: black;
}

.bow-theme .src-main-js-instructions-instructionsModal___AollL {
  background: white;
}
.bow-theme .src-main-js-instructions-instructionsTitle___sd5zR {
  background: black;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/main/js/instructions/instructions-container.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.src-main-js-instructions-instructionsButton___d5rHR {
  border: solid 1px;
  border-radius: 0.75em;
  width: 20vw;
  text-align: center;
  margin-top: 2vh;
  margin-right: 5vw;
}

.src-main-js-instructions-instructionsIcon___jbG_4 {
  color: black;
  font-size: 350%;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/main/js/games/spin-and-solve/spin-and-solve-container.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
.src-main-js-games-spin-and-solve-playScreen___iKsLt {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 1vh;
  height: 93vh;
}
.src-main-js-games-spin-and-solve-playScreen___iKsLt .src-main-js-games-spin-and-solve-topHalf___RRQhA {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.src-main-js-games-spin-and-solve-playScreen___iKsLt .src-main-js-games-spin-and-solve-topHalf___RRQhA .src-main-js-games-spin-and-solve-upperRow___KxDyA {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100vw;
}

.src-main-js-games-spin-and-solve-message___ohPXC {
  width: 35vw;
  height: 9vh;
  border-radius: 1em;
  border: 0.2em solid;
  display: flex;
  flex-display: row;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 500ms;
  border: double 0.2em;
}
.src-main-js-games-spin-and-solve-message___ohPXC[data-displayed=true] {
  opacity: 1;
}

.src-main-js-games-spin-and-solve-deciding___ca5Qn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  height: 15vh;
}
.src-main-js-games-spin-and-solve-deciding___ca5Qn .src-main-js-games-spin-and-solve-noMoreWarning___Rcx9T {
  margin-bottom: 1vh;
}
.src-main-js-games-spin-and-solve-deciding___ca5Qn .src-main-js-games-spin-and-solve-decidingButtons___CEIou {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.src-main-js-games-spin-and-solve-deciding___ca5Qn .src-main-js-games-spin-and-solve-decidingButtons___CEIou button {
  margin: 0 1vh;
}

.src-main-js-games-spin-and-solve-footer___kNLyY {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  align-items: flex-end;
  height: 11vh;
}
.src-main-js-games-spin-and-solve-footer___kNLyY .src-main-js-games-spin-and-solve-volumeButtons___RQJdg {
  position: absolute;
  left: 0;
  margin: 0 0 1vh 1vh;
}
.src-main-js-games-spin-and-solve-footer___kNLyY .src-main-js-games-spin-and-solve-volumeButtons___RQJdg button {
  margin: 0 0.2vw;
}
.src-main-js-games-spin-and-solve-footer___kNLyY .src-main-js-games-spin-and-solve-startAndEndButtons___pqEq0 {
  width: 19vw;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  white-space: nowrap;
  margin-bottom: 1vh;
}
.src-main-js-games-spin-and-solve-footer___kNLyY .src-main-js-games-spin-and-solve-startAndEndButtons___pqEq0 button {
  margin: 0 0.5vw;
}
.src-main-js-games-spin-and-solve-footer___kNLyY .src-main-js-games-spin-and-solve-round___qrnuD {
  position: absolute;
  right: 0;
  border-top: 2px solid;
  border-left: 2px solid;
  border-top-left-radius: 1em;
  width: 27vw;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.src-main-js-games-spin-and-solve-footer___kNLyY .src-main-js-games-spin-and-solve-round___qrnuD label {
  font-weight: bold;
  margin-right: 0.5vw;
}

.src-main-js-games-spin-and-solve-players___ZpUwx {
  display: flex;
  flex-direction: column;
  width: 16vw;
  justify-content: center;
  align-items: center;
}
.src-main-js-games-spin-and-solve-players___ZpUwx .src-main-js-games-spin-and-solve-player____UeRC {
  position: relative;
  border: 1vh solid;
  width: 12vw;
  padding: 1vh 0.5vw;
  margin: 1vh 0;
  transition: background-color 500ms;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  font-size: 80%;
}

.src-main-js-games-spin-and-solve-buyAVowel___kHAax {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  height: 30vh;
  width: 100vw;
}
.src-main-js-games-spin-and-solve-buyAVowel___kHAax div button[type=button] { /* This selector is used to override the less specific selector in game-keyboard */
  width: 7vw;
}

.src-main-js-games-spin-and-solve-solving___KqdqH {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
.src-main-js-games-spin-and-solve-solving___KqdqH .src-main-js-games-spin-and-solve-backSpace___ZgZyw {
  width: 6%;
  height: 46%;
  margin: 0.13em 1em 0.13em 0;
  position: relative;
}

.default-theme .src-main-js-games-spin-and-solve-round___qrnuD {
  background-color: #DFEFFC;
  border-color: black;
}
.default-theme .src-main-js-games-spin-and-solve-player____UeRC:nth-of-type(1) {
  border-color: #2D68B9;
}
.default-theme .src-main-js-games-spin-and-solve-player____UeRC:nth-of-type(1)[data-active=true] {
  background: #2D68B9;
}
.default-theme .src-main-js-games-spin-and-solve-player____UeRC:nth-of-type(2) {
  border-color: #DB253B;
}
.default-theme .src-main-js-games-spin-and-solve-player____UeRC:nth-of-type(2)[data-active=true] {
  background: #DB253B;
}
.default-theme .src-main-js-games-spin-and-solve-player____UeRC:nth-of-type(3) {
  border-color: #069B65;
}
.default-theme .src-main-js-games-spin-and-solve-player____UeRC:nth-of-type(3)[data-active=true] {
  background: #069B65;
}
.default-theme .src-main-js-games-spin-and-solve-player____UeRC[data-active=true] {
  color: white;
  font-weight: bold;
}
.default-theme .src-main-js-games-spin-and-solve-player____UeRC[data-active=false] {
  opacity: 0.5;
}
.default-theme .src-main-js-games-spin-and-solve-noMoreWarning___Rcx9T {
  color: red;
}
.default-theme .src-main-js-games-spin-and-solve-message___ohPXC {
  background: #f8f8f8;
  box-shadow: 0 0 0 0.1em rgb(69, 128, 69) inset;
  border-color: rgb(115, 215, 115);
}
.default-theme .src-main-js-games-spin-and-solve-message___ohPXC[data-is-bad=true] {
  background: #fee;
  box-shadow: 0 0 0 0.1em #A00 inset;
  border-color: red;
}

.yob-theme .src-main-js-games-spin-and-solve-round___qrnuD {
  background-color: #333;
}
.yob-theme .src-main-js-games-spin-and-solve-player____UeRC[data-active=true] {
  color: black;
  background: yellow;
  border-color: yellow;
}

.boy-theme .src-main-js-games-spin-and-solve-round___qrnuD {
  background-color: #CCBC0C;
  border-color: black;
  color: black;
}
.boy-theme .src-main-js-games-spin-and-solve-player____UeRC[data-active=true] {
  color: yellow;
  background: black;
  border-color: black;
}

.bow-theme .src-main-js-games-spin-and-solve-round___qrnuD {
  background-color: black;
  border-color: #777;
  color: white;
}
.bow-theme .src-main-js-games-spin-and-solve-player____UeRC[data-active=true] {
  color: white;
  background: black;
  border-color: black;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/main/js/games/spin-and-solve/spin-and-solve-board.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.src-main-js-games-spin-and-solve-board___gacca {
  grid-column-start: 2;
}

.src-main-js-games-spin-and-solve-row___uTivL {
  display: flex;
}

.src-main-js-games-spin-and-solve-tile___c7_Sk {
  width: 4.5vw;
  height: 4.5vw;
  border: 2px solid;
  border-radius: 10%;
}
.src-main-js-games-spin-and-solve-tile___c7_Sk[data-is-corner=true] {
  visibility: hidden;
}

.default-theme .src-main-js-games-spin-and-solve-tile___c7_Sk {
  border-color: black;
}
.default-theme .src-main-js-games-spin-and-solve-tile___c7_Sk[data-is-solve-letter] {
  background-color: yellow;
}
.default-theme .src-main-js-games-spin-and-solve-tile___c7_Sk[data-is-highlighted] {
  background-color: yellow;
}
.default-theme .src-main-js-games-spin-and-solve-tile___c7_Sk[data-is-cursor=true] {
  background-color: yellow;
  border-color: red;
}
.default-theme .src-main-js-games-spin-and-solve-tile___c7_Sk[data-is-blank=true] {
  background-color: rgb(115, 215, 115);
}

.yob-theme .src-main-js-games-spin-and-solve-tile___c7_Sk {
  border-color: black;
  background: yellow;
}
.yob-theme .src-main-js-games-spin-and-solve-tile___c7_Sk[data-is-solve-letter] {
  background: black;
  fill: yellow;
  border-color: yellow;
}
.yob-theme .src-main-js-games-spin-and-solve-tile___c7_Sk[data-is-highlighted] {
  background-color: #880;
  border-style: dashed;
  border-color: yellow;
}
.yob-theme .src-main-js-games-spin-and-solve-tile___c7_Sk[data-is-cursor=true] {
  background: black;
  border: dashed yellow;
}
.yob-theme .src-main-js-games-spin-and-solve-tile___c7_Sk[data-is-blank=true] {
  background-color: #222;
}

.boy-theme .src-main-js-games-spin-and-solve-tile___c7_Sk {
  border-color: yellow;
  background: black;
  fill: yellow;
}
.boy-theme .src-main-js-games-spin-and-solve-tile___c7_Sk[data-is-solve-letter] {
  background: yellow;
  fill: black;
  border-color: black;
}
.boy-theme .src-main-js-games-spin-and-solve-tile___c7_Sk[data-is-highlighted] {
  background-color: #880;
  border-style: dashed;
  border-color: black;
}
.boy-theme .src-main-js-games-spin-and-solve-tile___c7_Sk[data-is-cursor=true] {
  background: yellow;
  border: dashed black;
}
.boy-theme .src-main-js-games-spin-and-solve-tile___c7_Sk[data-is-blank=true] {
  background-color: #DD0;
}

.bow-theme .src-main-js-games-spin-and-solve-tile___c7_Sk {
  border-color: white;
  background: black;
  fill: white;
}
.bow-theme .src-main-js-games-spin-and-solve-tile___c7_Sk[data-is-solve-letter] {
  background: white;
  fill: black;
  border-color: black;
}
.bow-theme .src-main-js-games-spin-and-solve-tile___c7_Sk[data-is-highlighted] {
  background-color: #888;
  border-style: dashed;
  border-color: black;
}
.bow-theme .src-main-js-games-spin-and-solve-tile___c7_Sk[data-is-cursor=true] {
  background: white;
  border: dashed black;
}
.bow-theme .src-main-js-games-spin-and-solve-tile___c7_Sk[data-is-blank=true] {
  background-color: #DDD;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/main/js/games/spin-and-solve/spin-and-solve-wheel.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.src-main-js-games-spin-and-solve-outerWheel___Y4jrO {
  width: 60vw;
  left: 20vw;
  position: fixed;
  top: 60vh;
  z-index: 1;
  transition: top 500ms;
}
.src-main-js-games-spin-and-solve-outerWheel___Y4jrO[data-displayed=false] {
  top: 125vh;
}
.src-main-js-games-spin-and-solve-outerWheel___Y4jrO .src-main-js-games-spin-and-solve-innerWheel___ZxrH2 {
  transition: transform 2.25s cubic-bezier(0.2, 0.7, 0.58, 1);
}

.src-main-js-games-spin-and-solve-arrow___EUpFM {
  position: absolute;
  z-index: 2;
}
.src-main-js-games-spin-and-solve-arrow___EUpFM .src-main-js-games-spin-and-solve-arrowTriangle___Jpovf {
  stroke-width: 0.4;
}

.default-theme .src-main-js-games-spin-and-solve-arrowTriangle___Jpovf {
  stroke: yellow;
  fill: red;
}
.default-theme .src-main-js-games-spin-and-solve-text___JGJtA[data-bankrupt=true] {
  fill: white;
}

.yob-theme .src-main-js-games-spin-and-solve-arrowTriangle___Jpovf {
  stroke: black;
  fill: yellow;
}

.boy-theme .src-main-js-games-spin-and-solve-outerWheel___Y4jrO path {
  stroke: yellow;
}
.boy-theme .src-main-js-games-spin-and-solve-outerWheel___Y4jrO .src-main-js-games-spin-and-solve-text___JGJtA {
  fill: yellow;
}
.boy-theme .src-main-js-games-spin-and-solve-arrowTriangle___Jpovf {
  stroke: black;
  fill: yellow;
}

.bow-theme .src-main-js-games-spin-and-solve-outerWheel___Y4jrO path {
  stroke: white;
}
.bow-theme .src-main-js-games-spin-and-solve-outerWheel___Y4jrO .src-main-js-games-spin-and-solve-text___JGJtA {
  fill: white;
}
.bow-theme .src-main-js-games-spin-and-solve-arrowTriangle___Jpovf {
  stroke: black;
  fill: white;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/main/js/games/spin-and-solve/spin-and-solve-wedge.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.src-main-js-games-spin-and-solve-wedge___bb3T9 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 16vw;
  z-index: 0;
  transition: opacity 1s;
  opacity: 1;
  justify-self: end;
  grid-column-start: 3;
  margin: auto 0;
}
.src-main-js-games-spin-and-solve-wedge___bb3T9[data-displayed=false] {
  opacity: 0;
}
.src-main-js-games-spin-and-solve-wedge___bb3T9 .src-main-js-games-spin-and-solve-text___gQIdg {
  writing-mode: vertical-lr;
  text-orientation: upright;
  glyph-orientation-vertical: 0;
}
.src-main-js-games-spin-and-solve-wedge___bb3T9 .src-main-js-games-spin-and-solve-text___gQIdg[data-bankrupt=true] {
  fill: white;
}

.boy-theme .src-main-js-games-spin-and-solve-wedge___bb3T9 .src-main-js-games-spin-and-solve-text___gQIdg {
  fill: yellow;
}

.bow-theme .src-main-js-games-spin-and-solve-wedge___bb3T9 .src-main-js-games-spin-and-solve-text___gQIdg {
  fill: white;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/main/js/games/spin-and-solve/spin-and-solve-round-summary.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
.src-main-js-games-spin-and-solve-modalBody___XIhOq {
  width: 54vw;
  height: 50vh;
  border-radius: 1em;
  border: solid 0.2em;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  font-size: 120%;
}
.src-main-js-games-spin-and-solve-modalBody___XIhOq .src-main-js-games-spin-and-solve-title___Foa55 {
  font-weight: bold;
  font-size: 150%;
}
.src-main-js-games-spin-and-solve-modalBody___XIhOq table {
  border-collapse: collapse;
}
.src-main-js-games-spin-and-solve-modalBody___XIhOq td {
  text-align: right;
}
.src-main-js-games-spin-and-solve-modalBody___XIhOq th, .src-main-js-games-spin-and-solve-modalBody___XIhOq td {
  padding: 5px;
  border: 1px solid;
  min-width: 10vw;
}
.src-main-js-games-spin-and-solve-modalBody___XIhOq th.src-main-js-games-spin-and-solve-noBorder___vDEnt, .src-main-js-games-spin-and-solve-modalBody___XIhOq td.src-main-js-games-spin-and-solve-noBorder___vDEnt {
  border: none;
}
.src-main-js-games-spin-and-solve-modalBody___XIhOq th.src-main-js-games-spin-and-solve-bold___PzwkK, .src-main-js-games-spin-and-solve-modalBody___XIhOq td.src-main-js-games-spin-and-solve-bold___PzwkK {
  font-weight: bold;
}

.default-theme .src-main-js-games-spin-and-solve-modalBody___XIhOq {
  background: white;
  border-color: #2e6e9e;
}
.default-theme .src-main-js-games-spin-and-solve-modalBody___XIhOq tr[data-winner=true] {
  background: yellow;
}
.default-theme .src-main-js-games-spin-and-solve-modalBody___XIhOq th, .default-theme .src-main-js-games-spin-and-solve-modalBody___XIhOq td {
  border-color: black;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/main/js/games/spin-and-solve/spin-and-solve-game-summary.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
.src-main-js-games-spin-and-solve-modalBody___Y9Dyg {
  width: 54vw;
  height: 50vh;
  border-radius: 1em;
  border: solid 0.2em;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  font-size: 120%;
}
.src-main-js-games-spin-and-solve-modalBody___Y9Dyg .src-main-js-games-spin-and-solve-title___i9DOZ {
  font-weight: bold;
  font-size: 150%;
}
.src-main-js-games-spin-and-solve-modalBody___Y9Dyg table {
  border-collapse: collapse;
}
.src-main-js-games-spin-and-solve-modalBody___Y9Dyg td {
  text-align: right;
}
.src-main-js-games-spin-and-solve-modalBody___Y9Dyg th, .src-main-js-games-spin-and-solve-modalBody___Y9Dyg td {
  padding: 5px;
  border: 1px solid;
  min-width: 10vw;
}
.src-main-js-games-spin-and-solve-modalBody___Y9Dyg th.src-main-js-games-spin-and-solve-noBorder___Gzqmv, .src-main-js-games-spin-and-solve-modalBody___Y9Dyg td.src-main-js-games-spin-and-solve-noBorder___Gzqmv {
  border: none;
}
.src-main-js-games-spin-and-solve-modalBody___Y9Dyg th.src-main-js-games-spin-and-solve-team___mZngK, .src-main-js-games-spin-and-solve-modalBody___Y9Dyg td.src-main-js-games-spin-and-solve-team___mZngK {
  text-align: center;
  font-weight: bold;
}

.src-main-js-games-spin-and-solve-controls___n0wbr button {
  margin: 0 1vw;
}

.default-theme .src-main-js-games-spin-and-solve-modalBody___Y9Dyg {
  background: white;
  border-color: #2e6e9e;
}
.default-theme .src-main-js-games-spin-and-solve-modalBody___Y9Dyg tr[data-winner=true] {
  background: yellow;
}
.default-theme .src-main-js-games-spin-and-solve-modalBody___Y9Dyg th, .default-theme .src-main-js-games-spin-and-solve-modalBody___Y9Dyg td {
  border-color: black;
}
/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/main/js/home/welcome-modal.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************/
.src-main-js-home-welcomeModal___dp7BJ {
  width: 60vw;
  padding: 1.5vh 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 0.3em;
  white-space: nowrap;
  text-overflow: clip;
}
.src-main-js-home-welcomeModal___dp7BJ button {
  border: 2px solid;
  border-radius: 0.3em;
  width: 95%;
  font-size: 150%;
  font-weight: normal;
  outline: none;
  margin: 2vh 0;
}
@media (min-width: 1200px) {
  .src-main-js-home-welcomeModal___dp7BJ button {
    font-size: 200%;
  }
}

.default-theme .src-main-js-home-welcomeModal___dp7BJ {
  background: white;
}
.default-theme .src-main-js-home-welcomeModal___dp7BJ button {
  border-color: dimgray;
  background-color: darkgray;
  color: black;
}

.bow-theme .src-main-js-home-welcomeModal___dp7BJ {
  background-color: white;
}
.bow-theme .src-main-js-home-welcomeModal___dp7BJ button {
  border-color: black;
}

.boy-theme .src-main-js-home-welcomeModal___dp7BJ {
  background-color: yellow;
}
.boy-theme .src-main-js-home-welcomeModal___dp7BJ button {
  border-color: black;
  background-color: yellow;
}

.yob-theme .src-main-js-home-welcomeModal___dp7BJ {
  background-color: black;
  border: 2px solid yellow;
}
.yob-theme .src-main-js-home-welcomeModal___dp7BJ button {
  border-color: yellow;
  background-color: black;
  color: yellow;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/main/js/track-attendance/track-attendance-button.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.src-main-js-track-attendance-trackAttendanceNotice___gnTeP {
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.2% 1%;
  font-size: 3vh;
  border-radius: 0.3em;
}
.src-main-js-track-attendance-trackAttendanceNotice___gnTeP span {
  font-weight: bold;
}

.default-theme .src-main-js-track-attendance-trackAttendanceNotice___gnTeP {
  border-color: black;
  background-color: white;
}
.default-theme .src-main-js-track-attendance-trackAttendanceNotice___gnTeP span {
  color: red;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/main/js/track-attendance/track-attendance-resident-tile.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
.src-main-js-track-attendance-attended___sF_u5 {
  background-color: green;
}

.src-main-js-track-attendance-declined___pftCN {
  background-color: red;
}

.src-main-js-track-attendance-residentTileBody___A5Sa_ {
  background-color: #FFFFFF;
}

.src-main-js-track-attendance-residentTile___IRZ2M {
  cursor: pointer;
}

.useBootStrap div.src-main-js-track-attendance-attended___sF_u5, .useBootStrap div.src-main-js-track-attendance-declined___pftCN {
  white-space: normal;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/main/js/track-attendance/filter-dropdown.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
.src-main-js-track-attendance-dropdownItemContainer___lvx2k {
  max-height: 300px;
  overflow-y: auto;
}
.src-main-js-track-attendance-dropdownItemContainer___lvx2k .src-main-js-track-attendance-searchContainer___yLHOP {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.src-main-js-track-attendance-dropdownItemContainer___lvx2k .src-main-js-track-attendance-searchContainer___yLHOP .src-main-js-track-attendance-searchInput___q9EcE {
  border: none;
  box-shadow: none;
}
.src-main-js-track-attendance-dropdownItemContainer___lvx2k .src-main-js-track-attendance-searchContainer___yLHOP .src-main-js-track-attendance-clear___mzAwW {
  cursor: pointer;
  margin-right: 15px;
}
.src-main-js-track-attendance-dropdownItemContainer___lvx2k .src-main-js-track-attendance-dropdownItem___Y35x6 span {
  margin-left: -1rem;
  margin-right: 0.2rem;
  visibility: hidden;
  font-weight: 600;
}
.src-main-js-track-attendance-dropdownItemContainer___lvx2k .src-main-js-track-attendance-dropdownItem___Y35x6[data-selected=true] {
  color: #fff !important;
  background-color: #d98828 !important;
  border-color: #d98828 !important;
}
.src-main-js-track-attendance-dropdownItemContainer___lvx2k .src-main-js-track-attendance-dropdownItem___Y35x6[data-selected=true] span {
  visibility: visible;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/main/js/track-attendance/program-detail.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.src-main-js-track-attendance-detail___rjbbz {
  width: 10em;
  color: white;
  cursor: pointer;
}

.src-main-js-track-attendance-active___p2Fnc {
  border: 3px solid black;
}

.src-main-js-track-attendance-inactive___Wlhph {
  border: 3px solid transparent;
  opacity: 0.65;
}

.src-main-js-track-attendance-attended___x3pfB {
  background-color: green;
}

.src-main-js-track-attendance-declined___p4e2Q {
  background-color: red;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/main/js/track-attendance/track-attendance-editor.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.src-main-js-track-attendance-residentContainerWrapper___ZLEL4 {
  height: 50vh;
  border: 1px solid #ced4da;
}

.src-main-js-track-attendance-propertyRow___fY2Td {
  /* Matches @include media-breakpoint-up(md) */
}
.src-main-js-track-attendance-propertyRow___fY2Td:not(:last-child) {
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .src-main-js-track-attendance-propertyRow___fY2Td {
    min-height: 3rem;
  }
  .src-main-js-track-attendance-propertyRow___fY2Td:not(:last-child) {
    margin-bottom: 0;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/main/js/track-attendance/track-attendance-modal.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.src-main-js-track-attendance-editorWrapper___Z6xbN {
  color: black;
  background: white;
  width: 100vw;
  height: 100vh;
  position: fixed;
}

.src-main-js-track-attendance-loadingSpinnerBackground___Y1z97 {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0em;
  left: 0em;
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.src-main-js-track-attendance-loadingSpinner___mnp46 {
  background-color: white;
  text-align: center;
  font-size: 4em;
  position: fixed;
  top: 3em;
  border-radius: 0.1em;
  border: 1px solid #ced4da;
  padding: 0.5em;
}
.src-main-js-track-attendance-loadingSpinner___mnp46 span {
  margin-left: 0.2em;
}