/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameLayout/UIGameLayout.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.containerLandscape-TGQeBgol {
  display: grid;
  gap: 0.25em;
  padding: 0.15em;
  height: 100%;
  font-size: var(--container-font-size);
}
.containerLandscape-TGQeBgol .gameAchievementContainer-i0I5TbS5 {
  display: flex;
  grid-row: start/game-feeds-end;
  grid-column: help-buttons-end/game-feeds;
  align-items: flex-start;
  justify-content: flex-end;
  z-index: 2;
}
.containerLandscape-TGQeBgol .gameTopLeftContainer-b5euVvMm {
  display: grid;
  grid-template-rows: [start] min-content [middle] 1fr [end];
  grid-template-columns: [start] auto [middle] auto [end];
  grid-row: start/end;
  grid-column: start/help-buttons-end;
}
.containerLandscape-TGQeBgol .gameTopLeftContainer-b5euVvMm .gameHelpButtonsContainer-S_9JcLQq {
  grid-row: start/middle;
  grid-column: start/middle;
}
.containerLandscape-TGQeBgol .gameTopLeftContainer-b5euVvMm .gameSpectatorsContainer-YscJIhxe {
  grid-row: start/middle;
  grid-column: middle/end;
}
.containerLandscape-TGQeBgol .gameTopLeftContainer-b5euVvMm .gameBarbarianInvasionTrackerContainer-Rv9wjbty {
  display: flex;
  grid-row: middle/end;
  grid-column: start/end;
  align-items: center;
  padding-bottom: 10em;
}
.containerLandscape-TGQeBgol .gameTopLeftContainer-b5euVvMm .gameHelpButtonsLayer-odYlgrig {
  position: relative;
  z-index: 5;
}
.containerLandscape-TGQeBgol .gameEndContainer-BE08Jrel, .containerLandscape-TGQeBgol .gamePauseContainer-mueWwaLP {
  grid-row: start/end;
  grid-column: start/game-feeds;
}
.containerLandscape-TGQeBgol .gameFeedsContainer-jBSxvDCV {
  grid-row: start/game-feeds-end;
  grid-column: game-feeds/end;
  overflow: hidden;
}
@media (min-height: 876px) {
  .containerLandscape-TGQeBgol .gameFeedsContainer-jBSxvDCV {
    gap: 0.3em;
    font-size: 0.75em;
  }
}
.containerLandscape-TGQeBgol .gameBankContainer-VVzjeoMZ {
  grid-row: game-feeds-end/bank-end;
  grid-column: game-feeds/end;
}
.containerLandscape-TGQeBgol .gamePlayerInformationContainer-oiaBsFwL {
  grid-row: bank-end/end;
  grid-column: game-feeds/end;
}
.containerLandscape-TGQeBgol .gameBottomContainer-fIxkyCVR {
  display: flex;
  grid-row: game-feeds-end/end;
  grid-column: start/game-feeds;
  align-items: flex-end;
  z-index: 1;
}
.containerLandscape-TGQeBgol .gameReplayControlsContainer-w8P_weQ9 {
  display: flex;
  flex-direction: column;
  grid-row: start/game-feeds-end;
  grid-column: help-buttons-end/game-feeds;
  gap: 0.25em;
  align-items: flex-end;
  padding: 0.5em 0.25em;
}
.containerLandscape-TGQeBgol .gameReplayControlsContainer-w8P_weQ9 .gameReplayControlsContainerInner-w1tjXio0 {
  width: fit-content;
  min-width: 23em;
}
.containerLandscape-TGQeBgol .gameCardAnimatorContainer-pjIg6HTM {
  grid-row: start/end;
  grid-column: start/end;
  z-index: 99;
}
.containerLandscape-TGQeBgol .gameTradeOffersContainer-DYpyuwA9 {
  display: flex;
  grid-row: start/bank-end;
  grid-column: help-buttons-end/game-feeds;
  justify-content: flex-end;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
}
.containerLandscape-TGQeBgol .gameTradeOffersContainer-DYpyuwA9 .gameTradeOffersWrapper-AYVkPxeT {
  min-width: min(45%, 22em);
  height: fit-content;
  max-height: 100%;
  overflow: auto;
  pointer-events: auto;
  overscroll-behavior: none;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 991px) {
  .containerLandscape-TGQeBgol .gameTradeOffersContainer-DYpyuwA9 .gameTradeOffersWrapper-AYVkPxeT {
    min-width: 17em;
  }
}

.containerPortrait-hUuBlHdx {
  display: grid;
  height: 100%;
}
.containerPortrait-hUuBlHdx .gameHelpBackground-DctVlQlL {
  grid-row: start/help-buttons-end;
  grid-column: 1/1;
}
.containerPortrait-hUuBlHdx .gameTopContainer-Mfs34g_Y {
  grid-row: safe-area-top-end/help-buttons-end;
  grid-column: 1/1;
}
.containerPortrait-hUuBlHdx .gamePlayerInfoContainer-eWpI48UJ {
  display: flex;
  grid-row: help-buttons-end/player-information-container-end;
  grid-column: 1/1;
  justify-content: center;
  padding: 4px;
  pointer-events: all;
}
@media (min-width: 767px) {
  .containerPortrait-hUuBlHdx .gamePlayerInfoContainer-eWpI48UJ {
    justify-self: end;
    width: fit-content;
  }
}
.containerPortrait-hUuBlHdx .gameAchievementContainer-i0I5TbS5 {
  display: flex;
  grid-row: player-information-container-end/bottom-start;
  grid-column: 1/1;
  align-items: flex-start;
  justify-content: center;
  z-index: 2;
}
.containerPortrait-hUuBlHdx .gameTimerBarContainer-JqcCn6n3 {
  grid-row: timer-bar-start/safe-area-bottom-start;
  grid-column: 1/1;
}
.containerPortrait-hUuBlHdx .gameEndContainer-BE08Jrel, .containerPortrait-hUuBlHdx .gamePauseContainer-mueWwaLP {
  grid-row: start/end;
  grid-column: 1/1;
  overflow: hidden;
}
.containerPortrait-hUuBlHdx .gameTradeOffersContainer-DYpyuwA9 {
  grid-row: player-information-container-end/bottom-start;
  grid-column: 1/1;
  z-index: 1;
  padding-top: 0.25em;
  max-height: 40vh;
  pointer-events: none;
}
.containerPortrait-hUuBlHdx .gameTradeOffersContainer-DYpyuwA9 .gameTradeOffersWrapper-AYVkPxeT {
  width: 100%;
  height: fit-content;
  max-height: 100%;
  overflow: auto;
  pointer-events: auto;
  overscroll-behavior: none;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 767px) {
  .containerPortrait-hUuBlHdx .gameTradeOffersContainer-DYpyuwA9 .gameTradeOffersWrapper-AYVkPxeT {
    width: 50%;
    font-size: 1.15rem;
  }
}
@media (min-width: 767px) {
  .containerPortrait-hUuBlHdx .gameTradeOffersContainer-DYpyuwA9 {
    grid-row: help-buttons-end/bottom-start;
    align-items: flex-start;
  }
}
.containerPortrait-hUuBlHdx .gameBarbarianInvasionTrackerContainer-Rv9wjbty {
  display: flex;
  grid-row: help-buttons-end/timer-bar-start;
  grid-column: 1/1;
  align-items: center;
  padding-bottom: 3em;
  pointer-events: none;
}
.containerPortrait-hUuBlHdx .gameVoteContainer-mkzvjdpY {
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 4;
  width: max-content;
  max-width: 90%;
  font-size: 1.25rem;
}
.containerPortrait-hUuBlHdx .gameReplayControlsContainer-w8P_weQ9 {
  display: flex;
  grid-row: replay-controls-start/bottom-start;
  grid-column: 1/1;
  padding: 0.25em 0.25em 0;
}
.containerPortrait-hUuBlHdx .gameBottomContainer-fIxkyCVR {
  display: flex;
  grid-row: bottom-start/timer-bar-start;
  grid-column: 1/1;
  align-items: flex-end;
}
.containerPortrait-hUuBlHdx .gameCardAnimatorContainer-pjIg6HTM {
  grid-row: start/end;
  grid-column: 1/1;
  z-index: 99;
}
.containerPortrait-hUuBlHdx .gameEndContainer-BE08Jrel {
  font-size: 0.85rem;
}
@media (max-width: 480px) {
  .containerPortrait-hUuBlHdx .gameEndContainer-BE08Jrel {
    font-size: 0.75rem;
  }
}
@media (max-width: 320px) {
  .containerPortrait-hUuBlHdx {
    font-size: 0.75rem;
  }
}

.containerLandscape-TGQeBgol .gamePauseContainer-mueWwaLP, .containerPortrait-hUuBlHdx .gamePauseContainer-mueWwaLP {
  z-index: 3;
  margin: -0.15em;
}
.containerLandscape-TGQeBgol .gameEndContainer-BE08Jrel, .containerPortrait-hUuBlHdx .gameEndContainer-BE08Jrel {
  z-index: 8;
  margin: -0.15em;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameEnd/UIGameEnd.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.container-xBGEI1Rw {
  display: flex;
  flex-direction: column;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  color: #fff;
  pointer-events: auto;
}

.confetti-_MKBfzsS {
  position: absolute;
  width: 100%;
  height: 100%;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameEnd/UIGameEndHeader/UIGameEndHeader.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
.header-T1402t1H {
  display: grid;
  position: relative;
  grid-template-columns: 3fr 5fr 3fr;
  width: 100%;
}
.header-T1402t1H .rightActionButtonsContainer-SlwUKJoG {
  display: flex;
  flex-direction: column;
  gap: 1em;
  align-items: flex-end;
  padding: 0 1em;
}
@media screen {
  .header-T1402t1H .rightActionButtonsContainer-SlwUKJoG.hideInPortrait-TfF0R3Iw {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .header-T1402t1H .rightActionButtonsContainer-SlwUKJoG {
    display: none;
  }
}
.header-T1402t1H .leftFadeInContainer-rnFRw_1T {
  padding-left: 0.5em;
}
.header-T1402t1H .leftMapReplayButtonContainer-6wTfeaf0 {
  display: none;
  align-items: center;
  justify-content: center;
  height: 2.75em;
}
@media screen {
  .header-T1402t1H .leftMapReplayButtonContainer-6wTfeaf0.showInPortrait-nlQdbJ2u {
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .header-T1402t1H .leftMapReplayButtonContainer-6wTfeaf0 {
    display: flex;
  }
}
.header-T1402t1H .rightShareButtonContainer-lfrAqWeH {
  display: none;
  align-items: center;
  justify-content: flex-end;
  padding-right: 1em;
  height: 2.75em;
}
@media screen {
  .header-T1402t1H .rightShareButtonContainer-lfrAqWeH.showInPortrait-nlQdbJ2u {
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .header-T1402t1H .rightShareButtonContainer-lfrAqWeH {
    display: flex;
  }
}
.header-T1402t1H .spinner-m6vM9x77 {
  width: 1.5em;
  height: 1.5em;
}
@media screen and (max-width: 767px) {
  .header-T1402t1H .adBox-wayg9whL {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .header-T1402t1H {
    grid-template-columns: 80px 1fr 80px;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameEnd/UIGameEndHeader/AdBox/AdBox.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container-NC35dUXs {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  align-items: center;
}
.container-NC35dUXs .imageContainer-n0Zwn1QL {
  display: block;
  flex: 1;
  cursor: pointer;
  overflow: hidden;
}
.container-NC35dUXs .imageContainer-n0Zwn1QL .image-iIz62eEi {
  width: 100%;
  max-width: 17.5em;
  height: 100%;
  max-height: 14.375em;
  object-fit: contain;
}
.container-NC35dUXs .text-YjYQ0BDr {
  text-align: center;
  font-size: 1.15em;
  font-weight: bold;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameEnd/UIGameEndHeader/EndGameHeaderInfo/EndGameHeaderInfo.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
.logoContainer-C8LDnXxi {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.logoContainer-C8LDnXxi .logo-OUo5rzMU {
  cursor: pointer;
  width: 100%;
  max-width: 17.5em;
}
@media screen and (max-width: 767px) {
  .logoContainer-C8LDnXxi .logo-OUo5rzMU {
    display: none;
  }
}
.logoContainer-C8LDnXxi .heading-SLhDiD_S {
  margin-bottom: 0.5em;
  text-align: center;
  font-size: 1.875em;
  font-weight: bold;
}
.logoContainer-C8LDnXxi .winReason-ZyX2qAr6 {
  text-align: center;
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 4px;
}
.logoContainer-C8LDnXxi .timeTurns-l_EGXEtO {
  text-align: center;
  font-size: 1em;
  font-weight: bold;
}
.logoContainer-C8LDnXxi.hasWinReason-lyliKIyW .heading-SLhDiD_S {
  margin-bottom: 4px;
}
.logoContainer-C8LDnXxi.hasWinReason-lyliKIyW .timeTurns-l_EGXEtO {
  font-size: 0.875em;
  font-weight: normal;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/common/FadeInContainer/FadeInContainer.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container-Nuib90ZM {
  opacity: 0;
  animation: fadeIn-rxNfvfYV ease-in-out forwards;
}

@keyframes fadeIn-rxNfvfYV {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameEnd/UIGameEndHeader/ActionButtons/ActionButtons.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
.button-ChjHkvVj {
  width: 100%;
  max-width: 10em;
}
.button-ChjHkvVj .icon-MdQBgS7f {
  margin-left: 0.5em;
  width: 1.5em;
  height: 1.5em;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/common/UIGameButton/UIGameButton.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
.button-svGWJGAy {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 0.5em;
  cursor: pointer;
  padding: 0 0.5em;
  height: 3.5em;
  font-size: 1em;
  font-weight: bold;
  filter: drop-shadow(2px 4px 4px rgba(0, 0, 0, 0.4));
}
.button-svGWJGAy.disabled-j5ezlLOm {
  opacity: 0.5;
  cursor: not-allowed;
}
.button-svGWJGAy.primary-WWVowipz {
  background-color: #1fab1c;
  color: #fff;
}
.button-svGWJGAy.primary-WWVowipz:hover {
  background-color: #177f15;
}
.button-svGWJGAy.primary-WWVowipz:active {
  background-color: #28a745;
}
.button-svGWJGAy.dark-hImgQBoB {
  box-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
  background-color: rgba(0, 0, 0, 0.1);
  color: #fff;
}
.button-svGWJGAy.dark-hImgQBoB:hover {
  box-shadow: 0 0 4px rgba(255, 255, 255, 0.6);
}
.button-svGWJGAy.dark-hImgQBoB:active {
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
  background-color: rgba(0, 0, 0, 0.2);
}
.button-svGWJGAy.outline-nCiqBuzm {
  border: 1px solid #fff;
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
}
.button-svGWJGAy.outline-nCiqBuzm:hover {
  box-shadow: 0 0 4px rgba(255, 255, 255, 0.6);
}
.button-svGWJGAy.outline-nCiqBuzm:active {
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
  background-color: rgba(0, 0, 0, 0.4);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameReplayControls/ReplayControlsContent/ControlButton/ControlButton.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.controlButtonIcon-b9cq4tOi {
  transition: transform 0.1s ease;
  cursor: pointer;
  width: 1.5em;
  height: 1.5em;
}
.controlButtonIcon-b9cq4tOi:hover {
  transform: scale(1.1);
}
.controlButtonIcon-b9cq4tOi.disabled-dYp8c_mr {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

.tooltipMenu-wwaKWBUj {
  max-width: fit-content;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameEnd/UIGameEndContent/UIGameEndContent.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.contentContainer-P1cKZhSF {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding-right: 0.25em;
  padding-left: 0.25em;
  min-height: 0;
}
.contentContainer-P1cKZhSF .scaleContainer-H2ql_cTM {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
}
.contentContainer-P1cKZhSF.visible-mBOLpokn {
  opacity: 1 !important;
}
.contentContainer-P1cKZhSF .mobileChartTabContent-UDth1NQj {
  display: flex;
  flex-direction: column;
  height: 14em;
}
.contentContainer-P1cKZhSF .tabs-ZvV55fFJ {
  display: flex;
  width: 100%;
}
.contentContainer-P1cKZhSF .tabs-ZvV55fFJ .tab-aYHJnJyW {
  flex: 1;
  border-bottom: 2px solid rgba(255, 255, 255, 0.6);
  cursor: pointer;
  padding: 0.4em 0.2em;
  text-align: center;
  font-size: 0.85em;
}
.contentContainer-P1cKZhSF .tabs-ZvV55fFJ .tab-aYHJnJyW:hover {
  background-color: rgba(0, 0, 0, 0.6);
}
.contentContainer-P1cKZhSF .tabs-ZvV55fFJ .tab-aYHJnJyW.active-gpVU3tHc {
  border-bottom: 2px solid #1e90ff;
  font-weight: bold;
}
.contentContainer-P1cKZhSF .tabContent-nWOb5GyT {
  display: flex;
  flex: 1;
  gap: 0.5em;
  padding: 1em;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: auto;
}

.allTabsContainer-rsUAyU_1 {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
}
@media screen and (orientation: portrait) and (max-width: 767px) {
  .allTabsContainer-rsUAyU_1 {
    display: none;
  }
}

.topTabsContainer-dDg8cH6v, .bottomTabsContainer-vZ0w0rv5 {
  display: none;
  flex: 1;
  flex-direction: column;
  min-height: 0;
}
@media screen and (orientation: portrait) and (max-width: 767px) {
  .topTabsContainer-dDg8cH6v, .bottomTabsContainer-vZ0w0rv5 {
    display: flex;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameEnd/UIGameEndContent/tabs/Overview/Overview.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
.textGreen-NYPp_Rmg {
  color: #177f15;
}

.textRed-JjZMbHah {
  color: #ef3f2a;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameEnd/UIGameEndContent/StatsTable/StatsTable.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
.container-sK9scnkJ {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  height: fit-content;
  overflow: auto;
}
.container-sK9scnkJ .headerContainer-kenX_tOW {
  display: flex;
  gap: 0.5em;
  align-items: center;
}
.container-sK9scnkJ .headerContainer-kenX_tOW .headerIcon-tVBjQNR7 {
  width: 2.5em;
  height: 2.5em;
}
.container-sK9scnkJ .headerContainer-kenX_tOW .headerIcon-tVBjQNR7.clickable-bkzi8YjS {
  cursor: pointer;
}
.container-sK9scnkJ .rowContainer-HGhPuTfK {
  display: flex;
  gap: 0.5em;
}
.container-sK9scnkJ .rowContainer-HGhPuTfK .valueContainer-OL0PpZXd {
  display: flex;
  position: relative;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  color: #fff;
}
.container-sK9scnkJ .rowContainer-HGhPuTfK .valueContainer-OL0PpZXd .highlight-Nb_TlCir {
  position: absolute;
  width: 100%;
  height: 100%;
}
.container-sK9scnkJ .rowContainer-HGhPuTfK .valueContainer-OL0PpZXd .value-myGdPGIC {
  z-index: 1;
  font-size: 1.25em;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameEnd/UIGameEndContent/tabs/ResourceCardStats/ResourceCardStats.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
.container-wiXsiUom {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding-left: 3em;
  height: 100%;
  overflow: hidden;
}
.container-wiXsiUom .card-HL37uj3G {
  height: 3em;
}
.container-wiXsiUom .title-SCxT32Pm {
  margin-bottom: 1em;
  font-size: 1.25em;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .container-wiXsiUom {
    padding-left: 0;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameEnd/UIGameEndContent/BarChart/BarChart.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
.container-jj0LRoi0 {
  display: flex;
  gap: 0.75em;
  align-items: flex-end;
  justify-content: space-between;
  padding-bottom: 0.25em;
  width: 100%;
  height: 100%;
  overflow-x: auto;
}
.container-jj0LRoi0 .barContainer-RhR3eOyA {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.75em;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
}
.container-jj0LRoi0 .barContainer-RhR3eOyA .barWrapper-libSTyNG {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  min-width: 2em;
  max-width: 5em;
}
.container-jj0LRoi0 .barContainer-RhR3eOyA .barWrapper-libSTyNG .bar-bl2JJKfc {
  position: relative;
  border-radius: 0.75em;
  background-color: #177fde;
  width: 100%;
}
.container-jj0LRoi0 .barContainer-RhR3eOyA .barWrapper-libSTyNG .bar-bl2JJKfc .value-MDY56OSo {
  position: absolute;
  top: 0.25em;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  font-size: 0.85em;
  font-weight: bold;
}
.container-jj0LRoi0 .barContainer-RhR3eOyA .label-rUf8XObP {
  text-align: center;
  color: #fff;
  font-size: 0.75em;
}

.storybookCard-qQsqvZQV {
  height: 3em;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/common/UIGameCard/UIGameCard.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
.cardContainer-VARMP5Sl {
  position: relative;
  width: fit-content;
  user-select: none;
}
.cardContainer-VARMP5Sl.xxxs-TpRXAgcM {
  width: 1.0761670762em;
  height: 1.5em;
}
.cardContainer-VARMP5Sl.xxs-qNjFUQhO {
  width: 1.4348894349em;
  height: 2em;
}
.cardContainer-VARMP5Sl.xs-qbW8FHGL {
  width: 1.7936117936em;
  height: 2.5em;
}
.cardContainer-VARMP5Sl.sm-QPadI0PD {
  width: 2.1523341523em;
  height: 3em;
}
.cardContainer-VARMP5Sl.base-fSvBGAoX {
  width: 2.5110565111em;
  height: 3.5em;
}
.cardContainer-VARMP5Sl.clickable-bmaV0mdx {
  cursor: pointer;
}
.cardContainer-VARMP5Sl.isDisabled-raUCjizQ {
  filter: brightness(0.6);
}
.cardContainer-VARMP5Sl.highlight-P2Qn36Z5 {
  animation: opacityFlicker-vXOavjAu 1s linear infinite;
}
.cardContainer-VARMP5Sl.bounce-MZX5njIW {
  animation: bounce-MZX5njIW 1s linear infinite;
}
.cardContainer-VARMP5Sl .cardImage-xOi_TXOs {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.cardContainer-VARMP5Sl .cardImage-xOi_TXOs.isGreyedOut-Yny99xZ2 {
  filter: grayscale(100%);
}
.cardContainer-VARMP5Sl .countBadge-bbB_0E7C {
  position: absolute;
  top: 0;
  right: 1px;
}
.cardContainer-VARMP5Sl .ratioBanner-3fQ9Yk7f {
  position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.8);
  width: 90%;
  text-align: center;
  line-height: 1;
  color: #000;
  font-size: 0.75em;
}

.cardContainer-VARMP5Sl.scaleOnHover-TXOXFufx:hover {
  transform: scale(1.25);
  transform-origin: bottom left;
}

@keyframes opacityFlicker-vXOavjAu {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0.5;
  }
}
@keyframes bounce-MZX5njIW {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10%);
  }
}
.tooltipMenu-b3Z8hH5Q {
  max-width: 15em;
}

.tooltipContent-ioAG_axH {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tooltipContent-ioAG_axH .tooltipBody-nm40d2s4 {
  text-align: center;
  font-size: 0.875em;
  font-weight: 300;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/common/UIGameCount/UIGameCount.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.container-j1vSyHMk {
  display: inline-block;
  border-top-left-radius: 0.1em;
  border-top-right-radius: 0.1em;
  border-bottom-left-radius: 1.25em;
  border-bottom-right-radius: 0.1em;
  min-width: 1.25em;
  height: 1.25em;
}
.container-j1vSyHMk.xxs-Lq9Lg54N, .container-j1vSyHMk.xxxs-JbjPFdDP {
  border-bottom-left-radius: 1em;
  min-width: 1em;
  height: 1em;
}
.container-j1vSyHMk .count-Dh6MtdiN {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.1em 0.1em 0.2em;
  height: 100%;
  text-shadow: -0.5px -0.5px 1px #073158, 0.5px -0.5px 1px #073158, -0.5px 0.5px 1px #073158, 0.5px 0.5px 1px #073158;
  color: #fff;
  font-size: 0.875em;
  font-weight: 600;
}
.container-j1vSyHMk .count-Dh6MtdiN.xxs-Lq9Lg54N, .container-j1vSyHMk .count-Dh6MtdiN.xxxs-JbjPFdDP {
  text-shadow: none;
  font-size: 0.65em;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/common/UIGameFloatingText/UIGameFloatingText.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.container-pW9vSis7 {
  position: relative;
}

.floatingText-JiRHe3Xs {
  position: absolute;
  z-index: 100002;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
  text-shadow: 0 0 3px #073158, 0 0 3px #073158, 0 0 3px #073158, 0 0 3px #073158;
  white-space: nowrap;
  color: #fff;
  font-weight: 500;
  pointer-events: none;
}
.floatingText-JiRHe3Xs.up-JJbil1wg {
  top: 0;
  animation-name: floatUpFade-jGxYOy2n;
}
.floatingText-JiRHe3Xs.down-gJ63pSyk {
  bottom: 0;
  animation-name: floatDownFade-vct68lKL;
}
@media (min-width: 1600px) {
  .floatingText-JiRHe3Xs {
    font-size: 1.15rem;
  }
}
@keyframes floatUpFade-jGxYOy2n {
  0% {
    transform: translateX(-50%) translateY(-100%);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(calc(-100% - 5rem));
    opacity: 0;
  }
}
@keyframes floatDownFade-vct68lKL {
  0% {
    transform: translateX(-50%) translateY(100%);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(calc(100% + 5rem));
    opacity: 0;
  }
}

.floatingTextMobile-Tql9DpZl {
  position: absolute;
  bottom: 20vh;
  left: 50vw;
  transform: translateX(-50%);
  z-index: 100002;
  border-radius: 0.5rem;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 0, 0, 0.6);
  padding: 0.5rem 1rem;
  width: max-content;
  max-width: 80vw;
  animation-name: fadeInOut-bkeuzNw9;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
  text-align: center;
  color: #fff;
}
@keyframes fadeInOut-bkeuzNw9 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.storybookContainer-t3R2tfRS {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.storybookContainer-t3R2tfRS .storybookWrapper-_eXe91jH {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
  cursor: pointer;
  width: 10rem;
  height: 5rem;
  color: #fff;
  user-select: none;
}
.storybookContainer-t3R2tfRS .storybookWrapper-_eXe91jH.disabled-BXqKbZ9_ {
  cursor: default;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameEnd/UIGameEndContent/tabs/DiceStats/DiceStats.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.container-mf2LWneM {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding-left: 3em;
  height: 100%;
  overflow: auto;
}
.container-mf2LWneM .header-AINLozy3 {
  margin-bottom: 1em;
}
.container-mf2LWneM .header-AINLozy3 .title-lCcXa3Bi {
  font-size: 1.25em;
  font-weight: 700;
}
.container-mf2LWneM .header-AINLozy3 .wasDiceUnfair-XqMkGnf3 a {
  color: #48ff00;
}
@media screen and (max-width: 767px) {
  .container-mf2LWneM {
    padding-left: 0;
  }
}

.grayBar-V4jj25ai {
  background-color: #666 !important;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameEnd/UIGameEndContent/tabs/DevCardStats/DevCardStats.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
.container-BAeY6n7t {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding-left: 3em;
  height: 100%;
  overflow: hidden;
}
.container-BAeY6n7t .title-Ofe7KDYO {
  margin-bottom: 1em;
  font-size: 1.25em;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .container-BAeY6n7t {
    padding-left: 0;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameEnd/UIGameEndContent/PlayerTable/PlayerTable.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
.container-f9bcDas7 {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
.container-f9bcDas7 .row-vWs3tVp5 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 8em;
  max-width: 22em;
}
.container-f9bcDas7 .row-vWs3tVp5 .victoryPoint-dPAMWmt_ {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5em;
  height: 1.5em;
  font-size: 1.5em;
  font-weight: 600;
}
.container-f9bcDas7 .row-vWs3tVp5 .trophyIcon-LEbCYybh {
  width: 3.75em;
  height: 2.5em;
}
.container-f9bcDas7 .row-vWs3tVp5 .playerInfo-t7L4x1Su {
  display: flex;
  flex: 1;
  gap: 0.75em;
  align-items: center;
  height: fit-content;
}
.container-f9bcDas7 .row-vWs3tVp5 .playerInfo-t7L4x1Su .avatar-Ubv5yGZD {
  position: relative;
  width: 2.5em;
  height: 2.5em;
}
.container-f9bcDas7 .row-vWs3tVp5 .playerInfo-t7L4x1Su .name-_hIK5BiV {
  cursor: pointer;
  padding-right: 0.5em;
  max-width: 11.5em;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
  font-size: 1em;
  font-weight: 600;
}
.container-f9bcDas7 .row-vWs3tVp5 .playerInfo-t7L4x1Su .name-_hIK5BiV.botName-Gus9OZ3e {
  cursor: default;
}
.container-f9bcDas7 .row-vWs3tVp5 .playerInfo-t7L4x1Su .flag-jssgJ1Wm {
  display: block;
  width: 1.5em;
}

.sendGiftLine-gttpjlcx {
  display: flex;
  gap: 0.25em;
  align-items: center;
}

.viewProfile-gxPYQijX {
  cursor: pointer;
  width: 100%;
  height: 100%;
  color: #000;
}

.report-Tm6PU3yU {
  color: #ef3f2a;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/common/Avatar/Avatar.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
.container-k26ZLqas {
  position: relative;
  border-radius: 50%;
}
.container-k26ZLqas.hasBackground-eQdsNEZD .avatarImage-JNCoQelY {
  display: block;
}
.container-k26ZLqas.hideBackground-tkyRocbV {
  background: none !important;
}
.container-k26ZLqas.hideBackground-tkyRocbV .avatarImage-JNCoQelY {
  padding: 0;
}
.container-k26ZLqas.red-mDDVK4ZW {
  background: radial-gradient(50% 50% at 50% 50%, #ec6f66 0%, #ec6961 25%, #ec5652 49.4%, #ec393b 77.7%, #ec2128 85.5%, #fff 89% 92.5%, #9b192c 96% 100%);
}
.container-k26ZLqas.blue-JPbw6Gaq {
  background: radial-gradient(50% 50% at 50% 50%, #52b1cc 0%, #4fabcb 17.4%, #469bc8 39.9%, #3680c4 65.4%, #215bbe 85.5%, #fff 89% 92.5%, #0e2b87 96% 100%);
}
.container-k26ZLqas.purple-BJVie5Bx {
  background: radial-gradient(50% 50% at 50% 50%, #b873a6 0%, #b471a6 19.5%, #a76ba7 39.7%, #9361a9 60.2%, #7653ac 85.5%, #fff 89% 92.5%, #5627af 96% 100%);
}
.container-k26ZLqas.green-on07RpjA {
  background: radial-gradient(50% 50% at 50% 50%, #55ec36 0%, #52e833 22%, #4adb2b 44.8%, #3bc71c 68%, #28aa09 85.5%, #fff 89% 92.5%, #187c0a 96% 100%);
}
.container-k26ZLqas.orange-HkNYXUSn {
  background: radial-gradient(50% 50% at 50% 50%, #fbb122 0%, #faad22 21.3%, #f9a022 43.4%, #f68c21 65.9%, #f26f20 85.5%, #fff 89% 92.5%, #c65305 96% 100%);
}
.container-k26ZLqas.mysticblue-uZWDeiqL {
  background: radial-gradient(50% 50% at 50% 50%, #abffe1 0%, #a7fce1 16.9%, #9af4e1 34.4%, #86e7e1 52.2%, #69d4e1 85.5%, #fff 89% 92.5%, #0c79bc 96% 100%);
}
.container-k26ZLqas.black-CSrUkWKM {
  background: radial-gradient(50% 50% at 50% 50%, #939598 0%, #8f9194 17.7%, #838587 36.1%, #707073 54.8%, #555456 85.5%, #fff 89% 92.5%, #1c1c1c 96% 100%);
}
.container-k26ZLqas.gold-khSz3lQJ {
  background: radial-gradient(50% 50% at 50% 50%, #f9ed32 0%, #f8e932 20.3%, #f4dc32 41.4%, #eec832 62.9%, #e6ab33 85.5%, #fff 89% 92.5%, #846608 96% 100%);
}
.container-k26ZLqas.bronze-qgwAFB_4 {
  background: radial-gradient(50% 50% at 50% 50%, #dd8758 0%, #da8557 28.3%, #d17d54 47.1%, #c26f4e 63.1%, #ad5c46 85.5%, #fff 89% 92.5%, #722716 96% 100%);
}
.container-k26ZLqas.silver-H7Jmb9EV {
  background: radial-gradient(50% 50% at 50% 50%, #e6e7e8 0%, #e3e4e5 24.4%, #dadbdc 42.4%, #cacbcd 58.3%, #b3b5b7 73%, #96989b 85.5%, #fff 89% 92.5%, #666 96% 100%);
}
.container-k26ZLqas.white-i6cqrVgh {
  background: radial-gradient(50% 50% at 50% 50%, #fff 0%, #fbfbfb 30%, #eeefef 60%, #dadbdc 85.5%, #fff 89% 92.5%, #f4f4f4 96% 100%);
}
.container-k26ZLqas.pink-RXZ0PR_T {
  background: radial-gradient(50% 50% at 50% 50%, #ffccd9 0%, #ff8fac 85.5%, #fff 89% 92.5%, #ec537a 96% 100%);
}
.container-k26ZLqas .avatarImage-JNCoQelY {
  padding: 15%;
  width: 100%;
  height: 100%;
  vertical-align: baseline;
  object-fit: cover;
}
.container-k26ZLqas .avatarImage-JNCoQelY.profilePicture-YvxLR2VP {
  border-radius: 50%;
}
.container-k26ZLqas .avatarImage-JNCoQelY.embargoed-jYYAQRUh {
  opacity: 0.5;
}
.container-k26ZLqas .icon-XLYyy6Bx {
  position: absolute;
  cursor: pointer;
  width: 40%;
}
.container-k26ZLqas .icon-XLYyy6Bx:hover {
  transform: scale(0.9);
  transition: transform 0.1s ease-in-out;
}
.container-k26ZLqas .icon-XLYyy6Bx.plus-VYU2mjmk {
  top: 0;
  left: -15%;
}
.container-k26ZLqas .icon-XLYyy6Bx.membership-O1fYJsRy {
  right: -15%;
  bottom: 0;
}
.container-k26ZLqas .icon-XLYyy6Bx .image-OaQ23EGG {
  display: block;
  width: 100%;
}
.container-k26ZLqas .embargoOverlay-p0w3TwUn {
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(1.1);
  width: 100%;
  height: 100%;
}
.container-k26ZLqas .tradeResponseStatus-Wa78ni7p {
  position: absolute;
  right: -10%;
  bottom: -10%;
  width: 50%;
  height: 50%;
}

.storybookAvatar-eZZgpAgD {
  width: 100%;
  height: 100%;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/common/UIGamePlayerOptionsDropdown/UIGamePlayerOptionsDropdown.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
.sendGift-__iMvx61 {
  display: flex;
  gap: 0.25rem;
  align-items: center;
}
.sendGift-__iMvx61 img {
  width: 1.25rem;
  height: 1.25rem;
}

.report-yLwgWpxj {
  color: #ef3f2a;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameEnd/UIGameEndFooter/UIGameEndFooter.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.footerContainer-CDaiYZhX {
  display: flex;
  flex-direction: column;
  gap: 3em;
  align-items: center;
  justify-content: center;
  padding: 1.5em 0;
  width: 100%;
}
.footerContainer-CDaiYZhX .buttons-q93Uvqi6 {
  display: flex;
  gap: 2em;
  justify-content: center;
  width: 60%;
}
.footerContainer-CDaiYZhX .buttons-q93Uvqi6 .button-jGzzRyGs {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .footerContainer-CDaiYZhX {
    padding: 0.5em 0 1.25em;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameEnd/UIGameEndRankedScreen/UIGameEndRankedScreen.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container-tV4DtBYj {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  padding: 1em;
  text-align: center;
}

.continueButton-w9YAJsrn {
  padding: 0 3em;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameEnd/UIGameEndRankedScreen/MMRChange/MMRChange.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
.container-fTQex7rm {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  padding: 1em;
  width: 100%;
}
.container-fTQex7rm .promotionText-L81Hxpp_ {
  margin-bottom: 1.5em;
  text-align: center;
}
.container-fTQex7rm .mmrChangeText-JzGYJEMY.increase-iGbwCh4p {
  color: #177f15;
}
.container-fTQex7rm .mmrChangeText-JzGYJEMY.decrease-JarH6oJl {
  color: #ef3f2a;
}
.container-fTQex7rm .promotionText-L81Hxpp_, .container-fTQex7rm .mmrChangeText-JzGYJEMY, .container-fTQex7rm .currentMMRText-wCr5NSWB {
  font-size: 1.875em;
}

.sliderContainer-ziL9MX_E {
  display: flex;
  gap: 0.25em;
  align-items: center;
  transition: opacity ease-in-out;
  margin: 3em 0;
  width: 100%;
  max-width: 40em;
}
.sliderContainer-ziL9MX_E.hidden-r6_oecFR {
  opacity: 0;
}
.sliderContainer-ziL9MX_E .division-yhE7AJIL {
  position: relative;
  opacity: 1;
  width: fit-content;
}
.sliderContainer-ziL9MX_E .division-yhE7AJIL .divisionImage-LVD09qGP {
  display: block;
  width: 4em;
  height: 4em;
}
.sliderContainer-ziL9MX_E .division-yhE7AJIL .subDivisionImage-mI9gZ_2B {
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 3em;
  height: 3em;
}
.sliderContainer-ziL9MX_E .slider-ZzL3D5pa {
  position: relative;
  flex: 1;
  border-width: 0.35em;
  border-style: solid;
  border-radius: 0.75em;
  border-color: #fff;
  background-color: #ccc;
  height: 2em;
}
.sliderContainer-ziL9MX_E .slider-ZzL3D5pa .progress-tjVX1iMd {
  border-radius: 0.35em;
  background-color: #177f15;
  height: 100%;
}
.sliderContainer-ziL9MX_E .slider-ZzL3D5pa .progress-tjVX1iMd.animated-ORZhrCC7 {
  transition: width linear;
}
.sliderContainer-ziL9MX_E .slider-ZzL3D5pa .division-yhE7AJIL {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.sliderContainer-ziL9MX_E .slider-ZzL3D5pa .division-yhE7AJIL.animated-ORZhrCC7 {
  transition: left linear;
}
.sliderContainer-ziL9MX_E .slider-ZzL3D5pa .division-yhE7AJIL .currentMMR-gXA3BWIr {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-55%, -100%);
  font-size: 1.25em;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameEnd/UIGameEndRankedScreen/PlacementChange/PlacementChange.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container-Eycgefev {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-around;
  padding: 1em;
  height: fit-content;
}
.container-Eycgefev .buttonContainer-QMX9kAja {
  display: flex;
  justify-content: center;
}
.container-Eycgefev.visible-qOYXWIXu {
  opacity: 1 !important;
}
.container-Eycgefev .contentContainer-EI1nnlhE {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.container-Eycgefev .contentContainer-EI1nnlhE .content-Q_W_Voew {
  font-size: 1.75em;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameFeeds/UIGameChat/UIGameChat.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.chatContainer-wnnfw0or {
  display: flex;
  flex-direction: column;
  gap: 0.75em;
  width: 100%;
  height: 100%;
}
.chatContainer-wnnfw0or .chatBottomContainer-mrWqlWhx {
  display: flex;
  gap: 0.25em;
  align-items: center;
  width: 100%;
}
.chatContainer-wnnfw0or .chatBottomContainer-mrWqlWhx .formChat-bMkBGyzm {
  display: flex;
  flex: 1;
  margin: 0;
  width: 100%;
}
.chatContainer-wnnfw0or .chatBottomContainer-mrWqlWhx .formChat-bMkBGyzm .inputText-RGnhneVY {
  flex: 1;
  border: 0;
  border-right: 0;
  border-top-left-radius: 0.25em;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0.25em;
  border-bottom-right-radius: 0;
  padding: 0.25em 0.75em;
  width: 100%;
  font-size: 1em;
}
.chatContainer-wnnfw0or .chatBottomContainer-mrWqlWhx .formChat-bMkBGyzm .inputText-RGnhneVY.blue-MsEDrKwH {
  border: 1px solid #fff;
  border-right: 0;
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.chatContainer-wnnfw0or .chatBottomContainer-mrWqlWhx .formChat-bMkBGyzm .inputText-RGnhneVY.blue-MsEDrKwH[disabled] {
  opacity: 0.5;
}
.chatContainer-wnnfw0or .chatBottomContainer-mrWqlWhx .formChat-bMkBGyzm .buttonSubmit-sdQE0DE8 {
  display: flex;
  align-items: center;
  border: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0.25em;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0.25em;
  background-color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  padding: 0.25em 0.75em;
}
.chatContainer-wnnfw0or .chatBottomContainer-mrWqlWhx .formChat-bMkBGyzm .buttonSubmit-sdQE0DE8 img {
  height: 1.25em;
}
.chatContainer-wnnfw0or .chatBottomContainer-mrWqlWhx .formChat-bMkBGyzm .buttonSubmit-sdQE0DE8.beige-ECt9xpI5 img {
  filter: invert(100%);
}
.chatContainer-wnnfw0or .chatBottomContainer-mrWqlWhx .formChat-bMkBGyzm .buttonSubmit-sdQE0DE8.blue-MsEDrKwH {
  border: 1px solid #fff;
  border-left: 0;
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.chatContainer-wnnfw0or .chatBottomContainer-mrWqlWhx .formChat-bMkBGyzm .buttonSubmit-sdQE0DE8[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameFeeds/UIGameChat/UIGameChatContainer/UIGameChatContainer.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.container-TKKez0kB {
  border-radius: 0.25em;
  padding: 0.625em;
  min-height: 0;
  pointer-events: auto;
}
.container-TKKez0kB.blue-ClEJb0Cm {
  background-color: #073158;
}
.container-TKKez0kB.beige-j8BWDAGH {
  background: linear-gradient(180deg, #fcfaf5, #e2d7c4);
}

.maximized-ZnkNdPFa {
  flex: 1;
}

.minimized-pjekqpgW {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.minimizedTitle-ws2ZHRr0 {
  flex: 1;
  padding: 0.1em 0.5em;
  font-weight: 600;
}

.minimizedRedDot-zs9aCJGB {
  display: inline-block;
  margin: 0 0.25em;
  border-radius: 50%;
  background: #ef3f2a;
  width: 0.75em;
  height: 0.75em;
}

.chatMinimizeButton-uqh5wuGA {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 1.25em;
}
.chatMinimizeButton-uqh5wuGA img {
  height: 100%;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameFeeds/UIGameFeedMessage/UIGameFeedMessage.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.feedMessage-O8TLknGe {
  border-radius: 0.25em;
  padding: 0 0.5em;
  word-break: break-word;
}
.feedMessage-O8TLknGe:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.feedMessage-O8TLknGe.italics-uECiYwAI {
  font-style: italic;
}
.feedMessage-O8TLknGe.centered-ctiVCrbB {
  text-align: center;
}
.feedMessage-O8TLknGe a {
  color: inherit;
}
.feedMessage-O8TLknGe .username-j4cMk1M1 {
  vertical-align: middle;
  font-weight: 600;
}
.feedMessage-O8TLknGe .username-j4cMk1M1 .colon-BFr4pXSP {
  color: #000;
  font-weight: 400;
}
.feedMessage-O8TLknGe .playerDropdown-a6Tvi9lg {
  display: inline-block;
}
.feedMessage-O8TLknGe .avatar-yelUykqb {
  display: inline-block;
  margin-right: 0.15em;
  width: 1.25em;
  height: 1.25em;
  vertical-align: middle;
}
.feedMessage-O8TLknGe .messagePart-XeUsOgLX {
  vertical-align: middle;
}
.feedMessage-O8TLknGe .lobbyChatTextIcon {
  width: auto;
  max-width: 1.25em;
  height: 1.25em;
  vertical-align: sub;
  object-fit: contain;
}

.messageWithTooltip-NtPXPG_9 {
  display: inline-block;
  vertical-align: middle;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameFeeds/UIGameFeedVirtualScrollContainer/UIGameFeedVirtualScrollContainer.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container-CXjhZIn3 {
  height: 100%;
  overflow-y: auto;
}

.virtualContainer-Y9hPMC2i {
  width: 100%;
  height: 100%;
  overflow: auto;
  overscroll-behavior: none;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
  scrollbar-width: thin;
}
.virtualContainer-Y9hPMC2i::-webkit-scrollbar {
  width: 2px;
}

.virtualScroller-lSkdkGJi {
  position: relative;
  height: 100%;
}

.scrollItemContainer-WXX2rkzf {
  position: absolute;
  top: 0;
  left: 0;
  padding-bottom: 0.25em;
  width: 100%;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameFeeds/UIGameLog/UIGameLog.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.container-Phl3P_ZR {
  flex: 1;
  border-radius: 0.25em;
  padding: 0.625em;
  min-height: 0;
  pointer-events: auto;
}
.container-Phl3P_ZR.blue-G8oosm8L {
  background-color: #073158;
}
.container-Phl3P_ZR.beige-RdMs0LF_ {
  background: linear-gradient(180deg, #fcfaf5, #e2d7c4);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameFeeds/UIGameFeeds.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.responsiveContainer-AS9_lPrM {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
  width: 100%;
  height: 100%;
  overflow: hidden;
  color: #000;
  pointer-events: auto;
}
.responsiveContainer-AS9_lPrM .gameVoteContainer-QP2On66Q {
  flex: 1;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameVote/UIGameVote.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
@keyframes slideIn-DAgjrRCH {
  from {
    transform: translateY(-0.25em);
  }
  to {
    transform: translateY(0);
  }
}
.container-FZ1QQMBV {
  display: flex;
  position: relative;
  flex-direction: column;
  gap: 1em;
  justify-content: space-evenly;
  border-radius: 0.25em;
  box-shadow: 0 0 1px 0.5px rgba(255, 255, 255, 0.6);
  background-color: rgb(24.4, 72.7677419355, 119.6);
  padding: 0.75em;
  animation: slideIn-DAgjrRCH 0.4s ease-in-out;
  pointer-events: auto;
}
.container-FZ1QQMBV .closeButton-_PifPVRZ {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  cursor: pointer;
  width: 1em;
  height: 1em;
}
.container-FZ1QQMBV .title-DToUpUPA {
  text-align: center;
  color: #fff;
  font-weight: 600;
}
.container-FZ1QQMBV .description-oMBYfjYK {
  text-align: center;
  line-height: 1.2;
  color: #fff;
  font-size: 0.75em;
}
.container-FZ1QQMBV .waitingMessage-eVcFlPZB {
  margin-top: 4px;
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.75rem;
}
.container-FZ1QQMBV .timerBar-DosO6q0M {
  position: relative;
  margin: 0.25em 0;
  border-radius: 0.25em;
  background-color: #fff;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameTimerBar/UIGameTimerBar.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
.timerBarParent-A0Tfgy2b {
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 0.25em;
  overflow: hidden;
}
.timerBarParent-A0Tfgy2b .timerBar-NjgQTqGy {
  width: 50%;
  height: 100%;
}
.timerBarParent-A0Tfgy2b .timerBar-NjgQTqGy.active-xaK9JXzb {
  transition: width 1s linear, background-color 0.2s;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameVote/UIGameVoteParticipants/UIGameVoteParticipants.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.playersContainer-kf0nWvKr {
  display: flex;
  gap: 0.5em;
  justify-content: center;
}
.playersContainer-kf0nWvKr .playerWrapper-jSWROWpE {
  position: relative;
  width: 2em;
  max-height: 2em;
  aspect-ratio: 1/1;
}
.playersContainer-kf0nWvKr .playerWrapper-jSWROWpE .avatar-HwYTgC6K {
  width: 100%;
  height: 100%;
}
.playersContainer-kf0nWvKr .playerWrapper-jSWROWpE .statusIcon-nb9VgeeJ {
  position: absolute;
  right: -8.3%;
  bottom: -8.3%;
  width: 50%;
  height: 50%;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameVote/UIGameVoteActions/UIGameVoteActions.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.actionsContainer-LUIwioFZ {
  display: flex;
  gap: 1em;
  justify-content: center;
}
.actionsContainer-LUIwioFZ .actionButton-PmKBXX4J {
  width: 3.5em;
  height: 3.5em;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/common/UIGameActionButton/UIGameActionButton.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
.root-fipXCgRS {
  position: relative;
  cursor: pointer;
  user-select: none;
}
.root-fipXCgRS:hover .contentWrapper-ZrvDsoqB {
  transform: scale(0.95);
}
.root-fipXCgRS .contentWrapper-ZrvDsoqB {
  position: relative;
  transition: transform 0.05s ease-in-out;
  width: 100%;
  height: 100%;
}
.root-fipXCgRS .contentWrapper-ZrvDsoqB.shaking-Cc7CrajD {
  animation: shake-g4jfhDJq 0.75s both infinite;
}
.root-fipXCgRS .contentWrapper-ZrvDsoqB.scalePulse-Quti3p6d {
  animation: linear scalePulse-Quti3p6d 1.5s infinite;
}
.root-fipXCgRS .backgroundImage-m_p04hHp {
  display: block;
  width: 100%;
  height: 100%;
}
.root-fipXCgRS .backgroundImage-m_p04hHp.backgroundDisabled-Jpe5eFfr {
  opacity: 0.5;
}
.root-fipXCgRS .foregroundDisabled-vat4kvGr {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  filter: grayscale(0.5);
}
.root-fipXCgRS .cooldownMask-sj3OHZ36 {
  position: absolute;
  top: 0;
  left: 0;
  transition: clip-path 0.1s ease-out;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.root-fipXCgRS .embargoOverlay-sULBwBeq {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.root-fipXCgRS .waitIcon-Vk2FKuPj {
  position: absolute;
  top: -10%;
  left: 50%;
  z-index: 4;
}
.root-fipXCgRS .iconWrapper-Yz2YZsv8 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 4;
  height: 62.5%;
}
.root-fipXCgRS .count-vxb8uBMn {
  z-index: 5;
  border-top-right-radius: 0.5em;
}
.root-fipXCgRS .count-vxb8uBMn {
  position: absolute;
  top: 4%;
  right: 6%;
}

@keyframes shake-g4jfhDJq {
  10%, 90% {
    transform: scale(0.95) translateX(-0.25rem);
  }
  20%, 80% {
    transform: scale(0.95) translateX(0.25rem);
  }
  30%, 50%, 70% {
    transform: scale(0.95) translateX(-0.25rem);
  }
  40%, 60% {
    transform: scale(0.95) translateX(0.25rem);
  }
}
@keyframes scalePulse-Quti3p6d {
  0%, 100% {
    transform: scale(0.95);
  }
  50% {
    transform: scale(1.1);
  }
}
.storybookExampleActionButton-j21RDvXW {
  width: 4rem;
  height: 4rem;
  font-size: 1.25rem;
}

.storybookExampleActionButtonSmall-irNqDSjD {
  width: 2rem;
  height: 2rem;
  font-size: 1rem;
}

.storybookExampleToolTipMenu-w00cSR8P {
  max-width: 15rem;
}

.storybookExampleCustomTooltip-z25MYmPA {
  display: flex;
  transform: translateX(-50%);
  width: fit-content;
  height: 2.5rem;
}
.storybookExampleCustomTooltip-z25MYmPA .disabled-YBzOCoGr {
  filter: brightness(0.5);
}
.storybookExampleCustomTooltip-z25MYmPA .brightnessPulseAnimation-mMkUGZc3 {
  animation: linear brightnessPulse-yJ5LkivV 0.5s infinite;
}
@keyframes brightnessPulse-yJ5LkivV {
  0%, 25% {
    filter: brightness(0.5);
  }
  50%, 75% {
    filter: brightness(1.1);
  }
  100% {
    filter: brightness(0.5);
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/common/AnimatedWaitIcon/AnimatedWaitIcon.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
.ellipsis-OAAUPyGI.bounce-qmuyZOZ1 {
  display: flex;
  gap: 0.1em;
  border: 1px solid #666;
  border-radius: 0.25em;
  background-color: #fff;
  padding: 0.2em 0.15em;
}
.ellipsis-OAAUPyGI.bounce-qmuyZOZ1 .dot-pSf4v3vK {
  border-radius: 50%;
  background: #404040;
  width: 0.2em;
  height: 0.2em;
  animation: bounce-qmuyZOZ1 1.2s infinite ease-in-out;
}
.ellipsis-OAAUPyGI.bounce-qmuyZOZ1 .dot-pSf4v3vK:nth-child(1) {
  animation: bounce-qmuyZOZ1 1.2s infinite ease-in-out 0s;
}
.ellipsis-OAAUPyGI.bounce-qmuyZOZ1 .dot-pSf4v3vK:nth-child(2) {
  animation: bounce-qmuyZOZ1 1.2s infinite ease-in-out 0.2s;
}
.ellipsis-OAAUPyGI.bounce-qmuyZOZ1 .dot-pSf4v3vK:nth-child(3) {
  animation: bounce-qmuyZOZ1 1.2s infinite ease-in-out 0.4s;
}

.ellipsis-OAAUPyGI.fade-CEfGy0BA {
  display: flex;
  gap: 0.15em;
  align-items: center;
}
.ellipsis-OAAUPyGI.fade-CEfGy0BA .dot-pSf4v3vK {
  border-radius: 50%;
  background-color: var(--dot-color, #000);
  width: 0.35em;
  height: 0.35em;
  animation: fade-CEfGy0BA 0.9s infinite;
}
.ellipsis-OAAUPyGI.fade-CEfGy0BA .dot-pSf4v3vK:nth-child(2) {
  animation-delay: 0.3s;
}
.ellipsis-OAAUPyGI.fade-CEfGy0BA .dot-pSf4v3vK:nth-child(3) {
  animation-delay: 0.6s;
}
.ellipsis-OAAUPyGI.fade-CEfGy0BA.small-au6p8pBX {
  gap: 0.1em;
}
.ellipsis-OAAUPyGI.fade-CEfGy0BA.small-au6p8pBX .dot-pSf4v3vK {
  width: 0.1875em;
  height: 0.1875em;
}
.ellipsis-OAAUPyGI.fade-CEfGy0BA.large-q77LNGVT .dot-pSf4v3vK {
  width: 0.5em;
  height: 0.5em;
}

@keyframes fade-CEfGy0BA {
  0%, 100% {
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
}
@keyframes bounce-qmuyZOZ1 {
  0%, 60%, 100% {
    transform: translateY(0%);
  }
  30% {
    transform: translateY(-75%);
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGamePause/UIGamePause.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.container-d27dgBi5 {
  display: flex;
  flex-direction: column;
  gap: 2em;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  color: #fff;
  pointer-events: all;
}
.container-d27dgBi5.hideBackground-YuHwirbM {
  background-color: transparent;
}
.container-d27dgBi5 .title-Rt1hWp2X {
  font-size: 1.875em;
  font-weight: bold;
}
.container-d27dgBi5 .timer-QDpZ276p {
  font-size: 1.125em;
}
.container-d27dgBi5 .buttons-ANyKkTUF .resumeButton-PNXln0S8 {
  padding-right: 2em;
  padding-left: 2em;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameHelpButtons/UIGameHelpButtons.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container-cVxpOtTU {
  display: flex;
  flex-direction: column;
  gap: 0.75em;
  padding: 0.5em;
  pointer-events: all;
}

.settingsButtonContainer-dHd28C1T {
  pointer-events: all;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameHelpButtons/UIGameHelpFullScreenButton/UIGameHelpFullScreenButton.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.fullScreenButton-RHsOUF1Y {
  cursor: pointer;
  width: 2.25em;
  height: 2.25em;
}
.fullScreenButton-RHsOUF1Y:hover {
  filter: brightness(0.6);
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameHelpButtons/UIGameHelpInformationButton/UIGameHelpCostsInformation/UIGameHelpCostsInformation.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.uiGameInfoContainer-Dt5sr3y8 {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
}
.uiGameInfoContainer-Dt5sr3y8 .description-eN7Rp6fH {
  padding-top: 0.25em;
  font-size: 0.875em;
}
.uiGameInfoContainer-Dt5sr3y8 .itemRow-ZXzKBsqs {
  display: grid;
  grid-template-columns: 3fr 2fr;
  gap: 0.25em;
}
.uiGameInfoContainer-Dt5sr3y8 .itemRow-ZXzKBsqs .itemTitle-ngh1455h {
  display: flex;
  gap: 0.25em;
  align-items: center;
}
.uiGameInfoContainer-Dt5sr3y8 .itemRow-ZXzKBsqs .itemTitle-ngh1455h .icon-WpKrGAwr {
  flex-shrink: 0;
  width: 1.15em;
  max-height: 1.5em;
  object-fit: contain;
}
.uiGameInfoContainer-Dt5sr3y8 .itemRow-ZXzKBsqs .itemTitle-ngh1455h .title-BI1E0cAb {
  word-wrap: break-word;
  font-size: 0.875em;
}
.uiGameInfoContainer-Dt5sr3y8 .itemRow-ZXzKBsqs .costContainer-K5Gk50qW {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.25em;
  align-items: center;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameHelpButtons/UIGameHelpInformationButton/UIGameHelpVPInformation/UIGameHelpVPInformation.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.uiGameInfoContainer-qVlwW94N {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
}
.uiGameInfoContainer-qVlwW94N .description-rskVKOhw {
  min-height: 1.5em;
  word-wrap: break-word;
  font-size: 0.875em;
}
.uiGameInfoContainer-qVlwW94N .description-rskVKOhw .trophyIcon-TUWyh1aQ {
  height: 1.5em;
  vertical-align: bottom;
}
.uiGameInfoContainer-qVlwW94N .description-rskVKOhw .point-TAv0qS65 {
  font-size: 1em;
}
.uiGameInfoContainer-qVlwW94N .itemRow-GUMBhzVO {
  display: flex;
  flex-direction: row;
  gap: 0.25em;
  align-items: center;
  justify-content: space-between;
  min-height: 1.5em;
}
.uiGameInfoContainer-qVlwW94N .itemRow-GUMBhzVO .itemTitle-xddNhj3D {
  display: flex;
  position: relative;
  flex-direction: row;
  gap: 0.25em;
  align-items: center;
  min-width: 60%;
  overflow: hidden;
}
.uiGameInfoContainer-qVlwW94N .itemRow-GUMBhzVO .itemTitle-xddNhj3D .icon-KDn3KytZ {
  width: 1.15em;
  max-height: 1.5em;
  object-fit: contain;
}
.uiGameInfoContainer-qVlwW94N .itemRow-GUMBhzVO .itemTitle-xddNhj3D .secondaryIcon-ohLqA3G2 {
  position: absolute;
  max-height: 1.5em;
  object-fit: contain;
}
.uiGameInfoContainer-qVlwW94N .itemRow-GUMBhzVO .itemTitle-xddNhj3D .secondaryIcon-ohLqA3G2.chits-dqHwaSix {
  top: 50%;
  left: 0.3em;
  transform: translateY(-100%);
  width: 0.6em;
}
.uiGameInfoContainer-qVlwW94N .itemRow-GUMBhzVO .itemTitle-xddNhj3D .secondaryIcon-ohLqA3G2.metropolis-mJlcMBDV {
  left: 0.3em;
  width: 1.15em;
}
@media (orientation: portrait) {
  .uiGameInfoContainer-qVlwW94N .itemRow-GUMBhzVO .itemTitle-xddNhj3D .secondaryIcon-ohLqA3G2.metropolis-mJlcMBDV {
    left: 0.75em;
    width: 1.4em;
  }
}
@media (orientation: portrait) {
  .uiGameInfoContainer-qVlwW94N .itemRow-GUMBhzVO .itemTitle-xddNhj3D .secondaryIcon-ohLqA3G2.chits-dqHwaSix {
    top: 70%;
  }
}
.uiGameInfoContainer-qVlwW94N .itemRow-GUMBhzVO .itemTitle-xddNhj3D .title-NNJKFu80 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875em;
}
.uiGameInfoContainer-qVlwW94N .itemRow-GUMBhzVO .pointContainer-T9VJokav {
  display: flex;
  gap: 0.25em;
  align-items: center;
}
.uiGameInfoContainer-qVlwW94N .itemRow-GUMBhzVO .pointContainer-T9VJokav .point-TAv0qS65 {
  width: max-content;
  font-size: 0.875em;
}
.uiGameInfoContainer-qVlwW94N .itemRow-GUMBhzVO .pointContainer-T9VJokav .trophyIcon-TUWyh1aQ {
  min-width: 1.15em;
  max-height: 1.5em;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameHelpButtons/UIGameHelpInformationButton/UIGameHelpInformationButton.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.container-iy7RJIVq .trigger-qyAKx5Bf {
  cursor: pointer;
  width: 2.25em;
  height: 2.25em;
}
@media (pointer: fine) {
  .container-iy7RJIVq .trigger-qyAKx5Bf:hover {
    filter: brightness(0.6);
  }
}
.container-iy7RJIVq .arrow-ucnLmzgN {
  fill: #fcfaf5;
}
.container-iy7RJIVq .dialogOverlay-vcdr6RtH {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
  border-radius: 0.25em;
  background-image: linear-gradient(to bottom, #fcfaf5, #e2d7c4);
  padding: 0.5em;
  width: 17em;
  height: fit-content;
  max-height: 18em;
  overflow: auto;
  color: #000;
  user-select: none;
}
.container-iy7RJIVq .dialogOverlay-vcdr6RtH .header-fZTZkWK5 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.container-iy7RJIVq .dialogOverlay-vcdr6RtH .header-fZTZkWK5 .heading-PuI1RteW {
  flex-grow: 1;
  font-weight: bold;
}
.container-iy7RJIVq .dialogOverlay-vcdr6RtH .header-fZTZkWK5 .tabSwitcher-nvzHwguV {
  display: flex;
  align-items: center;
  justify-content: right;
}
.container-iy7RJIVq .dialogOverlay-vcdr6RtH .header-fZTZkWK5 .tabSwitcher-nvzHwguV .tabButton-dzS8YkLc {
  cursor: pointer;
  width: 50%;
}
.container-iy7RJIVq .dialogOverlay-vcdr6RtH .header-fZTZkWK5 .tabSwitcher-nvzHwguV .tabButton-dzS8YkLc.right-qEeF3MX5 {
  padding-left: 0.5em;
}
.container-iy7RJIVq .dialogOverlay-vcdr6RtH .header-fZTZkWK5 .tabSwitcher-nvzHwguV .tabButton-dzS8YkLc.right-qEeF3MX5 .icon-PVKe79uj {
  transform: rotate(-90deg);
}
.container-iy7RJIVq .dialogOverlay-vcdr6RtH .header-fZTZkWK5 .tabSwitcher-nvzHwguV .tabButton-dzS8YkLc.left-irBDSSAA {
  padding-right: 0.5em;
}
.container-iy7RJIVq .dialogOverlay-vcdr6RtH .header-fZTZkWK5 .tabSwitcher-nvzHwguV .tabButton-dzS8YkLc.left-irBDSSAA .icon-PVKe79uj {
  transform: rotate(90deg);
}
.container-iy7RJIVq .dialogOverlay-vcdr6RtH .header-fZTZkWK5 .tabSwitcher-nvzHwguV .tabButton-dzS8YkLc .icon-PVKe79uj {
  user-select: none;
  width: 1em;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameHelpButtons/UIGameHelpRulesButton/UIGameHelpRulesButton.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.rulesButton-M1eWimkI {
  cursor: pointer;
  width: 2.25em;
  height: 2.25em;
}
.rulesButton-M1eWimkI:hover {
  filter: brightness(0.6);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameFeeds/UIGameRushIntro/UIGameRushIntro.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.container-afPCPZpv {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.4em;
  border-radius: 0.25em;
  padding: 0.625em;
  min-height: 0;
  overflow: hidden;
  color: #fff;
  pointer-events: auto;
}
.container-afPCPZpv.blue-pJkYNduT {
  background-color: #073158;
}
.container-afPCPZpv.beige-_N8INkwP {
  background: linear-gradient(180deg, #fcfaf5, #e2d7c4);
  padding: 0.5em;
  width: 17em;
  height: fit-content;
  color: #000;
}
.container-afPCPZpv.beige-_N8INkwP .factIcon-OraXb_y5 {
  width: 1.15em;
  height: 1.15em;
}
.container-afPCPZpv.beige-_N8INkwP .factText-uK7wOrRc {
  font-size: 0.875em;
}
.container-afPCPZpv.beige-_N8INkwP .videoLink-lHfFNVvq {
  color: #1fab1c;
  font-size: 0.875em;
}

.factList-TQPTN5eP {
  display: flex;
  flex-direction: column;
  gap: 0.1em;
  margin: 0;
  padding: 0;
  list-style: none;
}

.factItem-wF7DMW9V {
  display: flex;
  gap: 0.4em;
  align-items: center;
  padding: 0;
}

.factIcon-OraXb_y5 {
  flex: 0 0 auto;
  width: 1.5em;
  height: 1.5em;
}

.factText-uK7wOrRc {
  margin: 0;
  font-size: 1em;
  font-weight: normal;
}

.videoLink-lHfFNVvq {
  display: inline-block;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
  text-decoration: underline;
  color: #48ff00;
  font-size: 1em;
  font-weight: 600;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameHelpButtons/UIGameHelpRushIntroButton/UIGameHelpRushIntroButton.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
.button-S0DR6cul {
  cursor: pointer;
  width: 2.25em;
  height: 2.25em;
}
@media (pointer: fine) {
  .button-S0DR6cul:hover {
    filter: brightness(0.6);
  }
}

.arrow-tpnd4xfh {
  fill: #fcfaf5;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameHelpButtons/UIGameHelpUserSettingsButton/UIGameHelpUserSettingsButton.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
.red-MUUEbgQd {
  color: #ef3f2a;
}

.dropdownContainer-bm__eHnb {
  padding: 0;
  width: fit-content;
}

.settingsButton-Do0xMYj1 {
  cursor: pointer;
  width: 2.25em;
  height: 2.25em;
}
.settingsButton-Do0xMYj1:hover {
  filter: brightness(0.8);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameSpectators/UIGameSpectators.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.spectatorsContainer-zb4Kprfo {
  display: inline-flex;
  margin: 10px;
  border-radius: 100px;
  background: rgba(0, 0, 0, 0.2);
  overflow: hidden;
  pointer-events: all;
}
.spectatorsContainer-zb4Kprfo .avatarsContainer-H5Zaxzow {
  display: flex;
  gap: 0.25em;
  align-items: center;
  padding: 0.25em 0.375em;
}
.spectatorsContainer-zb4Kprfo .avatarsContainer-H5Zaxzow .avatar-KIFNbfFm {
  width: 32px;
  height: 32px;
}
.spectatorsContainer-zb4Kprfo .avatarsContainer-H5Zaxzow .avatar-KIFNbfFm:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.spectatorsContainer-zb4Kprfo .avatarsContainer-H5Zaxzow .extraCount-Aq7AOggU {
  cursor: default;
  color: #fff;
  font-size: 1.125em;
  font-weight: bold;
}
.spectatorsContainer-zb4Kprfo .eyeIcon-ia7uUOSC {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 0.25em;
}
.spectatorsContainer-zb4Kprfo .eyeIcon-ia7uUOSC img {
  display: block;
  width: 32px;
}

.spectatorsTooltipMenu-cqhMM3gG {
  max-width: 16em !important;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameCardAnimator/UIGameCardAnimator.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container-AFUkfqih {
  position: relative;
  width: 100%;
  height: 100%;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameCardAnimator/UIGameCardAnimatorItem.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container-UFf9k5s9 {
  position: absolute;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameEnd/UIGameEndReturnToStats/UIGameEndReturnToStats.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
.button-ArLFXTrd {
  padding: 0 0.5em;
  width: fit-content;
  pointer-events: all;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameTradeOffer/UIGameTradeOffers.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container-Pedkcpmv {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
  width: fit-content;
  pointer-events: auto;
}

.tradeButton-AjrCYoFI {
  max-width: 2.5em;
  max-height: 2.5em;
  font-size: 1em;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameTradeOffer/UIGameTradeOfferHeader/UIGameTradeOfferHeader.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
.container-qsyW8ctb {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 0.5em;
  justify-content: center;
  border-radius: 0.25em;
  background: linear-gradient(180deg, #fcfaf5, #e2d7c4);
  cursor: pointer;
  padding: 0.25em;
}
.container-qsyW8ctb .playersContainer-q_iM1WR8 {
  display: flex;
  grid-column: 2;
  gap: 0.5em;
  justify-content: center;
}
.container-qsyW8ctb .playersContainer-q_iM1WR8 .avatar-JJty_TC1 {
  cursor: pointer;
  width: 2.25em;
  height: 2.25em;
}
.container-qsyW8ctb .showHideTradeIcon-Ei0woPsb {
  grid-column: 3;
  align-self: center;
  justify-self: end;
  width: 1.5em;
  height: 1.5em;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameTradeOffer/UIGameTradeOfferActiveOffer/UIGameTradeOfferActiveOffer.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.container-OjwMoejM {
  display: flex;
  align-items: stretch;
}
.container-OjwMoejM .counterOfferContainer-FcZPaLSQ {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25em 0 0 0.25em;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 0.25em;
}
.container-OjwMoejM .counterOfferContainer-FcZPaLSQ .avatar-lEFEtm7Z {
  width: 1.75em;
  height: 1.75em;
}
.container-OjwMoejM .tradeContainer-d2bozHsP {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.5em;
  border-radius: 0.25em;
  background: linear-gradient(180deg, #fcfaf5, #e2d7c4);
  padding: 0.25em;
}
.container-OjwMoejM .tradeContainer-d2bozHsP .receivingHalfContainer-Rgb3y3ni {
  display: flex;
  gap: 0.5em;
  align-items: center;
  justify-content: space-between;
}
.container-OjwMoejM .tradeContainer-d2bozHsP .receivingHalfContainer-Rgb3y3ni .leftContainer-sTfgjJSY {
  display: flex;
  flex: 1;
  align-items: center;
}
.container-OjwMoejM .tradeContainer-d2bozHsP .receivingHalfContainer-Rgb3y3ni .leftContainer-sTfgjJSY .avatar-lEFEtm7Z {
  flex-shrink: 0;
  width: 2.25em;
  height: 2.25em;
}
.container-OjwMoejM .tradeContainer-d2bozHsP .receivingHalfContainer-Rgb3y3ni .leftContainer-sTfgjJSY .receivingArrow-oZqGiawv {
  transform: rotate(-90deg);
  width: 1.5em;
}
.container-OjwMoejM .tradeContainer-d2bozHsP .receivingHalfContainer-Rgb3y3ni .rightContainer-_HaGYroT {
  display: flex;
  gap: 0.25em;
  align-items: center;
}
.container-OjwMoejM .tradeContainer-d2bozHsP .receivingHalfContainer-Rgb3y3ni .rightContainer-_HaGYroT .avatar-lEFEtm7Z {
  max-width: 2em;
  max-height: 2em;
}
.container-OjwMoejM .tradeContainer-d2bozHsP .givingHalfContainer-CF1I3nGJ {
  display: flex;
  gap: 0.5em;
  align-items: center;
  justify-content: space-between;
}
.container-OjwMoejM .tradeContainer-d2bozHsP .givingHalfContainer-CF1I3nGJ .leftContainer-sTfgjJSY {
  display: flex;
  flex: 1;
  align-items: center;
}
.container-OjwMoejM .tradeContainer-d2bozHsP .givingHalfContainer-CF1I3nGJ .leftContainer-sTfgjJSY .avatar-lEFEtm7Z {
  flex-shrink: 0;
  width: 2.25em;
  height: 2.25em;
}
.container-OjwMoejM .tradeContainer-d2bozHsP .givingHalfContainer-CF1I3nGJ .leftContainer-sTfgjJSY .givingArrow-_1FaBc_j {
  transform: rotate(-90deg);
  width: 1.5em;
}
.container-OjwMoejM .tradeContainer-d2bozHsP .givingHalfContainer-CF1I3nGJ .rightContainer-_HaGYroT {
  display: flex;
  gap: 0.25em;
  align-self: flex-end;
}
.container-OjwMoejM .cardStack-xJGoKNmT {
  flex: 1;
  min-width: 6em;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/common/UIGameCardStack/UIGameCardStack.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.cardStackContainer-fmSnqB7f {
  --card-width: 100%;
  display: flex;
  flex-direction: row;
  height: fit-content;
}
.cardStackContainer-fmSnqB7f.scaleOnHover-RSbLmlhV:hover .cardWrapper-MJp1QnJA:last-child {
  transform: scale(1.25) !important;
  transform-origin: bottom left;
}

.cardWrapper-MJp1QnJA {
  --offset: calc((var(--card-width) + var(--gap)) * var(--index, 0));
  position: relative;
  height: fit-content;
}
.cardWrapper-MJp1QnJA.isDisabled-vh6xOq6x {
  filter: brightness(0.7);
}
.cardWrapper-MJp1QnJA.highlight-sDASKvRa {
  animation: opacityFlicker-rFGuSweE 1s linear infinite;
}
.cardWrapper-MJp1QnJA.animateIn-FoCmapqP {
  animation: slideInHorizontal-JCGyNAFm 0.12s linear forwards;
}

.cardWrapper-MJp1QnJA + .cardWrapper-MJp1QnJA {
  margin-left: calc(var(--gap));
}

.cardStackContainer-fmSnqB7f.vertical-Ea2I9onJ {
  flex-direction: column;
}
.cardStackContainer-fmSnqB7f.vertical-Ea2I9onJ .cardWrapper-MJp1QnJA + .cardWrapper-MJp1QnJA {
  margin-top: calc(var(--gap));
  margin-left: 0;
}

@keyframes slideInHorizontal-JCGyNAFm {
  from {
    transform: translateX(calc(-1 * var(--offset)));
  }
  to {
    transform: translateX(0);
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/common/UIGameCardInventory/UIGameCardInventory.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
.container-GHn2zJsx {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.container-GHn2zJsx.vertical-khhBO6gm {
  align-items: flex-end;
  width: var(--natural-width, 100%);
  max-width: 100%;
}

.stackWrapper-Y4H2vSbN {
  flex: 0 0 auto;
  align-self: flex-start;
  width: max-content;
  min-width: 0;
  overflow: visible;
  contain: layout;
}
.vertical-khhBO6gm .stackWrapper-Y4H2vSbN {
  align-self: flex-end;
}

.container-GHn2zJsx > * {
  margin-left: var(--outer-gap, 1px);
}

.container-GHn2zJsx > *:first-child {
  margin-left: 0;
}

.partition-Plhbkjux {
  flex: 0 0 2px;
  align-self: center;
  margin: 0.2em;
  background: rgba(102, 102, 102, 0.3);
}
.partition-Plhbkjux.xs-zFv8u4cH {
  height: 1em;
}
.partition-Plhbkjux.sm-HL4u0KC7 {
  height: 2em;
}
.partition-Plhbkjux.base-uDhOa2r2 {
  height: 3em;
}

.storybookInventory-YEB1EQ4U {
  border: 1px solid #000;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameAchievement/UIGameAchievement.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
@keyframes slideIn-t979zKQb {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.container-qzJoH3e2 {
  position: relative;
  transition: all ease;
  margin-top: 0.5em;
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 0.5em;
  background-color: rgb(24.4, 72.7677419355, 119.6);
  cursor: pointer;
  padding: 0.5em 0.75em;
  width: 100%;
  max-width: 20em;
  animation: slideIn-t979zKQb 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  color: #fff;
  user-select: none;
  pointer-events: all;
}
.container-qzJoH3e2 .confetti-mRYG3pJP {
  width: 100%;
}
.container-qzJoH3e2.hidden-hVIU2GUV {
  transform: translateY(-100%);
  opacity: 0;
  animation: none;
}
.container-qzJoH3e2 .header-kgP6tY_z {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  padding-bottom: 0.25em;
  font-weight: 500;
}
.container-qzJoH3e2 .header-kgP6tY_z .iconWrapper-j6VhptCO {
  display: flex;
  position: relative;
  gap: 0.5em;
  align-items: center;
}
.container-qzJoH3e2 .header-kgP6tY_z .iconWrapper-j6VhptCO img {
  height: 1.5em;
}
.container-qzJoH3e2 .header-kgP6tY_z .iconWrapper-j6VhptCO .subIcon-Hwq518ga {
  position: absolute;
  left: 0.3em;
  height: 1.65em;
}
.container-qzJoH3e2 .header-kgP6tY_z .iconWrapper-j6VhptCO .point-T54SBKtf {
  font-size: 0.875em;
  font-weight: 500;
}
.container-qzJoH3e2 .subTitle-xkpwINwY {
  padding: 0.75em 0 0.25em;
  color: #f8f8f8;
  font-size: 0.875em;
}
.container-qzJoH3e2 .pointChanges-cejhuJ0o {
  display: flex;
  gap: 0.5em;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.75em;
}
.container-qzJoH3e2 .pointChanges-cejhuJ0o.withPreviousOwner-rjfSfmgp {
  justify-content: space-around;
}
.container-qzJoH3e2 .pointChanges-cejhuJ0o.withPreviousOwner-rjfSfmgp .playerPointChange-OM_wAuin .playerName-QlxNXto6 {
  max-width: 5em;
}
.container-qzJoH3e2 .pointChanges-cejhuJ0o.withPreviousOwner-rjfSfmgp .playerPointChange-OM_wAuin .points-erh609qO {
  margin-left: 0;
}
.container-qzJoH3e2 .pointChanges-cejhuJ0o .playerPointChange-OM_wAuin {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
  align-items: center;
}
.container-qzJoH3e2 .pointChanges-cejhuJ0o .playerName-QlxNXto6 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875em;
  font-weight: 500;
}
.container-qzJoH3e2 .pointChanges-cejhuJ0o .points-erh609qO {
  flex-shrink: 0;
  margin-left: auto;
  color: #48ff00;
  font-size: 0.875em;
  font-weight: 500;
}
.container-qzJoH3e2 .pointChanges-cejhuJ0o .points-erh609qO.negative-ci4XebXd {
  color: #ccc;
}
.container-qzJoH3e2 .pointChanges-cejhuJ0o .avatar-kFYV_6v3 {
  flex-shrink: 0;
  width: 2em;
  height: 2em;
}
.container-qzJoH3e2 .pointChanges-cejhuJ0o .transferIcon-byCff0Xq {
  transform: rotate(180deg);
  width: 2em;
  height: 2em;
}

.storybookControlPanel-a4lv1EvL {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  border-radius: 0.5em;
  background-color: #fff;
  padding: 0.5em;
  width: fit-content;
  color: #000;
}
.storybookControlPanel-a4lv1EvL .title-JpUrO7Nx {
  margin-bottom: 0.5em;
  font-weight: 600;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameBank/UIGameBank.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.responsiveContainer-gE7YQQoP {
  width: 100%;
  pointer-events: auto;
}
.responsiveContainer-gE7YQQoP.portrait-OfGYkcMk {
  height: 100%;
}
.responsiveContainer-gE7YQQoP.hidden-xzaTy9TV {
  opacity: 0;
  pointer-events: none;
}

.bank-jQRnPAgW {
  display: flex;
  position: relative;
  gap: 0.5em;
  justify-content: space-between;
  border-radius: 0.25em;
  padding: 0.5em 0.5em 0.5em 1em;
  width: 100%;
  user-select: none;
}
.bank-jQRnPAgW.expanded-AcC3wZFL {
  margin-left: -4.675em;
  width: calc(100% + 4.675em);
}
.bank-jQRnPAgW.expanded-AcC3wZFL.portrait-OfGYkcMk {
  margin-left: 0;
  width: 100%;
}
.bank-jQRnPAgW.beige-xFG9bzXp {
  background: linear-gradient(180deg, #fcfaf5, #e2d7c4);
}
.bank-jQRnPAgW.transparent-A5MfYtsB {
  background: rgba(0, 0, 0, 0.2);
}
.bank-jQRnPAgW .bankIcon-w83CLFZi {
  align-self: center;
  width: 2.25em;
  height: 2.25em;
}
.bank-jQRnPAgW .expansionArrow-G7tzXrql {
  position: absolute;
  left: 0.1em;
  align-self: center;
  transform: rotate(180deg);
  width: 0.75em;
  height: 0.75em;
}
.bank-jQRnPAgW .cardRow-W_hlGPwS {
  display: flex;
  gap: 0.35em;
  align-items: flex-end;
  justify-content: center;
}
.bank-jQRnPAgW .cardRow-W_hlGPwS .stack-tg42SPW2 {
  display: flex;
  justify-content: flex-end;
}
.bank-jQRnPAgW .cardRow-W_hlGPwS .stack-tg42SPW2.clickable-T35VYoNr {
  cursor: pointer;
}
.bank-jQRnPAgW.portrait-OfGYkcMk {
  gap: 1em;
  justify-content: center;
  padding: 0.75em 0.5em;
  height: 100%;
}
.bank-jQRnPAgW.portrait-OfGYkcMk .cardRow-W_hlGPwS {
  gap: 0.25em;
}
@media (max-width: 767px) {
  .bank-jQRnPAgW.portrait-OfGYkcMk {
    font-size: 0.875em;
  }
}
@media (max-width: 480px) {
  .bank-jQRnPAgW.portrait-OfGYkcMk {
    font-size: 0.7em;
  }
}
@media (max-width: 360px) {
  .bank-jQRnPAgW.portrait-OfGYkcMk {
    font-size: 0.55em;
  }
}

.outOfCardsTint-kATLqPUL {
  filter: brightness(0.5);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/common/UIGameProgressCardTooltipBody/UIGameProgressCardTooltipBody.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.row-ZdQKOrRs {
  display: flex;
  gap: 0.75em;
  align-items: flex-end;
  justify-content: center;
  margin: 0.25em;
}

.outOfCardsTint-s7UpQ1gr {
  filter: brightness(0.5);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGamePlayerInformation/UIGamePlayerInformationContainer.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container-_gINaNG_ {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
  justify-content: flex-end;
  height: 100%;
  min-height: 0;
  pointer-events: none;
  user-select: none;
}
.container-_gINaNG_ .opponentsScrollContainer-Q5zNU1ru {
  display: flex;
  margin-left: -10em;
  overflow-x: hidden;
  overflow-y: auto;
}
.container-_gINaNG_ .opponentsScrollContainer-Q5zNU1ru.beginnerMode-MXAuPoSo {
  overflow: visible;
  /* stylelint-disable selector-class-pattern */
}
.container-_gINaNG_ .opponentsScrollContainer-Q5zNU1ru.beginnerMode-MXAuPoSo .simplebar-wrapper, .container-_gINaNG_ .opponentsScrollContainer-Q5zNU1ru.beginnerMode-MXAuPoSo .simplebar-mask, .container-_gINaNG_ .opponentsScrollContainer-Q5zNU1ru.beginnerMode-MXAuPoSo .simplebar-content-wrapper {
  overflow: visible !important;
}
.container-_gINaNG_ .opponentsScrollContainer-Q5zNU1ru.beginnerMode-MXAuPoSo {
  /* stylelint-enable selector-class-pattern */
}
.container-_gINaNG_ .opponentsScrollContainer-Q5zNU1ru .opponentsScrollContainerScrollContent-mp9B6H7j {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
}
.container-_gINaNG_ .opponentsScrollContainer-Q5zNU1ru .opponentPlayerRow-AYNGolhx {
  flex-shrink: 0;
  min-height: 0;
}
.container-_gINaNG_ .opponentsScrollContainer-Q5zNU1ru .opponentPlayerRow-AYNGolhx:first-of-type {
  margin-top: auto;
}
.container-_gINaNG_ .opponentsScrollContainer-Q5zNU1ru .opponentPlayerRow-AYNGolhx .playerInformation-JA0qNVrB {
  margin-left: auto;
  width: calc(100% - 10em);
  height: 4.5em;
}
.container-_gINaNG_ .playerRow-RMhJ5mpg {
  position: relative;
}
.container-_gINaNG_ .playerRow-RMhJ5mpg .diceGroup-DSwXDqSr {
  position: absolute;
  top: calc(50% - 1.5em);
  right: 20em;
  pointer-events: none;
}
.container-_gINaNG_ .playerRow-RMhJ5mpg .playerInformation-JA0qNVrB {
  height: 7em;
  pointer-events: all;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGamePlayerInformation/UIGamePlayerInformation.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.container-uQCnvnLN {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 0.25em;
  background: linear-gradient(180deg, #adadaa 0%, #a59d90 100%);
  padding: 0 0.875em;
  width: 100%;
  height: 100%;
  min-height: 0;
  color: #323232;
}
.container-uQCnvnLN.currentUser-JOam6Xvt {
  justify-content: flex-end;
  padding-top: 0.5em;
  padding-bottom: 0.75em;
}
.container-uQCnvnLN.active-LiN1GbD8 {
  background: linear-gradient(180deg, #fcfaf5, #e2d7c4);
}
.container-uQCnvnLN .usernameLarge-FoNEago3 {
  margin: 0 auto;
  margin-bottom: -0.25em;
  padding-bottom: 0.25em;
  max-width: 45%;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  line-height: 1.2;
  white-space: nowrap;
  font-size: 1.25em;
}
.container-uQCnvnLN .informationWrapper-qC5Wi3J7 {
  display: flex;
  gap: 0.5em;
  justify-content: space-between;
  width: 100%;
  min-height: 0;
}

.storybookContainer-o45Wpja9 {
  width: 20em;
  font-size: 1rem;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGamePlayerInformation/UIGamePlayerInformationUser/UIGamePlayerInformationUser.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container-wn6lTxa3 {
  display: flex;
  position: relative;
  flex-direction: column;
  flex-shrink: 0;
  align-items: center;
  width: 5em;
}
.container-wn6lTxa3 .username-M7Jbo6j0 {
  width: 100%;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875em;
}
.container-wn6lTxa3 .extraIcons-dlJu2SaH {
  position: absolute;
  top: 40%;
  left: -0.25em;
}
.container-wn6lTxa3 .extraIcons-dlJu2SaH .iconImage-gEAIL8xC {
  height: 1.25em;
  vertical-align: top;
}
.container-wn6lTxa3 .extraIcons-dlJu2SaH .robberIconGroup-kjxgZ1ey {
  display: inline-flex;
  align-items: center;
  margin-left: -0.5em;
  vertical-align: top;
}
.container-wn6lTxa3 .extraIcons-dlJu2SaH .robberIconGroup-kjxgZ1ey .arrowIcon-LhaUnoRP {
  height: 0.9375em;
}
.container-wn6lTxa3 .extraIcons-dlJu2SaH .robberIconGroup-kjxgZ1ey .iconImage-gEAIL8xC {
  margin-left: -0.125em;
  height: 1.125em;
}
.container-wn6lTxa3 .extraIcons-dlJu2SaH .waitIcon-oRCKuaTs {
  height: 1em;
}
.container-wn6lTxa3 .extraIcons-dlJu2SaH.currentUser-ljIvFhmz {
  display: flex;
  top: -30%;
  left: 50%;
  gap: 0.25em;
  transform: translateX(-50%);
}
.container-wn6lTxa3 .extraIcons-dlJu2SaH.currentUser-ljIvFhmz .robberIconGroup-kjxgZ1ey {
  margin-left: 0;
}
.container-wn6lTxa3 .extraIcons-dlJu2SaH.currentUser-ljIvFhmz .waitIcon-oRCKuaTs {
  height: 1.25em;
}

.robberTooltipMenu-AELGvqN2 {
  max-width: 15em;
}
.robberTooltipMenu-AELGvqN2 .usernamePrefix-Hhe0cwI9 {
  font-weight: 600;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGamePlayerInformation/UIGamePlayerInformationUser/UIGamePlayerInformationAvatar/UIGamePlayerInformationAvatar.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.avatarAndPoints-TGM_lbc8 {
  position: relative;
  margin-bottom: 0.5em;
}
.avatarAndPoints-TGM_lbc8.currentUser-fCquw1m5 {
  margin-bottom: 0.5em;
}
.avatarAndPoints-TGM_lbc8.currentUser-fCquw1m5 .avatarWrapper-bai5xF5I {
  width: 4em;
  max-height: 4em;
}
.avatarAndPoints-TGM_lbc8.currentUser-fCquw1m5 .victoryPointsContainer-o7khDHKn {
  bottom: -1em;
}
.avatarAndPoints-TGM_lbc8 .avatarWrapper-bai5xF5I {
  width: 2.25em;
  max-height: 2.25em;
  font-size: 1em;
  aspect-ratio: 1/1;
}
.avatarAndPoints-TGM_lbc8 .avatarWrapper-bai5xF5I .avatar-wo8dAsb3 {
  width: 100%;
  height: 100%;
}
.avatarAndPoints-TGM_lbc8 .victoryPointsContainer-o7khDHKn {
  position: absolute;
  bottom: -0.25em;
  left: 50%;
  transform: translateX(-50%);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/common/VictoryPointCountBanner/VictoryPointCountBanner.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.victoryPointsContainer-P2GekwRc {
  display: inline-block;
  position: relative;
}
.victoryPointsContainer-P2GekwRc.largeRibbon-PQKt_w4_ .victoryPoints-u0xGd7sj {
  top: 45%;
}

.ribbon-lTUSyke_ {
  display: block;
  width: 2.25em;
  height: 1.25em;
  object-fit: fill;
}
.ribbon-lTUSyke_.largeRibbon-PQKt_w4_ {
  width: 4em;
  height: 2.5em;
}

.victoryPoints-u0xGd7sj {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  white-space: nowrap;
  font-size: 0.875em;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGamePlayerInformation/UIGamePlayerInformationCards/UIGamePlayerInformationCards.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container-HDcqqvGa {
  display: flex;
  gap: 0.5em;
  align-items: center;
}
.container-HDcqqvGa.currentUser-ILVX1Zct {
  align-items: flex-end;
}
.container-HDcqqvGa .cardContainer-zEMLVSKt {
  position: relative;
  height: 3.25em;
}
.container-HDcqqvGa .cardContainer-zEMLVSKt .cardImage-Qzk9551O {
  display: block;
  height: 100%;
}
.container-HDcqqvGa .cardContainer-zEMLVSKt .countBadge-C6Wjr4RQ {
  position: absolute;
  top: 0;
  right: 1px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGamePlayerInformation/UIGamePlayerInformationProgress/UIGamePlayerInformationProgress.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container-yluZSGHs {
  display: flex;
  position: relative;
  align-items: center;
}
.container-yluZSGHs.currentUser-oA6ISL9b {
  align-items: flex-end;
}
.container-yluZSGHs.currentUser-oA6ISL9b .viewSwitch-T9d1snDs {
  bottom: 25%;
}
.container-yluZSGHs .achievementItem-frxefOzP {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
  align-items: center;
  width: 3em;
}
.container-yluZSGHs .achievementItem-frxefOzP.horizontal-LL_Fh6wB {
  flex-direction: row;
  gap: 0.5em;
}
.container-yluZSGHs .achievementItem-frxefOzP .icon-toFQxDrN {
  width: 1.75em;
}
.container-yluZSGHs .achievementItem-frxefOzP .cityImprovementTracker-tZAqW7Ei {
  width: 1.875em;
}
.container-yluZSGHs .achievementItem-frxefOzP .achievementCount-CobfrMoe {
  line-height: 1;
  font-size: 1em;
}
.container-yluZSGHs .cityImprovements-htm6iZ2j {
  margin-right: 1em;
  width: 2em;
}
.container-yluZSGHs .horizontalAchievements-_CBvNBZZ.view1-uG0Qo450 {
  display: block;
}
.container-yluZSGHs .horizontalAchievements-_CBvNBZZ.view2-GFFo9zzb {
  display: none;
}
.container-yluZSGHs .viewSwitch-T9d1snDs {
  box-sizing: content-box;
  position: absolute;
  right: -0.6em;
  bottom: 40%;
  transform: rotate(180deg);
  padding: 0.25em;
  height: 0.6em;
}

[data-player-information-container]:has(.viewSwitch-T9d1snDs:hover) .viewSwitch-T9d1snDs {
  transform: rotate(0deg);
}
[data-player-information-container]:has(.viewSwitch-T9d1snDs:hover) .horizontalAchievements-_CBvNBZZ.view1-uG0Qo450 {
  display: none !important;
}
[data-player-information-container]:has(.viewSwitch-T9d1snDs:hover) .horizontalAchievements-_CBvNBZZ.view2-GFFo9zzb {
  display: block !important;
}

.tooltipMenu-ITvlIF4e {
  max-width: 15em;
}

.cityImprovementTooltip-Acs3Dm6D {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/common/UIGameCityImprovementTracker/UIGameCityImprovementTracker.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container-T1U_2RC8 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
}
.container-T1U_2RC8 .column-SNtY361x {
  flex: 1;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/common/UIGameCityImprovementTracker/UIGameCityImprovementTrackerMetropolisTriangle/UIGameCityImprovementTrackerMetropolisTriangle.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
.triangleContainer-SpFDTD3v {
  position: relative;
  padding: 8%;
  width: 100%;
  overflow: hidden;
  aspect-ratio: 1/1;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.triangleContainer-SpFDTD3v .border-kyDUQ6JY {
  aspect-ratio: 1/1;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #414042;
  width: 100%;
  height: 100%;
  clip-path: polygon(50% 0, 50% 16%, 14% 92%, 86% 92%, 50% 16%, 50% 0, 100% 100%, 0 100%);
}
.triangleContainer-SpFDTD3v .background-mhzHy_w2 {
  width: 100%;
  height: 100%;
}
.triangleContainer-SpFDTD3v .background-mhzHy_w2.trade-qEs1IQH_ {
  background: radial-gradient(50% 50% at 50% 50%, #bdd26f 0%, #98c52f 100%);
}
.triangleContainer-SpFDTD3v .background-mhzHy_w2.science-Qzbu50uu {
  background: radial-gradient(53.9% 53.9% at 50% 50%, #5fb248 0%, #399346 100%);
}
.triangleContainer-SpFDTD3v .background-mhzHy_w2.politics-IWgVpodx {
  background: radial-gradient(54.97% 54.97% at 50% 50%, #85aec0 0%, #6696a4 100%);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/common/UIGameCityImprovementTracker/UIGameCityImprovementTrackerSquare/UIGamecityImprovementTrackerSquare.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
.squareContainer-g1gPAdau {
  position: relative;
  border-radius: 5%;
  padding: 8%;
  width: 100%;
  height: 100%;
  overflow: hidden;
  aspect-ratio: 1/1;
}
.squareContainer-g1gPAdau .border-t8X1CtR9 {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #414042;
  width: 100%;
  height: 100%;
  clip-path: polygon(0% 0%, 0% 100%, 8% 100%, 8% 8%, 92% 8%, 92% 92%, 8% 92%, 8% 100%, 100% 100%, 100% 0%);
}
.squareContainer-g1gPAdau .background-NrMa8Bdr {
  width: 100%;
  height: 100%;
}
.squareContainer-g1gPAdau .background-NrMa8Bdr.inactive-Zj9fWFes {
  opacity: 0.3;
}
.squareContainer-g1gPAdau .background-NrMa8Bdr.trade-smRow43s {
  background: radial-gradient(50% 50% at 50% 50%, #bdd26f 0%, #98c52f 100%);
}
.squareContainer-g1gPAdau .background-NrMa8Bdr.science-V4I4ixQl {
  background: radial-gradient(53.9% 53.9% at 50% 50%, #5fb248 0%, #399346 100%);
}
.squareContainer-g1gPAdau .background-NrMa8Bdr.politics-pgAXKLWS {
  background: radial-gradient(54.97% 54.97% at 50% 50%, #85aec0 0%, #6696a4 100%);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/common/UIGameCityImprovementTracker/UIGameCityImprovementTrackerColumn/UIGameCityImprovementTrackerColumn.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container-u8HO10AZ {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
}

.triangleWrapper-HnuoQX9w {
  position: absolute;
  bottom: 101%;
}

.hidden-aCPYhmnW {
  visibility: hidden;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/common/UIGameDiceGroup/UIGameDiceGroup.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container-WaNB8d50 {
  display: flex;
  position: relative;
  flex-direction: row;
  gap: 0.25%;
  align-items: stretch;
  justify-content: center;
  transition: transform 0.3s ease, opacity 0.3s ease;
  opacity: 1;
  width: fit-content;
  will-change: transform, opacity;
  user-select: none;
}
.container-WaNB8d50.large-ao_OImo6 {
  height: 5em;
}
.container-WaNB8d50.medium-CY0Or3Vu {
  height: 3em;
}
.container-WaNB8d50.hidden-k4VZ1T32 {
  transform: translateX(5%);
  opacity: 0;
  pointer-events: none !important;
}
.container-WaNB8d50 .probWrapper-V_l0V4BA {
  position: absolute;
  left: 32.5%;
  animation: flyUpAnimation-m6MnrMkr 0.3s ease forwards;
}

.diceWrapper-KbomMqLt {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-end;
  justify-content: flex-start;
  height: 100%;
}

.eventDice-C9U3Zqrs {
  margin-top: auto;
  height: 60%;
}

@keyframes flyUpAnimation-m6MnrMkr {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-110%);
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/common/UIGameDiceGroup/UIGameDice/UIGameDice.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes pulse-kM0XrtoK {
  0%, 100% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1.1);
  }
}
.diceWrapper-OwMeG4VK {
  position: relative;
  transform-origin: center;
}
.diceWrapper-OwMeG4VK.pulsing-cdiDsi2k {
  animation: pulse-kM0XrtoK 1.96s infinite ease-in-out;
  animation-delay: -0.49s;
}

.dice-M9xGB5i5 {
  display: block;
  cursor: pointer;
  height: 100%;
}
.dice-M9xGB5i5.inactive-UFjHOdfZ {
  cursor: auto;
  filter: brightness(0.8);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/common/UIGameDiceGroup/UIGameDiceProb/UIGameDiceProb.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.prob-qr4vSmQe {
  height: 75%;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameBarbarianInvasionTracker/UIGameBarbarianInvasionTrackerContainer.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
.barbarianInvasionTrackerContainer-iC5oSlLu {
  margin-top: 1em;
  max-width: 5em;
  pointer-events: none;
}
@media (max-height: 670px) and (orientation: portrait) {
  .barbarianInvasionTrackerContainer-iC5oSlLu {
    font-size: 0.75em;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameBarbarianInvasionTracker/UIGameBarbarianInvasionTracker.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.container-Gnh8xO4O {
  position: relative;
  z-index: 0;
}
.container-Gnh8xO4O .hexIcon-gUT6Af8L {
  display: block;
  position: relative;
  margin-top: -10%;
  width: 50%;
}
.container-Gnh8xO4O .hexIcon-gUT6Af8L:nth-child(even) {
  margin-left: 23%;
}
.container-Gnh8xO4O .barbarianIcons-VrrQxASJ {
  display: flex;
  position: absolute;
  top: 0;
  align-items: center;
  justify-content: center;
  transition-duration: 250ms;
  transition-property: transform;
  z-index: 2;
  width: 100%;
}

.iconWrapper-aNVvMdVG {
  position: relative;
  flex: 1;
  pointer-events: auto;
}
.iconWrapper-aNVvMdVG .icon-tb1oJRKV {
  display: block;
  width: 100%;
}
.iconWrapper-aNVvMdVG .iconBadge-rAy2qzqE {
  display: flex;
  position: absolute;
  right: 0;
  bottom: 0;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #666;
  width: 1.25em;
  height: 1.25em;
  color: #fff;
  font-weight: 500;
}
.iconWrapper-aNVvMdVG .iconBadge-rAy2qzqE span {
  line-height: 1;
  font-size: 0.875em;
}
.iconWrapper-aNVvMdVG .iconBadge-rAy2qzqE.green-I2cTrpeC {
  background: #1fab1c;
}
.iconWrapper-aNVvMdVG .iconBadge-rAy2qzqE.red-VB9aDuIf {
  background: #ef3f2a;
}

.tooltipMenu-WO613Ymn {
  max-width: 18em;
}
.tooltipMenu-WO613Ymn .tooltipItem-_q120UlE {
  margin-bottom: 0.5em;
}

.storybookContainer-jJXgDwSp {
  width: 7rem;
  font-size: 1rem;
}

.storybookIcon-xD5hOWtP {
  width: 3.5rem;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameReplayControls/ReplayControlsContent/ReplaySlider/ReplaySlider.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable selector-class-pattern */
/* stylelint-disable color-no-hex, function-disallowed-list */
.sliderContainer-peZDFtUG {
  position: relative;
  width: 100%;
  height: 1em;
}
.sliderContainer-peZDFtUG.hightLightMargin-_Fy6Zjya {
  height: 2.5em;
}
.sliderContainer-peZDFtUG .sliderWrapper-oxvzNobH {
  display: grid;
  position: absolute;
  grid-template-columns: repeat(var(--total-actions), 1fr);
  margin-left: 0.5em;
  width: calc(100% - 1em);
}
.sliderContainer-peZDFtUG .sliderWrapper-oxvzNobH .sliderGridClickableCell-QZplGLeT {
  z-index: 1;
  cursor: pointer;
}
.sliderContainer-peZDFtUG .sliderWrapper-oxvzNobH .sliderRail-cPgaRZvQ {
  position: absolute;
  margin-left: -0.5em;
  border-radius: 1em;
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  width: calc(100% + 1em);
  height: 0.5em;
}
.sliderContainer-peZDFtUG .sliderWrapper-oxvzNobH .sliderTrack-_m5jcbQ2 {
  position: relative;
  margin-left: -0.5em;
  border-radius: 1em 0 0 1em;
  background-color: rgba(0, 0, 0, 0.4);
  cursor: pointer;
  height: 0.5em;
}
.sliderContainer-peZDFtUG .sliderWrapper-oxvzNobH .sliderTrackHandle-XU5w40wv {
  position: relative;
  background-color: rgba(0, 0, 0, 0.4);
  cursor: pointer;
  height: 0.5em;
}
.sliderContainer-peZDFtUG .sliderWrapper-oxvzNobH .sliderTrackHandle-XU5w40wv .sliderHandle-yRfNGOSo {
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translate(-50%, -50%);
  border: 0.0625em solid #666;
  border-radius: 50%;
  background-color: #fff;
  width: 1em;
  height: 1em;
}

.replaySliderHighlight-SnQCI35w {
  display: flex;
  position: relative;
  gap: 0.1em;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s ease, transform 0.3s ease;
  opacity: 1;
  margin-top: 0.5em;
  border-radius: 0.25em;
  background-color: rgba(0, 0, 0, 0.4);
  cursor: pointer;
  padding: 0.25em;
  width: 1.5em;
  max-height: 1.5em;
}
.replaySliderHighlight-SnQCI35w::before {
  position: absolute;
  top: 0.5px;
  transform: translateY(-100%);
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid rgba(0, 0, 0, 0.4);
  border-left: 0.3em solid transparent;
  width: 0;
  height: 0;
  content: "";
}
.replaySliderHighlight-SnQCI35w:hover {
  transform: scale(1.1);
}
.replaySliderHighlight-SnQCI35w.offset-SoZhDJop::before {
  left: 0.0625em;
}
.replaySliderHighlight-SnQCI35w .replaySliderHighlightImage-p2uUi9lS {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.sliderContainer-peZDFtUG:hover .replaySliderHighlight-SnQCI35w:not(:hover) {
  opacity: 0.5;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameReplayControls/ReplayControlsContent/AvatarList/AvatarList.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.avatarContainer-fSGPniHT {
  display: flex;
  gap: 1em;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
}
.avatarContainer-fSGPniHT .replayControlAvatar-WFXi_6bg {
  opacity: 0.5;
  cursor: pointer;
  width: 2em;
  height: 2em;
}
.avatarContainer-fSGPniHT .replayControlAvatar-WFXi_6bg.selected-eHxO0UKP {
  opacity: 1;
}

.tooltipMenu-gbiTlYOC {
  max-width: fit-content;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameReplayControls/ReplayControlsContent/ReplayControlsContent.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
.replayControlsContainer-GXyERgrK {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 1em;
  justify-content: space-between;
  transition: transform 0.3s ease;
  border-radius: 0.5em;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 0.625em;
  width: 100%;
  color: #fff;
  user-select: none;
  pointer-events: all;
}
.replayControlsContainer-GXyERgrK .controllerButtons-hofj2FGz {
  display: flex;
  gap: 1em;
  align-items: center;
  justify-content: space-between;
}
.replayControlsContainer-GXyERgrK .controllerButtons-hofj2FGz .expandIcon-MY0VQBFq {
  transition: transform 0.1s ease;
  cursor: pointer;
  width: 1em;
  height: 1em;
}
.replayControlsContainer-GXyERgrK .controllerButtons-hofj2FGz .expandIcon-MY0VQBFq:hover {
  transform: scale(1.1);
}
.replayControlsContainer-GXyERgrK .bottomMenu-xNO3lMID {
  display: flex;
  gap: 1em;
  align-items: center;
  justify-content: space-between;
  visibility: hidden;
  height: 0;
}
.replayControlsContainer-GXyERgrK .bottomMenu-xNO3lMID.bottomMenuVisible-Upzooce4 {
  visibility: visible;
  height: auto;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameBeginnerHint/UIGameBeginnerHint.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
.container-vutSb7ta {
  position: fixed;
  transform: translate(-50%, calc(-50% - 1.5em));
  z-index: 99;
  user-select: none;
  pointer-events: all;
}
.container-vutSb7ta .icon-_52LsF6j {
  cursor: pointer;
  width: 3em;
  height: 3em;
}
.container-vutSb7ta .icon-_52LsF6j.hintAnimation-RenxMCz3 {
  animation: floating-WPe4y8vT 1.25s ease-in-out infinite;
}

.hintTooltipMenu-KIdhjw7P {
  max-width: 20em;
  height: fit-content;
}
.hintTooltipMenu-KIdhjw7P .tooltipContent-UKpIX5YB {
  display: flex;
  gap: 0.5em;
}
.hintTooltipMenu-KIdhjw7P .tooltipContent-UKpIX5YB .hintTooltipIcon-HtwZ1fVD {
  height: 3.5em;
}
.hintTooltipMenu-KIdhjw7P .tooltipContent-UKpIX5YB .hintTooltipText-ERPcxC32 .hintTitle-x9bZgnwe {
  margin-bottom: 0.25em;
  font-size: 0.875em;
  font-weight: 600;
}
.hintTooltipMenu-KIdhjw7P .tooltipContent-UKpIX5YB .hintTooltipText-ERPcxC32 .hintDescription-Iy_iks7W {
  font-size: 0.75em;
}

@keyframes floating-WPe4y8vT {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-0.5em);
  }
}
.storybookExampleContainer-yi3NmHna {
  position: relative;
  width: 100%;
  height: 100%;
}
.storybookExampleContainer-yi3NmHna .storybookExampleAction-KGeYIakE {
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  align-items: center;
  justify-content: center;
  transform: translate(-50%, -50%);
  border: 1px solid #fff;
  width: 10em;
  height: 5em;
  color: #fff;
  user-select: none;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameBottom/UIGameBottomLandscape.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.containerLandscape-JJnEts96 {
  display: grid;
  grid-template-rows: repeat(2, 4.5em);
  gap: 0.25em;
}
.containerLandscape-JJnEts96.spectator-DQVyx7_s {
  grid-template-columns: repeat(4, 4.5em);
}
.containerLandscape-JJnEts96.spectator-DQVyx7_s .currentStatus-HOpHNASi {
  grid-row: 1/2;
  grid-column: 3 span;
  align-self: end;
  height: 2.25em;
}
.containerLandscape-JJnEts96.spectator-DQVyx7_s .timer-P4IEchgg {
  grid-row: 1/2;
  grid-column: 4/5;
  align-self: end;
  width: 100%;
  height: 2.25em;
}
.containerLandscape-JJnEts96.replay-K4OIP2Sj {
  grid-template-columns: repeat(3, 4.5em);
}
.containerLandscape-JJnEts96.replay-K4OIP2Sj .currentStatus-HOpHNASi {
  grid-row: 1/2;
  grid-column: 3 span;
  align-self: end;
  height: 2.25em;
}
.containerLandscape-JJnEts96.hideButtonsForTradeUI-u9GSdsAZ .knightActionsButton-nAD8GA_Q {
  visibility: hidden;
}
.containerLandscape-JJnEts96.hideButtonsForTradeUI-u9GSdsAZ .cityImprovementsButton-yHjyqhIQ {
  visibility: hidden;
}
.containerLandscape-JJnEts96.hideButtonsForTradeUI-u9GSdsAZ .shipButton-PcgyYa1l {
  visibility: hidden;
}
.containerLandscape-JJnEts96.hideButtonsForTradeUI-u9GSdsAZ .shipMoveButton-Z4r8kGDz {
  visibility: hidden;
}
.containerLandscape-JJnEts96 .actionButton-qpLXLfoK {
  position: relative;
  width: 4.5em;
  height: 4.5em;
  pointer-events: all;
}
.containerLandscape-JJnEts96 .actionButton-qpLXLfoK.hidden-ZfYX58gQ {
  visibility: hidden;
  pointer-events: none;
}
.containerLandscape-JJnEts96 .knightActionsButton-nAD8GA_Q {
  grid-row: 1/2;
  grid-column: 3/8;
}
.containerLandscape-JJnEts96 .cityImprovementsButton-yHjyqhIQ {
  grid-row: 1/2;
  grid-column: 4/8;
}
.containerLandscape-JJnEts96 .shipButton-PcgyYa1l {
  grid-row: 1/2;
}
.containerLandscape-JJnEts96 .shipMoveButton-Z4r8kGDz {
  grid-row: 1/2;
}
.containerLandscape-JJnEts96 .specialBuildPhaseButtonContainer-hMaBN9_k {
  display: flex;
  grid-row: 1/2;
  grid-column: 2/5;
  align-items: flex-end;
  justify-content: flex-end;
}
.containerLandscape-JJnEts96 .specialBuildPhaseButtonContainer-hMaBN9_k .specialBuildPhaseButton-nJLwhud9 {
  width: 2em;
  height: 2em;
  pointer-events: all;
}
.containerLandscape-JJnEts96 .currentStatusContainer-swOXHfMv {
  display: flex;
  flex-direction: column;
  grid-row: 1/2;
  grid-column: 3 span/8;
  gap: 0.25em;
  justify-content: flex-end;
}
.containerLandscape-JJnEts96 .currentStatusContainer-swOXHfMv .specialBuildPhaseButton-nJLwhud9 {
  width: 2em;
  height: 2em;
  pointer-events: all;
}
.containerLandscape-JJnEts96 .currentStatusContainer-swOXHfMv .currentStatus-HOpHNASi {
  height: 2.25em;
}
.containerLandscape-JJnEts96 .timer-P4IEchgg {
  grid-row: 1/2;
  grid-column: 8/9;
  align-self: end;
  width: 100%;
  height: 2.25em;
}
.containerLandscape-JJnEts96 .tradeButton-_CASh1BT {
  grid-row: 2/2;
  grid-column: 3/8;
}
.containerLandscape-JJnEts96 .buyDevelopmentCardButton-NzQ6cqh7 {
  grid-row: 2/2;
  grid-column: 4/8;
}
.containerLandscape-JJnEts96 .cityWallButton-kSU3Zhdt {
  grid-row: 2/2;
  grid-column: 4/8;
}
.containerLandscape-JJnEts96 .roadButton-UQiWikFh {
  grid-row: 2/2;
  grid-column: 5/8;
}
.containerLandscape-JJnEts96 .settlementButton-Tqca0XHw {
  grid-row: 2/2;
  grid-column: 6/8;
}
.containerLandscape-JJnEts96 .cityButton-ZGG1DwGu {
  grid-row: 2/2;
  grid-column: 7/8;
}
.containerLandscape-JJnEts96 .turnButton-emQS4PkH {
  grid-row: 2/2;
  grid-column: 8/9;
}

.containerPotrait-JcFxfTjH {
  display: flex;
  gap: 0.25em;
  justify-content: flex-end;
}
.containerPotrait-JcFxfTjH .actionButton-qpLXLfoK {
  position: relative;
  width: 3.5em;
  height: 3.5em;
  pointer-events: all;
}
.containerPotrait-JcFxfTjH .actionButton-qpLXLfoK.hidden-ZfYX58gQ {
  visibility: hidden;
  pointer-events: none;
}

.storybookButton-N28mXPFf {
  width: 4rem;
  height: 4rem;
  font-size: 1.25rem;
}

.storybookButtonSmall-YstdmO0F {
  width: 2rem;
  height: 2rem;
  font-size: 1rem;
}

.storybookContainer-h21vJRNK {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  font-size: 1rem;
}

.bottomContainerLandscape-VsPAWcnk {
  display: grid;
  position: relative;
  grid-template-columns: 1fr auto;
  gap: 0.25em;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.bottomContainerLandscape-VsPAWcnk.replay-K4OIP2Sj {
  grid-template-columns: 1fr;
}
.bottomContainerLandscape-VsPAWcnk.replay-K4OIP2Sj .gameInventoryContainer-x64A2kNe, .bottomContainerLandscape-VsPAWcnk.replay-K4OIP2Sj .gameInventorySpectatorContainer-XZ1T0Z8Q {
  grid-row: 1;
  grid-column: 1;
  align-self: end;
  pointer-events: none;
}
.bottomContainerLandscape-VsPAWcnk.replay-K4OIP2Sj .rightContainer-OAev6YdW {
  position: relative;
  grid-row: 1;
  grid-column: 1;
}
.bottomContainerLandscape-VsPAWcnk .actionBoxContainer-WXTRIcBw {
  position: absolute;
  bottom: 4.75em;
  left: 0;
  z-index: 7;
  max-width: 50%;
}
.bottomContainerLandscape-VsPAWcnk .gameInventorySpectatorContainer-XZ1T0Z8Q {
  flex: 1;
  border-radius: 0.25em;
  background: linear-gradient(180deg, #fcfaf5, #e2d7c4);
  height: 4.5em;
}
.bottomContainerLandscape-VsPAWcnk .gameInventoryContainer-x64A2kNe {
  flex: 1;
}
.bottomContainerLandscape-VsPAWcnk .rightContainer-OAev6YdW {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
}
.bottomContainerLandscape-VsPAWcnk .rightContainer-OAev6YdW .diceGroup-bLzjL9xv {
  z-index: 1;
  margin-right: 0.5em;
  margin-bottom: -1em;
  pointer-events: all;
}
.bottomContainerLandscape-VsPAWcnk .rightContainer-OAev6YdW .actionButtonContainer-Qb77cVe3 {
  align-self: end;
  justify-self: end;
  z-index: 1;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameTradeCreator/UIGameTradeCreator.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
.container-gpWKiwBa {
  display: flex;
  position: relative;
  gap: 0.15em;
  align-items: flex-end;
  user-select: none;
  margin-right: -4.75em;
  padding-right: 4.75em;
  overflow: hidden;
}
.container-gpWKiwBa.portraitLayout-pVXoNuml {
  margin-right: 0;
  padding-right: 0;
}
.container-gpWKiwBa .tradeCreatorContainer-BsQ23Nsz {
  display: flex;
  flex-direction: column;
  gap: 0.15em;
  width: 100%;
}

.storybookContainer-l5IdJd12 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-right: 3rem;
  width: 100%;
  height: 100%;
}
.storybookContainer-l5IdJd12 .controlPanel-MjuFHRks {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 1rem;
  border-radius: 0.5rem;
  background-color: #fff;
  padding: 0.5rem;
  width: fit-content;
  color: #000;
}
.storybookContainer-l5IdJd12 .controlPanel-MjuFHRks .title-SzAJVW47 {
  font-weight: 600;
}
.storybookContainer-l5IdJd12 .tradeCreatorContainer-BsQ23Nsz {
  width: 100%;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameTradeCreator/UIGameTradeCreatorProposal/UIGameTradeCreatorProposal.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.tradeCreatorProposalContainer-wcW0pzjo {
  display: flex;
  flex-direction: column;
  gap: 0.75em;
  border-radius: 0.25em;
  background: linear-gradient(180deg, #fcfaf5, #e2d7c4);
  padding: 0.5em;
  width: 100%;
  pointer-events: all;
}
.tradeCreatorProposalContainer-wcW0pzjo.portraitLayout-nQmVmNq1 {
  padding: 0.25em;
  width: calc(100% - 4em);
}
.tradeCreatorProposalContainer-wcW0pzjo.portraitLayout-nQmVmNq1 .cardStack-BM5plpIG {
  height: 3em !important;
}
.tradeCreatorProposalContainer-wcW0pzjo .proposalWantedHalfContainer-ZFFnUGD9 {
  display: flex;
}
.tradeCreatorProposalContainer-wcW0pzjo .proposalWantedHalfContainer-ZFFnUGD9 .avatar-RK07kkii {
  flex-shrink: 0;
  width: 2.25em;
  height: 2.25em;
}
.tradeCreatorProposalContainer-wcW0pzjo .proposalWantedHalfContainer-ZFFnUGD9 .givingArrow-WTtN8cnF {
  flex-shrink: 0;
  transform: rotate(-90deg);
  height: 2em;
}
.tradeCreatorProposalContainer-wcW0pzjo .proposalWantedHalfContainer-ZFFnUGD9 .cardStackContainer-Aw3DWHm0 {
  flex: 1;
  overflow: hidden;
}
.tradeCreatorProposalContainer-wcW0pzjo .proposalWantedHalfContainer-ZFFnUGD9 .cardStackContainer-Aw3DWHm0 .cardStack-BM5plpIG {
  flex: 1;
  height: 3.5em;
}
.tradeCreatorProposalContainer-wcW0pzjo .proposalOfferedHalfContainer-yX7Ba8TT {
  display: flex;
  gap: 0.5em;
  justify-content: space-between;
}
.tradeCreatorProposalContainer-wcW0pzjo .proposalOfferedHalfContainer-yX7Ba8TT .leftContainer-WM0COeS2 {
  display: flex;
  flex: 1;
  align-items: flex-end;
  overflow: hidden;
}
.tradeCreatorProposalContainer-wcW0pzjo .proposalOfferedHalfContainer-yX7Ba8TT .leftContainer-WM0COeS2 .avatar-RK07kkii {
  flex-shrink: 0;
  width: 2.25em;
  height: 2.25em;
}
.tradeCreatorProposalContainer-wcW0pzjo .proposalOfferedHalfContainer-yX7Ba8TT .leftContainer-WM0COeS2 .givingArrow-WTtN8cnF {
  flex-shrink: 0;
  transform: rotate(-90deg);
  height: 2em;
}
.tradeCreatorProposalContainer-wcW0pzjo .proposalOfferedHalfContainer-yX7Ba8TT .leftContainer-WM0COeS2 .cardStackContainer-Aw3DWHm0 {
  flex: 1;
  overflow: hidden;
}
.tradeCreatorProposalContainer-wcW0pzjo .proposalOfferedHalfContainer-yX7Ba8TT .leftContainer-WM0COeS2 .cardStackContainer-Aw3DWHm0 .cardStack-BM5plpIG {
  flex: 1;
  height: 3.5em;
}
.tradeCreatorProposalContainer-wcW0pzjo .proposalOfferedHalfContainer-yX7Ba8TT .rightContainer-tNuzBkU0 .merchantWrapper-MLT_Omj3 {
  position: relative;
}
.tradeCreatorProposalContainer-wcW0pzjo .proposalOfferedHalfContainer-yX7Ba8TT .rightContainer-tNuzBkU0 .merchantWrapper-MLT_Omj3 .merchantIcon-z7CWsCRh {
  position: absolute;
  right: -0.25em;
  bottom: -0.25em;
  width: 1.25em;
  height: 1.25em;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGamePlayerCardInventory/UIGamePlayerCardInventory.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.container-RH90bpmj {
  border-radius: 0.25em;
  background: linear-gradient(180deg, #fcfaf5, #e2d7c4);
  padding: 0.5em;
  pointer-events: all;
}
.container-RH90bpmj .inventory-Z_fB4M0x {
  height: 3.5em;
}
.container-RH90bpmj.beige-zaMrS3eq {
  background: linear-gradient(180deg, #fcfaf5, #e2d7c4);
}
.container-RH90bpmj.dark-rdCevOYr {
  background: #0a4986;
}

.controlPanel-QAvgAEaz {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 1rem;
  border-radius: 0.5rem;
  background-color: #fff;
  padding: 0.5rem;
  width: fit-content;
  color: #000;
}
.controlPanel-QAvgAEaz .title-3UpBGbu9 {
  font-weight: 600;
}
.controlPanel-QAvgAEaz textarea {
  resize: none;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameTradeCreator/UIGameTradeCreatorWantedCardSelector/UIGameTradeCreatorWantedCardSelector.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.wantedCardSelectorContainer-BNhGzRVO {
  display: flex;
  gap: 0.25em;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.25em;
  background: linear-gradient(180deg, #fcfaf5, #e2d7c4);
  padding: 0.5em;
  width: 100%;
  pointer-events: all;
}
.wantedCardSelectorContainer-BNhGzRVO.portraitLayout-hwrhU4eE {
  padding: 0.5em 0.25em;
  width: calc(100% - 4em);
}
.wantedCardSelectorContainer-BNhGzRVO .cardsContainer-OkZMWL2H {
  flex: 1;
  overflow: hidden;
}
.wantedCardSelectorContainer-BNhGzRVO .cardsContainer-OkZMWL2H .cardStack-a42L5muF {
  flex: 1;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameTradeCreator/UIGameTradeCreatorBankRatio/UIGameTradeCreatorBankRatio.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.ratioContainer-uZ2gOVwR .ratioIcon-NcxgaLUV {
  opacity: 0.6;
  cursor: pointer;
  width: 1.5em;
  height: 1.5em;
}
.ratioContainer-uZ2gOVwR .ratioIcon-NcxgaLUV.active-s_U_4rdY {
  opacity: 1;
}
.ratioContainer-uZ2gOVwR .ratioIcon-NcxgaLUV.shakingAnimation-XJuXPhor {
  animation: shake-pOToJQmg 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

.ratioTooltipMenu-idKNkl3Q {
  display: grid;
  grid-template-rows: repeat(5, 1fr);
  grid-auto-flow: column;
  gap: 0.25em;
  column-gap: 1em;
  z-index: 100;
  border-radius: 0.25em;
  background: linear-gradient(180deg, #fcfaf5, #e2d7c4);
  padding: 0.5em;
}
.ratioTooltipMenu-idKNkl3Q.portraitLayout-qCqgiatp {
  grid-template-rows: auto;
  grid-template-columns: repeat(5, 1fr);
  grid-auto-flow: row;
  transform: translateY(-0.5em);
}
.ratioTooltipMenu-idKNkl3Q .ratioItem-Y_IijxN4 {
  display: flex;
  gap: 0.25em;
  align-items: center;
}
.ratioTooltipMenu-idKNkl3Q .ratioItem-Y_IijxN4 .ratioValue-vb1hsWrz {
  color: #000;
  font-size: 0.75em;
}

@keyframes shake-pOToJQmg {
  10%, 90% {
    transform: scale(0.95) translateX(-0.25em);
  }
  20%, 80% {
    transform: scale(0.95) translateX(0.25em);
  }
  30%, 50%, 70% {
    transform: scale(0.95) translateX(-0.25em);
  }
  40%, 60% {
    transform: scale(0.95) translateX(0.25em);
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameTradeCreator/UIGameTradeCreatorActionButtons/UIGameTradeCreatorActionButtons.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.tradeCreatorActionsContainer-OhHzY6JP {
  display: flex;
  position: absolute;
  right: 0;
  bottom: 4.75em;
  flex-direction: column;
  gap: 0.25em;
  pointer-events: all;
}
.tradeCreatorActionsContainer-OhHzY6JP.portraitLayout-IkupPyJK {
  right: 0.25em;
  bottom: 4.5em;
  left: auto;
  flex-direction: column;
  transform: none;
}
.tradeCreatorActionsContainer-OhHzY6JP.portraitLayout-IkupPyJK .actionButton-ut6CznBD {
  width: 3.5em;
  height: 3.5em;
}
.tradeCreatorActionsContainer-OhHzY6JP .actionButton-ut6CznBD {
  width: 4.5em;
  height: 4.5em;
}
.tradeCreatorActionsContainer-OhHzY6JP .actionButton-ut6CznBD .icon-UF_gFJlw {
  height: 90%;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameActionButtonsContainer/UIGameActionButtonContainer.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.containerLandscape-rQLi3eAt {
  display: grid;
  grid-template-rows: repeat(2, 4.5em);
  gap: 0.25em;
}
.containerLandscape-rQLi3eAt.spectator-LLwOtpI7 {
  grid-template-columns: repeat(4, 4.5em);
}
.containerLandscape-rQLi3eAt.spectator-LLwOtpI7 .currentStatus-BFQWpwYC {
  grid-row: 1/2;
  grid-column: 3 span;
  align-self: end;
  height: 2.25em;
}
.containerLandscape-rQLi3eAt.spectator-LLwOtpI7 .timer-ItAWXRS8 {
  grid-row: 1/2;
  grid-column: 4/5;
  align-self: end;
  width: 100%;
  height: 2.25em;
}
.containerLandscape-rQLi3eAt.replay-yYPMu34N {
  grid-template-columns: repeat(3, 4.5em);
}
.containerLandscape-rQLi3eAt.replay-yYPMu34N .currentStatus-BFQWpwYC {
  grid-row: 1/2;
  grid-column: 3 span;
  align-self: end;
  height: 2.25em;
}
.containerLandscape-rQLi3eAt.hideButtonsForTradeUI-kNIM6Amp .knightActionsButton-CHATlfaL {
  visibility: hidden;
}
.containerLandscape-rQLi3eAt.hideButtonsForTradeUI-kNIM6Amp .cityImprovementsButton-shz7gNEg {
  visibility: hidden;
}
.containerLandscape-rQLi3eAt.hideButtonsForTradeUI-kNIM6Amp .shipButton-D97wNVnQ {
  visibility: hidden;
}
.containerLandscape-rQLi3eAt.hideButtonsForTradeUI-kNIM6Amp .shipMoveButton-sPA3TQ0X {
  visibility: hidden;
}
.containerLandscape-rQLi3eAt .actionButton-mJLb8ACX {
  position: relative;
  width: 4.5em;
  height: 4.5em;
  pointer-events: all;
}
.containerLandscape-rQLi3eAt .actionButton-mJLb8ACX.hidden-v2yywdOf {
  visibility: hidden;
  pointer-events: none;
}
.containerLandscape-rQLi3eAt .knightActionsButton-CHATlfaL {
  grid-row: 1/2;
  grid-column: 3/8;
}
.containerLandscape-rQLi3eAt .cityImprovementsButton-shz7gNEg {
  grid-row: 1/2;
  grid-column: 4/8;
}
.containerLandscape-rQLi3eAt .shipButton-D97wNVnQ {
  grid-row: 1/2;
}
.containerLandscape-rQLi3eAt .shipMoveButton-sPA3TQ0X {
  grid-row: 1/2;
}
.containerLandscape-rQLi3eAt .specialBuildPhaseButtonContainer-iO7v7Qcw {
  display: flex;
  grid-row: 1/2;
  grid-column: 2/5;
  align-items: flex-end;
  justify-content: flex-end;
}
.containerLandscape-rQLi3eAt .specialBuildPhaseButtonContainer-iO7v7Qcw .specialBuildPhaseButton-dge6L0BR {
  width: 2em;
  height: 2em;
  pointer-events: all;
}
.containerLandscape-rQLi3eAt .currentStatusContainer-jLSOfudU {
  display: flex;
  flex-direction: column;
  grid-row: 1/2;
  grid-column: 3 span/8;
  gap: 0.25em;
  justify-content: flex-end;
}
.containerLandscape-rQLi3eAt .currentStatusContainer-jLSOfudU .specialBuildPhaseButton-dge6L0BR {
  width: 2em;
  height: 2em;
  pointer-events: all;
}
.containerLandscape-rQLi3eAt .currentStatusContainer-jLSOfudU .currentStatus-BFQWpwYC {
  height: 2.25em;
}
.containerLandscape-rQLi3eAt .timer-ItAWXRS8 {
  grid-row: 1/2;
  grid-column: 8/9;
  align-self: end;
  width: 100%;
  height: 2.25em;
}
.containerLandscape-rQLi3eAt .tradeButton-BgRRP9Nn {
  grid-row: 2/2;
  grid-column: 3/8;
}
.containerLandscape-rQLi3eAt .buyDevelopmentCardButton-ZZiU63kF {
  grid-row: 2/2;
  grid-column: 4/8;
}
.containerLandscape-rQLi3eAt .cityWallButton-h46ABjVl {
  grid-row: 2/2;
  grid-column: 4/8;
}
.containerLandscape-rQLi3eAt .roadButton-Fj8MaFrs {
  grid-row: 2/2;
  grid-column: 5/8;
}
.containerLandscape-rQLi3eAt .settlementButton-bA9oNaR0 {
  grid-row: 2/2;
  grid-column: 6/8;
}
.containerLandscape-rQLi3eAt .cityButton-ROgnxYv3 {
  grid-row: 2/2;
  grid-column: 7/8;
}
.containerLandscape-rQLi3eAt .turnButton-klLaRZeE {
  grid-row: 2/2;
  grid-column: 8/9;
}

.containerPotrait-_0QG0rEN {
  display: flex;
  gap: 0.25em;
  justify-content: flex-end;
}
.containerPotrait-_0QG0rEN .actionButton-mJLb8ACX {
  position: relative;
  width: 3.5em;
  height: 3.5em;
  pointer-events: all;
}
.containerPotrait-_0QG0rEN .actionButton-mJLb8ACX.hidden-v2yywdOf {
  visibility: hidden;
  pointer-events: none;
}

.storybookButton-koflQM6p {
  width: 4rem;
  height: 4rem;
  font-size: 1.25rem;
}

.storybookButtonSmall-n4MJ43ik {
  width: 2rem;
  height: 2rem;
  font-size: 1rem;
}

.storybookContainer-HPZfc_qo {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  font-size: 1rem;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/common/UIGameResourceCardsTooltipContent/UIGameResourceCardsTooltipContent.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container-i9Mc2aqN {
  display: flex;
  transform: translateY(0.25em);
  width: fit-content;
  user-select: none;
}
.container-i9Mc2aqN .brightnessFlickerAnimation-pSTy7QYS {
  animation: linear brightnessFlicker-UVwHa_yA 0.5s infinite;
}
@keyframes brightnessFlicker-UVwHa_yA {
  0%, 25% {
    filter: brightness(0.6);
  }
  50%, 75% {
    filter: brightness(1.1);
  }
  100% {
    filter: brightness(0.6);
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameActionButtonsContainer/UIGameActionButtonTurn/UIGameActionButtonTurnToggleCount.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.icon-IxdN0N4y {
  padding-top: 0.1em;
  padding-left: 0.1em;
  height: 1em;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameActionButtonsContainer/UIGameActionButtonCityImprovements/UIGameActionButtonCityImprovements.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
.container-KRyjoaVz {
  position: relative;
  width: fit-content;
}
.container-KRyjoaVz .cityImprovementTrackerIcon-J1TDKOaN {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40%;
}

.extraButtons-iRLSI8Hb {
  display: flex;
  position: absolute;
  bottom: calc(100% + 0.25em);
  left: 50%;
  gap: 0.25em;
  transform: translateX(-50%);
  z-index: 1;
}
.extraButtons-iRLSI8Hb.hidden-BFfQ0L_c {
  display: none;
}
.extraButtons-iRLSI8Hb .cityImprovementTrackerSquare-g1P3IvYp {
  height: 50%;
  aspect-ratio: 1/1;
}

.cityImprovementTracker-Bn6MS3n6 {
  width: 100%;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameActionButtonsContainer/UIGameActionButtonKnightActions/UIGameActionButtonKnightActions.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
.container-fn6a3TeG {
  position: relative;
  width: fit-content;
}

.extraButtons-q3SljCeM {
  display: flex;
  position: absolute;
  bottom: calc(100% + 0.25em);
  left: 50%;
  gap: 0.25em;
  transform: translateX(-50%);
  z-index: 1;
}
.extraButtons-q3SljCeM.hidden-ZY06qmCD {
  display: none;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameTimer/UIGameTimer.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.container-pBn83kjC {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25em;
  background: linear-gradient(180deg, #fcfaf5, #e2d7c4);
  width: 5em;
  height: 2em;
  color: #000;
  user-select: none;
}
.container-pBn83kjC.hidden-oWNHwS4D {
  opacity: 0;
  pointer-events: none;
}
.container-pBn83kjC .red-nRYeUzWr {
  color: #ef3f2a !important;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameCurrentStatus/UIGameCurrentStatus.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.container-D7i7Neb1 {
  display: flex;
  gap: 0.5em;
  align-items: center;
  border-radius: 0.25em;
  background: linear-gradient(180deg, #fcfaf5, #e2d7c4);
  padding: 0.1em 0.25em;
  height: 2.5em;
  user-select: none;
  pointer-events: all;
}
.container-D7i7Neb1.hidden-KIxlNzdk {
  opacity: 0;
  pointer-events: none;
}
.container-D7i7Neb1 .avatarWrapper-HSuTqmwd {
  flex-shrink: 0;
  max-width: 2em;
  height: 100%;
  max-height: 2em;
  aspect-ratio: 1/1;
}
.container-D7i7Neb1 .messageTooltip-XimTsMdB {
  flex: 1;
  min-width: 0;
}
.container-D7i7Neb1 .messageContainer-YkGmcXyR {
  padding-left: 0.25em;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #202020;
  font-size: 0.875em;
}
.container-D7i7Neb1 .messageContainer-YkGmcXyR:has(> span) {
  display: flex;
  justify-content: center;
  white-space: pre;
}
.container-D7i7Neb1 .messageContainer-YkGmcXyR > span {
  flex: 0 1 auto;
  min-width: 1ch;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/common/UIGameActionBox/UIGameActionBoxBase.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.actionBox-v9eq6B7q {
  border-radius: 0.25em;
  background: linear-gradient(180deg, #fcfaf5, #e2d7c4);
  overflow: hidden;
  color: #000;
  pointer-events: auto;
}

.header-WVNbzz8k {
  display: flex;
  gap: 0.5em;
  align-items: flex-start;
  padding: 0.75em 0.5em;
  color: #000;
}
.header-WVNbzz8k .title-rutzP0fk {
  margin: 0 0 0.25em;
  line-height: 1;
  font-size: 1.125em;
  font-weight: 600;
}
.header-WVNbzz8k .body-Ll75u5Yy {
  margin: 0;
  line-height: 1.25;
  font-size: 0.875em;
}
.header-WVNbzz8k .headerImage-_i_MJwWc {
  height: 4.75em;
  object-fit: contain;
}
.header-WVNbzz8k .headerConfirmationButtons-JOTkR3ai {
  display: flex;
  gap: 0.5em;
  align-self: flex-end;
  margin-left: auto;
  padding-left: 0.5em;
}

.interactiveBody-XrhFOg3O {
  display: flex;
  gap: 0.5em;
  align-items: flex-end;
  background: linear-gradient(180deg, #fcfaf5, #e2d7c4);
  padding: 0.5em;
}
.interactiveBody-XrhFOg3O .bodyConfirmationButtons-rWenyueH {
  display: flex;
  flex-shrink: 0;
  gap: 0.5em;
}

.footer-E2Z2Aumx {
  display: flex;
  gap: 0.5em;
  align-items: center;
  justify-content: space-between;
  padding: 0.5em;
}
.footer-E2Z2Aumx .footerConfirmationButtons-KxiWDcIE {
  display: flex;
  flex-shrink: 0;
  gap: 0.5em;
}

.closeButton-aQRpmdIJ, .confirmButton-J9JP_iO6 {
  position: relative;
  width: 2.5em;
  height: 2.5em;
}
.closeButton-aQRpmdIJ:hover:not(.faded-UXBNCpUY), .confirmButton-J9JP_iO6:hover:not(.faded-UXBNCpUY) {
  transform: scale(0.95);
  cursor: pointer;
}
.closeButton-aQRpmdIJ.faded-UXBNCpUY, .confirmButton-J9JP_iO6.faded-UXBNCpUY {
  opacity: 0.5;
}
.closeButton-aQRpmdIJ .buttonBackground-u6QT8Ts0, .confirmButton-J9JP_iO6 .buttonBackground-u6QT8Ts0 {
  width: 100%;
  pointer-events: none;
}
.closeButton-aQRpmdIJ .buttonIcon-IFLqgpH5, .confirmButton-J9JP_iO6 .buttonIcon-IFLqgpH5 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 60%;
}

.storybookInteractiveBody-eQH3uD44 {
  padding: 1em;
  text-align: center;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/common/UIGameActionBox/variants/UIGameActionBoxPickCard/UIGameActionBoxPickCard.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.actionBoxWrapper-UYRTPeGF {
  display: flex;
  flex: 1;
  flex-direction: column;
  pointer-events: auto;
}

.cardSelectionContainer-PytEg_I9 {
  display: flex;
  flex: 1;
  gap: 1em;
  padding-top: 0;
  overflow: hidden;
}
.cardSelectionContainer-PytEg_I9 .cardSelection-Xs4eV70g {
  flex: 1;
  min-width: 0;
  height: 3.5em;
}
.cardSelectionContainer-PytEg_I9.hasScalableCards-MeSsoSQp {
  align-items: flex-end;
  padding-top: 0.9em;
}

.selectedCardsFooter-EGOuiz67 {
  display: flex;
  flex-direction: row;
  gap: 0.75em;
  width: 100%;
}
.selectedCardsFooter-EGOuiz67 .selectedCardsInventory-nqER_xSN {
  flex: 1;
  min-width: 0;
  height: 3.25em;
}

.hasCardInventory-m2iTLejl {
  margin-bottom: 0;
}

.footerCardInfo-x9NZ8jM_ {
  margin-left: 2.25em;
  width: 100%;
}
.footerCardInfo-x9NZ8jM_ .cardTitle-r0ukdUTS {
  font-size: 0.9em;
  font-weight: 600;
}
.footerCardInfo-x9NZ8jM_ .cardBody-M9Os4wD9 {
  max-width: 30em;
  font-size: 0.8em;
}

.emptyFooter-igvQNWWc {
  min-height: 2.75em;
}

.redTitle-AEwPB2oI {
  color: #ef3f2a;
}

.greenTitle-dA9ouMWI {
  color: #1fab1c;
}

.playerContainer-V_0XftBL {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.playerContainer-V_0XftBL .playerAvatar-CGPOPLHc {
  width: 2em;
  height: 2em;
}
.playerContainer-V_0XftBL .playerName-g82aNQ8h {
  width: 100%;
  max-width: 5em;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.875em;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/common/UIGameActionBox/variants/UIGameActionBoxPickPlayer/UIGameActionBoxPickPlayer.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
.playerGrid-LvIa2dp7 {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  gap: 0.25em;
  justify-content: flex-start;
  overflow-x: auto;
}

.playerOption-NNnNheF6 {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
  align-items: center;
  opacity: 0.3;
  border-radius: 0.25em;
  cursor: pointer;
  padding: 0.25em;
  width: 5em;
  user-select: none;
}
.playerOption-NNnNheF6:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.playerOption-NNnNheF6.selected-xfsBUk3g {
  opacity: 1;
}
.playerOption-NNnNheF6.invalid-SXWxjEka {
  filter: grayscale(100%);
  cursor: default;
}
.playerOption-NNnNheF6.invalid-SXWxjEka:hover {
  background-color: transparent;
}
.playerOption-NNnNheF6 .playerAvatarWrapper-OZnQsMxJ {
  position: relative;
}
.playerOption-NNnNheF6 .playerAvatar-mS0ZMktc {
  width: 3em;
  height: 3em;
}
.playerOption-NNnNheF6 .vpBadge-FsWQl6Mf {
  position: absolute;
  top: 0;
  right: -0.5em;
}
.playerOption-NNnNheF6 .playerName-rvYOEF5z {
  width: 100%;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  color: #202020;
  font-size: 0.875em;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGamePlayerInfo/UIGamePlayerInfoHeader/UIGamePlayerInfoHeaderPointsPublic/UIGamePlayerInfoHeaderPointsPublic.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.container-KiioNfyO {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: calc(24px * var(--player-info-scale, 1));
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  background: color-mix(in oklch, #000 15%, var(--color));
  width: calc(24px * var(--player-info-scale, 1));
  height: calc(24px * var(--player-info-scale, 1));
  font-size: calc(0.875rem * var(--player-info-scale, 1));
  font-weight: 700;
}
.container-KiioNfyO .points-weLc5tmg {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: calc(22px * var(--player-info-scale, 1));
  background: linear-gradient(to bottom, color-mix(in oklch, #000 10%, var(--color)), var(--color) 70%) padding-box, linear-gradient(to bottom, color-mix(in oklch, #fff 50%, var(--color)), var(--color) 50%) border-box;
  width: calc(22px * var(--player-info-scale, 1));
  height: calc(22px * var(--player-info-scale, 1));
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  color: #fff;
}
.container-KiioNfyO.blackText-F5cYRUAu .points-weLc5tmg {
  text-shadow: none;
  color: #323232;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/common/UIGameActionBox/variants/UIGameActionBoxPickDice/DiceSelector/DiceSelector.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.diceSelectorContainer-nofO46Z_ {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25em;
}

.diceSelector-NN0uHrXp {
  opacity: 0.3;
  cursor: pointer;
}
.diceSelector-NN0uHrXp:hover {
  transform: scale(1.1);
}
.diceSelector-NN0uHrXp:hover.disableHover-zJNh0PIL {
  transform: none;
}
.diceSelector-NN0uHrXp.selected-FcGa3rUF {
  opacity: 1;
}
.diceSelector-NN0uHrXp .diceImage-z8JSecQp {
  height: 3em;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/common/UIGameActionBox/variants/UIGameActionBoxPickDice/UIGameActionBoxPickDice.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.diceRow-sgWJitpy {
  margin-left: 0.5em;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameBottom/UIGameBottomPortrait.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.containerLandscape-RbRWf7xP {
  display: grid;
  grid-template-rows: repeat(2, 4.5em);
  gap: 0.25em;
}
.containerLandscape-RbRWf7xP.spectator-rfazUp20 {
  grid-template-columns: repeat(4, 4.5em);
}
.containerLandscape-RbRWf7xP.spectator-rfazUp20 .currentStatus-Qk5X8E6C {
  grid-row: 1/2;
  grid-column: 3 span;
  align-self: end;
  height: 2.25em;
}
.containerLandscape-RbRWf7xP.spectator-rfazUp20 .timer-RrFPZ84K {
  grid-row: 1/2;
  grid-column: 4/5;
  align-self: end;
  width: 100%;
  height: 2.25em;
}
.containerLandscape-RbRWf7xP.replay-RQTPkoRI {
  grid-template-columns: repeat(3, 4.5em);
}
.containerLandscape-RbRWf7xP.replay-RQTPkoRI .currentStatus-Qk5X8E6C {
  grid-row: 1/2;
  grid-column: 3 span;
  align-self: end;
  height: 2.25em;
}
.containerLandscape-RbRWf7xP.hideButtonsForTradeUI-mR2bixBy .knightActionsButton-IL_P3374 {
  visibility: hidden;
}
.containerLandscape-RbRWf7xP.hideButtonsForTradeUI-mR2bixBy .cityImprovementsButton-mXv2hlFF {
  visibility: hidden;
}
.containerLandscape-RbRWf7xP.hideButtonsForTradeUI-mR2bixBy .shipButton-IDXAlOsr {
  visibility: hidden;
}
.containerLandscape-RbRWf7xP.hideButtonsForTradeUI-mR2bixBy .shipMoveButton-WBe7sS4D {
  visibility: hidden;
}
.containerLandscape-RbRWf7xP .actionButton-MfIzrkUn {
  position: relative;
  width: 4.5em;
  height: 4.5em;
  pointer-events: all;
}
.containerLandscape-RbRWf7xP .actionButton-MfIzrkUn.hidden-kGvMqLbt {
  visibility: hidden;
  pointer-events: none;
}
.containerLandscape-RbRWf7xP .knightActionsButton-IL_P3374 {
  grid-row: 1/2;
  grid-column: 3/8;
}
.containerLandscape-RbRWf7xP .cityImprovementsButton-mXv2hlFF {
  grid-row: 1/2;
  grid-column: 4/8;
}
.containerLandscape-RbRWf7xP .shipButton-IDXAlOsr {
  grid-row: 1/2;
}
.containerLandscape-RbRWf7xP .shipMoveButton-WBe7sS4D {
  grid-row: 1/2;
}
.containerLandscape-RbRWf7xP .specialBuildPhaseButtonContainer-t4pmcXnk {
  display: flex;
  grid-row: 1/2;
  grid-column: 2/5;
  align-items: flex-end;
  justify-content: flex-end;
}
.containerLandscape-RbRWf7xP .specialBuildPhaseButtonContainer-t4pmcXnk .specialBuildPhaseButton-tMjgEDYo {
  width: 2em;
  height: 2em;
  pointer-events: all;
}
.containerLandscape-RbRWf7xP .currentStatusContainer-u823HZ75 {
  display: flex;
  flex-direction: column;
  grid-row: 1/2;
  grid-column: 3 span/8;
  gap: 0.25em;
  justify-content: flex-end;
}
.containerLandscape-RbRWf7xP .currentStatusContainer-u823HZ75 .specialBuildPhaseButton-tMjgEDYo {
  width: 2em;
  height: 2em;
  pointer-events: all;
}
.containerLandscape-RbRWf7xP .currentStatusContainer-u823HZ75 .currentStatus-Qk5X8E6C {
  height: 2.25em;
}
.containerLandscape-RbRWf7xP .timer-RrFPZ84K {
  grid-row: 1/2;
  grid-column: 8/9;
  align-self: end;
  width: 100%;
  height: 2.25em;
}
.containerLandscape-RbRWf7xP .tradeButton-DbB9OmXs {
  grid-row: 2/2;
  grid-column: 3/8;
}
.containerLandscape-RbRWf7xP .buyDevelopmentCardButton-q2iTIs7M {
  grid-row: 2/2;
  grid-column: 4/8;
}
.containerLandscape-RbRWf7xP .cityWallButton-S5dx7ASr {
  grid-row: 2/2;
  grid-column: 4/8;
}
.containerLandscape-RbRWf7xP .roadButton-QCJE1Jsg {
  grid-row: 2/2;
  grid-column: 5/8;
}
.containerLandscape-RbRWf7xP .settlementButton-VhRB1dnn {
  grid-row: 2/2;
  grid-column: 6/8;
}
.containerLandscape-RbRWf7xP .cityButton-P2Lq5UDS {
  grid-row: 2/2;
  grid-column: 7/8;
}
.containerLandscape-RbRWf7xP .turnButton-QSDIrsDZ {
  grid-row: 2/2;
  grid-column: 8/9;
}

.containerPotrait-P_eV4okS {
  display: flex;
  gap: 0.25em;
  justify-content: flex-end;
}
.containerPotrait-P_eV4okS .actionButton-MfIzrkUn {
  position: relative;
  width: 3.5em;
  height: 3.5em;
  pointer-events: all;
}
.containerPotrait-P_eV4okS .actionButton-MfIzrkUn.hidden-kGvMqLbt {
  visibility: hidden;
  pointer-events: none;
}

.storybookButton-X_vBeDoj {
  width: 4rem;
  height: 4rem;
  font-size: 1.25rem;
}

.storybookButtonSmall-ggetY0XW {
  width: 2rem;
  height: 2rem;
  font-size: 1rem;
}

.storybookContainer-H_phploJ {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  font-size: 1rem;
}

.buttonContainer-gt1aVfQQ {
  border: 1px solid transparent;
  pointer-events: all;
}
.buttonContainer-gt1aVfQQ.bubble-J1F7uwyz {
  position: relative;
}
.buttonContainer-gt1aVfQQ.bubble-J1F7uwyz::before {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0.5em;
  background-color: #ef3f2a;
  width: 0.5em;
  height: 0.5em;
  content: "";
}
.buttonContainer-gt1aVfQQ.selected-d8GI9C0j {
  border: 1px solid #dbedff;
  border-radius: 0.5em;
  background-color: rgba(0, 0, 0, 0.2);
}
.buttonContainer-gt1aVfQQ .icon-Il50TdXA {
  display: block;
}
.buttonContainer-gt1aVfQQ .icon-Il50TdXA img {
  display: block;
  width: 2.5em;
  height: 2.5em;
}
@media (min-width: 767px) {
  .buttonContainer-gt1aVfQQ .icon-Il50TdXA img {
    width: 2em;
    height: 2em;
  }
}

.container-eR0dZkv0 {
  display: inline-flex;
  flex-direction: column;
  gap: 8px;
}

.bottomContainerPortrait-o4cs5HHR {
  --inventory-height: 4.5em;
  display: grid;
  position: relative;
  grid-template-rows: [start] auto [inventory-start] var(--inventory-height) [end];
  grid-template-columns: [feeds-button-start] calc(2.5em + 8px) [action-start] 1fr [end];
  gap: 0.25em;
  width: 100%;
  height: fit-content;
}
.bottomContainerPortrait-o4cs5HHR.popupShowing-N2mLB_7_ {
  grid-template-rows: [start] auto [inventory-start] auto [end];
}
.bottomContainerPortrait-o4cs5HHR.popupShowing-N2mLB_7_ .gameInventoryContainer-nmnMC_cj {
  grid-row: auto;
}
.bottomContainerPortrait-o4cs5HHR.popupShowing-N2mLB_7_ .gameInventorySpectatorContainer-nnHv2ycT {
  grid-row: auto;
}
.bottomContainerPortrait-o4cs5HHR.popupShowing-N2mLB_7_ .gameHelpOpenChatLogsButtonContainer-c_bw740W {
  position: absolute;
  bottom: 100%;
  left: 0;
  z-index: auto;
}
.bottomContainerPortrait-o4cs5HHR.popupShowing-N2mLB_7_ .actionsContainer-i5goL21h .gameChatLogsContainer-Zwi7UE1o {
  position: absolute;
  bottom: 0;
  left: 0;
}
.bottomContainerPortrait-o4cs5HHR .gameReplayControlsContainer-srB1FGy6 {
  grid-row: auto;
  grid-column: feeds-button-start/end;
  padding: 0 0.25em;
  pointer-events: all;
}
.bottomContainerPortrait-o4cs5HHR .gameActionBox-hStnlJBU {
  position: absolute;
  right: 0;
  bottom: var(--inventory-height);
  left: 0;
  z-index: 7;
  pointer-events: all;
}
.bottomContainerPortrait-o4cs5HHR .gameActionBox-hStnlJBU .actionBoxDiceGroup-K6M6mt4I {
  position: absolute;
  right: 0;
  bottom: 100%;
  gap: 0.25em;
  z-index: 1;
  padding-bottom: 0.25em;
  height: 3.5em;
}
.bottomContainerPortrait-o4cs5HHR .actionsContainer-i5goL21h {
  display: flex;
  position: relative;
  flex-direction: column;
  grid-row: start/inventory-start;
  grid-column: action-start/end;
  gap: 0.25em;
  align-items: end;
  margin-right: 0.25em;
}
.bottomContainerPortrait-o4cs5HHR .actionsContainer-i5goL21h .diceGroup-fcBs_wga {
  gap: 0.25em;
  z-index: 1;
  height: 3.5em;
  pointer-events: all;
}
.bottomContainerPortrait-o4cs5HHR .actionsContainer-i5goL21h .actionButtonContainer-Uw8VCR7W {
  z-index: 1;
}
.bottomContainerPortrait-o4cs5HHR .actionsContainer-i5goL21h .gameChatLogsContainer-Zwi7UE1o {
  display: flex;
  z-index: 6;
  width: 100%;
  height: 20vh;
}
.bottomContainerPortrait-o4cs5HHR .actionsContainer-i5goL21h .gameChatLogsContainer-Zwi7UE1o.rushIntroActive-n4TDmHA7 {
  height: fit-content;
}
@media (min-width: 767px) {
  .bottomContainerPortrait-o4cs5HHR .actionsContainer-i5goL21h .gameChatLogsContainer-Zwi7UE1o {
    font-size: 1rem;
  }
}
@media (max-height: 670px) {
  .bottomContainerPortrait-o4cs5HHR .actionsContainer-i5goL21h .gameChatLogsContainer-Zwi7UE1o:focus-within {
    position: absolute;
    bottom: 0;
    height: min(175px, 50vh);
  }
}
.bottomContainerPortrait-o4cs5HHR .gameInventorySpectatorContainer-nnHv2ycT {
  grid-row: inventory-start/end;
  grid-column: feeds-button-start/end;
  z-index: 1;
  background: #0a4986;
}
.bottomContainerPortrait-o4cs5HHR .gameInventoryContainer-nmnMC_cj {
  grid-row: inventory-start/end;
  grid-column: feeds-button-start/end;
  z-index: 1;
}
.bottomContainerPortrait-o4cs5HHR .gameHelpOpenChatLogsButtonContainer-c_bw740W {
  grid-row: start/inventory-start;
  grid-column: feeds-button-start/action-start;
  align-self: end;
  z-index: 5;
  margin-left: 8px;
}
@media (min-width: 767px) {
  .bottomContainerPortrait-o4cs5HHR {
    grid-template-columns: [feeds-button-start] calc(2em + 8px) [action-start] 1fr [end];
    font-size: 1.5rem;
  }
  .bottomContainerPortrait-o4cs5HHR .actionsContainer-i5goL21h {
    display: grid;
    grid-template-rows: 1fr 3.5em;
    grid-template-columns: 1fr 1fr;
  }
  .bottomContainerPortrait-o4cs5HHR .actionsContainer-i5goL21h .diceGroup-fcBs_wga {
    grid-row: 1/2;
    grid-column: 2/2;
    justify-self: end;
  }
  .bottomContainerPortrait-o4cs5HHR .actionsContainer-i5goL21h .actionButtonContainer-Uw8VCR7W {
    grid-row: 2/2;
    grid-column: 2/2;
  }
  .bottomContainerPortrait-o4cs5HHR .actionsContainer-i5goL21h .gameChatLogsContainer-Zwi7UE1o {
    grid-row: 2 span;
    grid-column: 1/2;
  }
}
@media (min-width: 767px) and (max-height: 768px) and (orientation: landscape) {
  .bottomContainerPortrait-o4cs5HHR {
    font-size: 1.15rem;
  }
}

.hidden-kGvMqLbt {
  display: none;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameHelpButtons/UIGameHelpChatLogsButton/UIGameHelpChatLogsButton.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.buttonContainer-TVZs16xV {
  border: 1px solid transparent;
  pointer-events: all;
}
.buttonContainer-TVZs16xV.bubble-CUFK9Yuo {
  position: relative;
}
.buttonContainer-TVZs16xV.bubble-CUFK9Yuo::before {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0.5em;
  background-color: #ef3f2a;
  width: 0.5em;
  height: 0.5em;
  content: "";
}
.buttonContainer-TVZs16xV.selected-F36AuYO3 {
  border: 1px solid #dbedff;
  border-radius: 0.5em;
  background-color: rgba(0, 0, 0, 0.2);
}
.buttonContainer-TVZs16xV .icon-MEJ5BXlg {
  display: block;
}
.buttonContainer-TVZs16xV .icon-MEJ5BXlg img {
  display: block;
  width: 2.5em;
  height: 2.5em;
}
@media (min-width: 767px) {
  .buttonContainer-TVZs16xV .icon-MEJ5BXlg img {
    width: 2em;
    height: 2em;
  }
}

.container-p_sVXfU2 {
  display: inline-flex;
  flex-direction: column;
  gap: 8px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGamePortraitTop/UIGamePortraitTop.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
.topContainerPortrait-ZhJpC7X4 {
  display: grid;
  grid-template-columns: [help-buttons-start] 1fr [bank-start] auto [toggle-player-info-start] 1fr [end];
  gap: 4px;
  padding: 8px;
  width: 100%;
}
.topContainerPortrait-ZhJpC7X4 .helpButtonsContainer-JaM4xjpN {
  display: grid;
  grid-template-columns: 40px 40px;
  grid-column: help-buttons-start/bank-start;
  gap: 4px;
  z-index: 5;
}
.topContainerPortrait-ZhJpC7X4 .helpButtonsContainer-JaM4xjpN .settingsButtonContainer-alEDDNoh, .topContainerPortrait-ZhJpC7X4 .helpButtonsContainer-JaM4xjpN .infoButtonContainer-MrBF5iuT {
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
}
.topContainerPortrait-ZhJpC7X4 .helpButtonsContainer-JaM4xjpN .settingsButtonContainer-alEDDNoh .settingsButton-LlEUj7vX, .topContainerPortrait-ZhJpC7X4 .helpButtonsContainer-JaM4xjpN .settingsButtonContainer-alEDDNoh .infoButton-L9LtXfUS, .topContainerPortrait-ZhJpC7X4 .helpButtonsContainer-JaM4xjpN .infoButtonContainer-MrBF5iuT .settingsButton-LlEUj7vX, .topContainerPortrait-ZhJpC7X4 .helpButtonsContainer-JaM4xjpN .infoButtonContainer-MrBF5iuT .infoButton-L9LtXfUS {
  width: 2em;
  height: 2em;
}
.topContainerPortrait-ZhJpC7X4 .helpButtonsContainer-JaM4xjpN .settingsButtonContainer-alEDDNoh .settingsButton-LlEUj7vX img, .topContainerPortrait-ZhJpC7X4 .helpButtonsContainer-JaM4xjpN .settingsButtonContainer-alEDDNoh .infoButton-L9LtXfUS img, .topContainerPortrait-ZhJpC7X4 .helpButtonsContainer-JaM4xjpN .infoButtonContainer-MrBF5iuT .settingsButton-LlEUj7vX img, .topContainerPortrait-ZhJpC7X4 .helpButtonsContainer-JaM4xjpN .infoButtonContainer-MrBF5iuT .infoButton-L9LtXfUS img {
  width: 2em;
  height: 2em;
}
.topContainerPortrait-ZhJpC7X4 .gameEndReturnToStatsContainer-EoPKSDET {
  display: flex;
  grid-column: help-buttons-start/bank-start;
  align-items: center;
  justify-content: flex-start;
  z-index: 5;
}
.topContainerPortrait-ZhJpC7X4 .gameEndReturnToStatsContainer-EoPKSDET .gameEndReturnToStatsButton-Ql2rRS7w {
  height: 2.75em;
}
.topContainerPortrait-ZhJpC7X4 .gameBankContainer-sSssmW6V {
  grid-column: bank-start/toggle-player-info-start;
  isolation: isolate;
  min-width: 0;
  pointer-events: auto;
}
.topContainerPortrait-ZhJpC7X4 .gamePlayerInfoToggleContainer-v7yVO7Tf {
  display: flex;
  grid-column: toggle-player-info-start/end;
  gap: 4px;
  align-items: center;
  justify-content: flex-end;
  pointer-events: auto;
}
.topContainerPortrait-ZhJpC7X4 .gamePlayerInfoToggleContainer-v7yVO7Tf .gamePlayerInfoToggleIcon-EFx6gcX1 {
  display: block;
  width: 100%;
  height: 100%;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameBankPortrait/UIGameBankPortrait.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.container-gIyvNpOO {
  display: inline-flex;
  align-items: center;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.1);
  padding: 4px;
  width: 100%;
}
.container-gIyvNpOO .bankIcon-xOrZupwt {
  flex-shrink: 0;
  padding: 0.2em;
  width: 1.8em;
  height: 1.8em;
}
.container-gIyvNpOO .cardInventory-Ce0gYGZU {
  min-height: 2.375em;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGamePlayerInfoToggle/UIGamePlayerInfoToggle.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
.container-bk50rCjQ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  border-radius: 4px;
  padding: 4px;
  width: 40px;
  height: 40px;
}
.container-bk50rCjQ.active-hX8FvKs3 {
  background-color: rgba(0, 0, 0, 0.2);
}
.container-bk50rCjQ .content-el5gNyXy {
  width: 32px;
  height: 20px;
}
.container-bk50rCjQ .arrow-FSrfbceD {
  width: 12px;
}
.container-bk50rCjQ .arrow-FSrfbceD.active-hX8FvKs3 {
  transform: rotate(180deg);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGamePlayerInfoToggle/UIGamePlayerInfoToggleContentPieces.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container-c8Yk8qRY {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.container-c8Yk8qRY .pieces-joVSgyMo {
  width: 100%;
  height: 100%;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameRotateDevice/UIGameRotateDevice.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
.title-CfvcKrBw {
  margin: 0;
  font-size: 1.25rem;
}

.content-N3oUc7gX {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}

.image-Jg2Hax6F {
  max-width: 140px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGamePlayerInfoContainerAll/UIGamePlayerInfoContainerAll.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
.container-AGHrPJzc {
  display: flex;
  gap: 3px;
  justify-content: center;
  width: 100%;
}
.container-AGHrPJzc.threePlayers-YYy34SdB {
  --player-info-scale: 1.25;
  gap: 8px;
}
.container-AGHrPJzc.threePlayers-YYy34SdB .opponentsContainer-TQlt5ffX {
  gap: 8px;
}
.container-AGHrPJzc.twoPlayers-fIepfPKG {
  --player-info-scale: 1.25;
  gap: 20px;
}
.container-AGHrPJzc > .playerColorWrapper-jI1QguQe {
  display: flex;
  flex-shrink: 0;
}
.container-AGHrPJzc .opponentsContainer-TQlt5ffX {
  display: flex;
  flex: 0 1 auto;
  gap: 3px;
  width: auto;
  min-width: 0;
}
.container-AGHrPJzc .opponentsContainer-TQlt5ffX .playerColorWrapper-jI1QguQe {
  display: flex;
  flex-shrink: 0;
}
@media (min-width: 767px) {
  .container-AGHrPJzc {
    justify-content: flex-end;
  }
  .container-AGHrPJzc .opponentsContainer-TQlt5ffX {
    max-width: 285.75px;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGamePlayerInfo/UIGamePlayerInfo.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.container-BPxwfHss {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.container-BPxwfHss .containerInner-GX8TXg_Q {
  display: flex;
  flex-direction: column;
  border-radius: 6px;
  padding: 3px 1px 1px;
}
.container-BPxwfHss .containerInner-GX8TXg_Q:not(.hasFooter-ITAwfeQB) {
  margin-bottom: -1px;
}
.container-BPxwfHss .containerInner-GX8TXg_Q.hasFooter-ITAwfeQB {
  background: linear-gradient(to bottom, transparent 20%, #1e90ff calc(100% - 30px));
}
.container-BPxwfHss .extraFooterContainer-idiyTvfy {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 374px) {
  .container-BPxwfHss {
    width: calc(85.75px * var(--player-info-scale, 1));
  }
}
@media (min-width: 375px) and (max-width: 389px) {
  .container-BPxwfHss {
    width: calc(89.5px * var(--player-info-scale, 1));
  }
}
@media (min-width: 390px) {
  .container-BPxwfHss {
    width: calc(93.25px * var(--player-info-scale, 1));
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGamePlayerInfo/UIGamePlayerInfoHeader/UIGamePlayerInfoHeader.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.wrapper-S8j8o4Mf {
  position: relative;
  color: #fff;
}
.wrapper-S8j8o4Mf.blackText-fFHT_AFt {
  color: #323232;
}
.wrapper-S8j8o4Mf .pointsPublicContainer-iiE9YBPr {
  position: absolute;
  transform: translateY(-2px);
  z-index: 1;
}

.container-HY9yxxvF {
  display: flex;
  position: relative;
  align-items: center;
  margin: 0 calc(5px * var(--player-info-scale, 1));
  isolation: isolate;
  padding: calc(2px * var(--player-info-scale, 1));
}
.container-HY9yxxvF .background-_AHuiwLA {
  position: absolute;
  z-index: -1;
  border: 1px solid transparent;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background: linear-gradient(to bottom, var(--player-color) 80%, color-mix(in srgb, #000 10%, var(--player-color)) 100%) padding-box, linear-gradient(to bottom, color-mix(in srgb, #fff 20%, var(--player-color)), var(--player-color) 60%, var(--player-color) 80%, color-mix(in srgb, #000 10%, var(--player-color)) 100%) border-box;
  inset: 0;
}
.container-HY9yxxvF .pointsPublicBuffer-Rj25sjL2 {
  width: calc(16px * var(--player-info-scale, 1));
}
.container-HY9yxxvF .pointsPublicAndPrivateBuffer-sHTXkJVi {
  width: calc(14px * var(--player-info-scale, 1));
}
.container-HY9yxxvF .pointsPrivateContainer-P5i5LTDS {
  display: inline-flex;
}
.container-HY9yxxvF .avatarContainer-wYxKcP2H {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  user-select: none;
  -webkit-touch-callout: none; /* disables iOS long-press menu */
}
.container-HY9yxxvF .avatarContainer-wYxKcP2H .avatar-SdFuCefB {
  height: calc(14px * var(--player-info-scale, 1));
}
.container-HY9yxxvF .username-pW78j84q {
  flex: 1 1 0;
  min-width: 0;
  max-width: calc(45px * var(--player-info-scale, 1));
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: calc(0.625rem * var(--player-info-scale, 1));
  font-weight: 600;
}
.container-HY9yxxvF .username-pW78j84q.usernameWithPrivatePoints-rXT8mhTG {
  max-width: calc(34px * var(--player-info-scale, 1));
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGamePlayerInfo/UIGamePlayerInfoHeader/UIGamePlayerInfoHeaderPointsPrivate/UIGamePlayerInfoHeaderPointsPrivate.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.container-kkcRVQqF {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: color-mix(in srgb, var(--color) 70%, #000);
  padding: 0 calc(4px * var(--player-info-scale, 1));
}
.container-kkcRVQqF .points-aE0V6ZTk {
  padding-bottom: 1px;
  line-height: 1.25;
  font-size: calc(0.625rem * var(--player-info-scale, 1));
  font-weight: 700;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGamePlayerInfo/UIGamePlayerInfoFooter/UIGamePlayerInfoFooter.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.container-b_jd3Z2z {
  padding: calc(2px * var(--player-info-scale, 1));
  width: 0;
  min-width: 100%;
  text-align: center;
  overflow-wrap: break-word;
}
.container-b_jd3Z2z .text-c_dIyGEs, .container-b_jd3Z2z .time-kKP0xxvq {
  line-height: 1.25;
  font-family: "Open Sans", sans-serif;
  font-size: calc(0.625rem * var(--player-info-scale, 1));
  font-weight: 600;
}
.container-b_jd3Z2z .text-c_dIyGEs {
  color: rgba(255, 255, 255, 0.8);
  font-weight: normal;
}
.container-b_jd3Z2z .time-kKP0xxvq {
  color: #fff;
}
.container-b_jd3Z2z .lowTime-ijj8_4uW {
  margin: 0 auto;
  border-radius: 4px;
  background-color: #ef3f2a;
  padding: 2px 4px;
  width: fit-content;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGamePlayerInfo/UIGamePlayerInfoBody/UIGamePlayerInfoBody.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.container-yQbP1lNz {
  display: inline-flex;
  flex-direction: column;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  background: linear-gradient(to bottom, #0a4986, #073158) padding-box, linear-gradient(to bottom, rgb(59, 109.4, 158.2), #073158) border-box;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGamePlayerInfo/UIGamePlayerInfoExtraFooter/UIGamePlayerInfoExtraFooter.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.wrapper-nwrwIYR6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 0;
  min-width: 100%;
}

.container-bbEbpHbS {
  display: flex;
  flex-direction: column;
  gap: calc(2px * var(--player-info-scale, 1));
  align-items: center;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: rgb(24.4, 72.7677419355, 119.6);
  padding: calc(2px * var(--player-info-scale, 1)) calc(8px * var(--player-info-scale, 1));
}
.container-bbEbpHbS:has(.outOfTurnActionText-fbXQxGeA) {
  max-width: 100%;
}
.container-bbEbpHbS.rush-ysMucTO_ {
  background-color: #073158;
}

.icons-hIXVM1Jt {
  display: flex;
  gap: calc(4px * var(--player-info-scale, 1));
}
.icons-hIXVM1Jt img {
  display: block;
  height: calc(12px * var(--player-info-scale, 1));
}

.robberIconGroup-Z_1SDXuE {
  display: inline-flex;
  align-items: center;
}
.robberIconGroup-Z_1SDXuE .arrowIcon-aKrIrKMz {
  height: calc(9px * var(--player-info-scale, 1));
}

.usernamePrefix-whokywF1 {
  font-weight: 600;
}

.waitIcon-m9hF6hKf {
  display: inline-flex;
  vertical-align: middle;
}
.container-bbEbpHbS > .waitIcon-m9hF6hKf {
  align-self: center;
}

.outOfTurnActionText-fbXQxGeA {
  text-align: center;
  overflow-wrap: break-word;
  color: #fff;
  font-size: calc(0.5rem * var(--player-info-scale, 1));
}
.outOfTurnActionText-fbXQxGeA .waitIcon-m9hF6hKf {
  display: inline-flex;
  margin-left: 0.35em;
  padding-bottom: 0.1em;
  vertical-align: middle;
}

.time-jMzDaMci {
  color: #fff;
  font-size: calc(0.625rem * var(--player-info-scale, 1));
  font-weight: 600;
}

.lowTime-d1fD5LDH {
  margin: 0 auto;
  border-radius: 4px;
  background-color: #ef3f2a;
  padding: 2px 4px;
  width: fit-content;
}

.diceGroup-MaOOEbIn {
  display: flex;
  gap: calc(2px * var(--player-info-scale, 1));
  align-items: flex-end;
  justify-content: center;
  margin-top: calc(4px * var(--player-info-scale, 1));
}

.die-UcoTMwzw {
  width: calc(24px * var(--player-info-scale, 1));
  height: calc(24px * var(--player-info-scale, 1));
}

.eventDie-dVav8HLM {
  width: calc(16px * var(--player-info-scale, 1));
  height: calc(16px * var(--player-info-scale, 1));
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGamePlayerInfo/UIGamePlayerInfoBody/UIGamePlayerInfoSection/UIGamePlayerInfoSection.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.container-lZzmp4Eq {
  padding: calc(2px * var(--player-info-scale, 1));
}
.container-lZzmp4Eq:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGamePlayerInfo/UIGamePlayerInfoBody/UIGamePlayerInfoSection/UIGamePlayerInfoSectionContent/UIGamePlayerInfoSectionContent.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.container-pGezhO8r {
  display: flex;
  gap: calc(2px * var(--player-info-scale, 1));
  align-items: center;
  justify-content: center;
}
.container-pGezhO8r:has(.usedDevsEmptyIcon-wgx1qlDM) {
  min-height: 2em;
}
.container-pGezhO8r.containerHand-Y1lVFKVu {
  gap: 0;
  justify-content: space-between;
  padding: calc(1px * var(--player-info-scale, 1)) calc(1.5px * var(--player-info-scale, 1));
}
.container-pGezhO8r.containerHand-Y1lVFKVu > div {
  display: flex;
  flex: 1 1 0;
  justify-content: center;
}
.container-pGezhO8r .progressCardBacksContainer-duM6oLIL {
  display: flex;
  flex-shrink: 1;
  align-items: center;
  min-width: 0;
}
.container-pGezhO8r .usedDevsContainer-fADnh1Bm {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.container-pGezhO8r .cityImprovementTrackerContainer-YRt_grSx {
  display: flex;
  flex: 1 0 0;
  align-items: center;
  justify-content: center;
}
.container-pGezhO8r .cityImprovementTracker-FmOAukrF {
  width: calc(20px * var(--player-info-scale, 1));
}
.container-pGezhO8r .usedDevsEmptyIcon-wgx1qlDM {
  width: calc(24px * var(--player-info-scale, 1));
  height: calc(24px * var(--player-info-scale, 1));
}
.container-pGezhO8r .usedDevsEmptyText-MCxUqjiu {
  padding-left: 2px;
  width: calc(36px * var(--player-info-scale, 1));
  line-height: 1.25;
  color: rgba(255, 255, 255, 0.6);
  font-size: calc(0.5rem * var(--player-info-scale, 1));
}

@media (max-width: 374px) {
  .container-pGezhO8r.containerHand-Y1lVFKVu {
    font-size: calc(12px * var(--player-info-scale, 1));
  }
}
@media (min-width: 375px) and (max-width: 389px) {
  .container-pGezhO8r.containerHand-Y1lVFKVu {
    font-size: calc(13px * var(--player-info-scale, 1));
  }
}
@media (min-width: 390px) {
  .container-pGezhO8r.containerHand-Y1lVFKVu {
    font-size: calc(14px * var(--player-info-scale, 1));
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGamePlayerInfo/UIGamePlayerInfoBody/UIGamePlayerInfoSectionImageWithCount/UIGamePlayerInfoSectionImageWithCount.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
.container-a2abP1wb {
  display: flex;
  flex-direction: column;
  gap: calc(1px * var(--player-info-scale, 1));
  align-items: center;
}

.image-yFCIAF3L {
  width: calc(16px * var(--player-info-scale, 1));
  height: calc(16px * var(--player-info-scale, 1));
}

@media (max-width: 374px) {
  .image-yFCIAF3L {
    width: calc(14px * var(--player-info-scale, 1));
    height: calc(14px * var(--player-info-scale, 1));
  }
}
@media (min-width: 375px) and (max-width: 389px) {
  .image-yFCIAF3L {
    width: calc(15px * var(--player-info-scale, 1));
    height: calc(15px * var(--player-info-scale, 1));
  }
}
@media (min-width: 390px) {
  .image-yFCIAF3L {
    width: calc(16px * var(--player-info-scale, 1));
    height: calc(16px * var(--player-info-scale, 1));
  }
}
.count-bT05zDOk {
  line-height: 1;
  font-size: calc(12px * var(--player-info-scale, 1));
}
.count-bT05zDOk.countSm-WWtMD35R {
  font-size: calc(0.625rem * var(--player-info-scale, 1));
}
.count-bT05zDOk.bold-MfQQ0U4D {
  font-weight: bold;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/common/FadeScrollContainer/FadeScrollContainer.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
.container-Fll8oSrG {
  width: 100%;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  mask-image: linear-gradient(to right, transparent 0%, #000 var(--fade-left), #000 calc(100% - var(--fade-right)), transparent 100%);
}
.container-Fll8oSrG::-webkit-scrollbar {
  display: none;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameSettingsDialog/SettingTab/SettingTab.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.settingTabContainer-c44z734W {
  display: flex;
  gap: 8px;
  align-items: center;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
  padding: 12px;
  font-size: 1rem;
  font-weight: 600;
}
.settingTabContainer-c44z734W .icon-Adep3z33 {
  width: 32px;
  height: 32px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameSettingsDialog/UIGameSettingsDialog.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
.settingContentContainer-oMUmoTvn {
  padding: 0 12px;
  height: 450px;
  max-height: 90%;
  overflow: auto;
}
.settingContentContainer-oMUmoTvn .settingTabsContainer-LatzwTrz {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameSettingsDialog/AudioTabContent/AudioTabContent.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.audioTabContentContainer-tZejBB0G {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.1);
  padding: 12px;
}
.audioTabContentContainer-tZejBB0G .title-jp5gFsBX {
  margin-bottom: 8px;
  font-weight: 600;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameSettingsDialog/DisplayTabContent/DisplayTabContent.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.displayTabContentContainer-pS2VIwww {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.1);
}
.displayTabContentContainer-pS2VIwww .displaySetting-XWYvoHjp {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 12px;
}
.displayTabContentContainer-pS2VIwww .displaySetting-XWYvoHjp:last-child {
  border-bottom: 0;
}
.displayTabContentContainer-pS2VIwww .displaySetting-XWYvoHjp .segmentedControlInlineWrapper-HRifF6ig {
  max-width: 50%;
}
.displayTabContentContainer-pS2VIwww .displaySetting-XWYvoHjp .label-rHDq7utb {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
}
.displayTabContentContainer-pS2VIwww .displaySetting-XWYvoHjp.linebreak-pPfueba8 {
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameSettingsDialog/GameInfoTabContent/GameInfoTabContent.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.gameInfoTabContentContainer-YLdMjXiM {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.1);
  width: 100%;
}
.gameInfoTabContentContainer-YLdMjXiM .settingGroup-Tdc6xM9Q {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px;
}
.gameInfoTabContentContainer-YLdMjXiM .settingGroup-Tdc6xM9Q:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.gameInfoTabContentContainer-YLdMjXiM .settingItem-CO4vOxhV {
  display: flex;
  justify-content: space-between;
}
.gameInfoTabContentContainer-YLdMjXiM .settingItem-CO4vOxhV .label-_eNYhZvj {
  margin: 0;
  color: #fff;
}
.gameInfoTabContentContainer-YLdMjXiM .settingItem-CO4vOxhV .value-NTOa0xKI {
  color: #fff;
  font-weight: 700;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.99.9/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_patch_hash=e351e2fc051701d7a6736b1fe93da47fe0a61acf33e9c_d9e69674943034b43e62a7962de572f0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./packages/ui-game/src/core/UIGameSettingsDialog/ControlsTabContent/ControlsTabContent.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex, function-disallowed-list */
/* stylelint-disable color-no-hex, function-disallowed-list */
.controlsTabContentContainer-yizcojtJ {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.controlsTabContentContainer-yizcojtJ .controlsGroupContainer-yGK416Fa {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.1);
}
.controlsTabContentContainer-yizcojtJ .controlsGroupContainer-yGK416Fa .keyboardShortcutsSetting-xx_EPpjO {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
}
.controlsTabContentContainer-yizcojtJ .controlsGroupContainer-yGK416Fa .keyboardShortcutsSetting-xx_EPpjO .segmentedControlInlineWrapper-onUavMet {
  max-width: 50%;
}
.controlsTabContentContainer-yizcojtJ .controlsGroupContainer-yGK416Fa .keyboardShortcutsSetting-xx_EPpjO .keyboardShortcutsLabel-gfIzUgUk {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
}
.controlsTabContentContainer-yizcojtJ .controlsGroupContainer-yGK416Fa .shortcutGroup-JtGfnd3Q {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px;
}
.controlsTabContentContainer-yizcojtJ .controlsGroupContainer-yGK416Fa .shortcutGroup-JtGfnd3Q:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.controlsTabContentContainer-yizcojtJ .controlsGroupContainer-yGK416Fa .shortcutGroup-JtGfnd3Q .shortcutItem-ZrNBIkjW {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.controlsTabContentContainer-yizcojtJ .controlsGroupContainer-yGK416Fa .shortcutGroup-JtGfnd3Q .shortcutItem-ZrNBIkjW .shortcutLabel-lWZdvGBc {
  color: #fff;
}
.controlsTabContentContainer-yizcojtJ .controlsGroupContainer-yGK416Fa .shortcutGroup-JtGfnd3Q .shortcutItem-ZrNBIkjW .controlKeys-KMDB7D5S {
  display: flex;
  gap: 8px;
  align-items: center;
}
.controlsTabContentContainer-yizcojtJ .controlsGroupContainer-yGK416Fa .shortcutGroup-JtGfnd3Q .shortcutItem-ZrNBIkjW .controlKeys-KMDB7D5S .separator-g8yAKNLK {
  color: #fff;
}
.controlsTabContentContainer-yizcojtJ .controlsGroupContainer-yGK416Fa .shortcutGroup-JtGfnd3Q .shortcutItem-ZrNBIkjW .controlKeys-KMDB7D5S .controlKey-mwGwGhen {
  border-bottom: 2px solid rgb(24.4, 72.7677419355, 119.6);
  border-radius: 4px;
  background: rgb(35.2, 97.52, 156.8);
  padding: 8px 16px;
  font-weight: 700;
}