/* [project]/node_modules/@msu/mds/dist/assets/CreditLevelGuideModal.css [app-client] (css) */
._credit_modal_guide_modal_1t3fu_5 {
  box-sizing: border-box;
  background: #fff;
  border-radius: 32px;
  width: 560px;
  max-width: 560px;
  padding: 56px 56px 48px;
  position: relative;
  box-shadow: 0 16px 24px -4px #00000026;
}

@media only screen and (max-width: 639px) {
  ._credit_modal_guide_modal_1t3fu_5 {
    width: 100%;
    max-width: 100%;
    padding: 13.3333vw 4.4444vw 6.6667vw;
  }
}

._unableGameModalComponentStyle_1t3fu_23 {
  background-color: var(--neutral-white);
  box-sizing: border-box;
  width: 100%;
  padding: 56px 56px 48px;
  position: relative;
}

._unableGameCloseButtonStyle_1t3fu_31 {
  box-sizing: content-box;
  color: #121619;
  padding: 16px;
  position: absolute;
  top: 8px;
  right: 8px;
}

@media only screen and (max-width: 639px) {
  ._unableGameCloseButtonStyle_1t3fu_31 {
    padding: 4.4444vw;
    top: 0;
    right: 0;
  }
}

._unableGameModalHeaderSection_1t3fu_47 {
  margin-bottom: 40px;
}

@media only screen and (max-width: 639px) {
  ._unableGameModalHeaderSection_1t3fu_47 {
    margin-bottom: 11.1111vw;
  }
}

._headerBox_1t3fu_56 {
  box-sizing: border-box;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 80px;
  padding: 16px 24px;
  display: flex;
  position: relative;
}

@media only screen and (max-width: 639px) {
  ._headerBox_1t3fu_56 {
    height: 17.7778vw;
    padding: 3.3333vw 0 3.3333vw 4.4444vw;
    overflow: hidden;
  }
}

._headerBox_1t3fu_56._msu_1t3fu_74 {
  background: linear-gradient(92deg, #6d20d9 20%, #ca43ff);
  box-shadow: 0 4px 8px #8632fb4d;
}

._headerBox_1t3fu_56._msn_1t3fu_78 {
  background: linear-gradient(92deg, #fc7d06 20%, #fdc435);
  box-shadow: 0 4px 8px #fc7d064d;
}

._headerTextBox_1t3fu_83 {
  color: #fff;
  flex-direction: column;
  gap: 4px;
  font-size: 16px;
  font-weight: 700;
  display: flex;
}

@media only screen and (max-width: 639px) {
  ._headerTextBox_1t3fu_83 {
    gap: 1.1111vw;
    font-size: 4.4444vw;
  }

  ._headerTextLine_1t3fu_99 {
    font-size: 3.8889vw;
  }
}

._headerTextLineColor_1t3fu_104 {
  display: inline-block;
}

._headerTextLineColor_1t3fu_104._msu_1t3fu_74 {
  color: var(--brand-secondary);
}

._headerTextLineColor_1t3fu_104._msn_1t3fu_78 {
  color: #fdc435;
}

@media only screen and (max-width: 639px) {
  ._headerTextLineColor_1t3fu_104 {
    font-size: 3.8889vw;
  }
}

._headerCharacter_1t3fu_119 {
  border-radius: 50%;
  position: absolute;
}

._headerCharacter_1t3fu_119._msu_1t3fu_74 {
  width: 120px;
  height: 120px;
  right: 0;
}

@media only screen and (max-width: 639px) {
  ._headerCharacter_1t3fu_119._msu_1t3fu_74 {
    width: 26.6667vw;
    height: 26.6667vw;
  }
}

._headerCharacter_1t3fu_119._msn_1t3fu_78 {
  width: 88px;
  height: 94px;
  bottom: 0;
  right: 24px;
}

@media only screen and (max-width: 639px) {
  ._headerCharacter_1t3fu_119._msn_1t3fu_78 {
    width: 64px;
    height: 68px;
    right: -10px;
  }
}

._unableGameModalBody_1t3fu_148 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

._unableGameModalTitleStyle_1t3fu_154 {
  font-family: var(--font-roboto, Roboto);
  color: var(--gray-900);
  text-align: center;
}

@media only screen and (max-width: 639px) {
  ._unableGameModalTitleStyle_1t3fu_154 {
    font-size: 5vw;
  }
}

._unableGameModalDescription_1t3fu_165 {
  font-family: var(--font-roboto, Roboto);
  color: var(--neutral-500);
  text-align: center;
  margin-top: 4px;
  margin-bottom: 24px;
}

@media only screen and (max-width: 639px) {
  ._unableGameModalDescription_1t3fu_165 {
    margin-top: 1.1111vw;
    margin-bottom: 6.6667vw;
  }
}

._unableGameList_1t3fu_179 {
  justify-content: center;
  gap: 16px;
  width: 100%;
  display: flex;
  position: relative;
}

@media only screen and (max-width: 639px) {
  ._unableGameList_1t3fu_179 {
    gap: 4.4444vw;
  }
}

._unableGameCard_1t3fu_192 {
  background-color: var(--neutral-white);
  border-radius: 20px;
  gap: 8px;
  width: 100%;
  padding: 20px;
  transition: background-color .5s cubic-bezier(.25, 1, .5, 1);
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 8px #8632fb26;
}

._unableGameCard_1t3fu_192:hover, ._unableGameCard_1t3fu_192:focus {
  background-color: #f9f5ff;
}

._unableGameCard_1t3fu_192 ._bg_1t3fu_207 {
  width: 138px;
  height: 134px;
  position: absolute;
  bottom: 0;
  right: 0;
}

@media only screen and (max-width: 639px) {
  ._unableGameCard_1t3fu_192 ._bg_1t3fu_207 {
    width: 38.3333vw;
    height: 37.2222vw;
    bottom: -2.7778vw;
    right: -12.7778vw;
  }
}

._unableGameCard_1t3fu_192 ._arrowIcon_1t3fu_222 {
  position: absolute;
  top: 22px;
  right: 16px;
}

._unableGameCard_1t3fu_192 ._cardIcon_1t3fu_227 {
  width: 32px;
  height: 32px;
  margin-bottom: 12px;
}

._unableGameCard_1t3fu_192._msu_1t3fu_74 {
  border: 1px solid var(--Border-accent-primary, #8632fb);
}

._unableGameCard_1t3fu_192._msu_1t3fu_74 ._cardIcon_1t3fu_227, ._unableGameCard_1t3fu_192._msu_1t3fu_74 ._arrowIcon_1t3fu_222, ._unableGameCard_1t3fu_192._msu_1t3fu_74 ._bg_1t3fu_207, ._unableGameCard_1t3fu_192._msu_1t3fu_74 ._conditionTitle_1t3fu_238 {
  color: #8632fb;
}

._unableGameCard_1t3fu_192._msn_1t3fu_78 {
  border: 1px solid var(--Border-accent-primary, #fc7d06);
}

._unableGameCard_1t3fu_192._msn_1t3fu_78 ._cardIcon_1t3fu_227, ._unableGameCard_1t3fu_192._msn_1t3fu_78 ._arrowIcon_1t3fu_222, ._unableGameCard_1t3fu_192._msn_1t3fu_78 ._bg_1t3fu_207, ._unableGameCard_1t3fu_192._msn_1t3fu_78 ._conditionTitle_1t3fu_238 {
  color: #fc7d06;
}

@media only screen and (max-width: 639px) {
  ._unableGameCard_1t3fu_192 {
    border-radius: 4.4444vw;
    padding: 4.4444vw;
  }
}

._unableGameCard_1t3fu_192 ._unableGameCardContent_1t3fu_256 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

._conditionSubText_1t3fu_263 {
  color: var(--gray-600);
  min-height: 16px;
  margin-bottom: 16px;
  font-size: 12px;
}

@media only screen and (max-width: 639px) {
  ._conditionSubText_1t3fu_263 {
    margin-bottom: 4.4444vw;
    font-size: 3.3333vw;
  }
}

._conditionActionButton_1t3fu_276 {
  background: var(--brand-primary);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 24px;
  margin-top: 28px;
  padding: 8px;
  transition: background .2s;
  display: flex;
  position: absolute;
  bottom: 16px;
}

._conditionActionButton_1t3fu_276:hover {
  background: var(--brand-primary-action);
}

@media only screen and (max-width: 639px) {
  ._conditionActionButton_1t3fu_276 {
    border-radius: 2.2222vw;
    gap: 1.1111vw;
    margin-top: 7.7778vw;
    padding: 2.2222vw;
    position: relative;
    bottom: 4.4444vw;
  }
}

._conditionActionButton_1t3fu_276 span {
  color: var(--white);
  font-family: var(--font-roboto, Roboto);
  font-size: var(--size-System-xs, 12px);
  font-weight: 500;
  line-height: 100%;
}

._conditionActionButton_1t3fu_276 span i {
  width: 12px;
  height: 12px;
}

@media only screen and (max-width: 639px) {
  ._conditionActionButton_1t3fu_276 span {
    font-size: 3.3333vw;
  }
}

._learnMoreButton_1t3fu_320 {
  color: var(--gray-500);
  margin-top: 16px;
  font-size: 12px;
  line-height: 1;
  text-decoration: underline;
  font-weight: 400 !important;
}

._learnMoreButton_1t3fu_320:hover {
  color: var(--gray-600);
}

@media only screen and (max-width: 639px) {
  ._learnMoreButton_1t3fu_320 {
    height: 8.8889vw;
    margin-top: 4.4444vw;
    font-size: 3.3333vw;
  }
}

._primaryBottomButton_1t3fu_339 {
  white-space: nowrap;
  background: var(--gray-900);
  width: 100%;
  color: var(--Button-static-white, #fff);
  font-family: var(--font-roboto, Roboto);
  height: 40px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  transition: all .2s;
}

._primaryBottomButton_1t3fu_339:hover {
  background-color: #121619;
}

@media only screen and (max-width: 639px) {
  ._primaryBottomButton_1t3fu_339 {
    border-radius: 3.3333vw;
    height: 8.8889vw;
    font-size: 3.3333vw;
  }
}

._ask_discord_button_1t3fu_364 {
  white-space: nowrap;
  width: 100%;
  height: 40px;
  color: var(--white);
  font-family: var(--font-roboto, Roboto);
  background: #5865f2;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  transition: all .2s;
  display: flex;
}

._ask_discord_button_1t3fu_364:hover {
  background-color: #4551d4;
}

@media only screen and (max-width: 639px) {
  ._ask_discord_button_1t3fu_364 {
    border-radius: 3.3333vw;
    height: 8.8889vw;
    font-size: 3.3333vw;
  }
}

._getNxpcBox_1t3fu_392 {
  background: #868e960d;
  border-radius: 24px;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  height: 80px;
  margin-top: 24px;
  padding: 0 20px;
  display: flex;
}

@media only screen and (max-width: 639px) {
  ._getNxpcBox_1t3fu_392 {
    height: auto;
    margin-top: 6.6667vw;
    padding: 4.4444vw 3.8889vw;
  }
}

._getNxpcBox_1t3fu_392 ._ownedNxpcInfo_1t3fu_410 {
  align-items: center;
  display: flex;
}

@media only screen and (max-width: 639px) {
  ._getNxpcBox_1t3fu_392 ._ownedNxpcInfo_1t3fu_410 {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}

._getNxpcBox_1t3fu_392 ._ownedNxpcInfo_1t3fu_410 ._ownedNxpcInnerBox_1t3fu_421 {
  color: var(--gray-900);
  flex-direction: column;
  align-items: flex-start;
  margin-left: 12px;
  display: flex;
}

@media only screen and (max-width: 639px) {
  ._getNxpcBox_1t3fu_392 ._ownedNxpcInfo_1t3fu_410 ._ownedNxpcInnerBox_1t3fu_421 {
    flex-direction: column;
    margin-left: 0;
  }
}

._getNxpcBox_1t3fu_392 ._btnBox_1t3fu_434 {
  font-family: var(--font-roboto, Roboto);
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  display: flex;
}

._getNxpcBox_1t3fu_392 ._btnBox_1t3fu_434 > button {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

._getNxpcBox_1t3fu_392 ._btnBox_1t3fu_434 > * + * {
  margin-left: 8px;
}

@media only screen and (max-width: 639px) {
  ._getNxpcBox_1t3fu_392 ._btnBox_1t3fu_434 {
    flex-direction: column;
    gap: 2.2222vw;
    font-size: 3.3333vw;
    display: flex;
  }

  ._getNxpcBox_1t3fu_392 ._btnBox_1t3fu_434 > * + * {
    margin-left: 0;
  }
}

._bottomButtonContainer_1t3fu_465 {
  gap: 8px;
  width: 92%;
  margin-top: 16px;
  display: flex;
}

@media only screen and (max-width: 639px) {
  ._bottomButtonContainer_1t3fu_465 {
    gap: 1.1111vw;
    margin-top: 4.4444vw;
  }
}

._needHelpGettingCreditLevel_1t3fu_478 {
  margin-top: 56px;
}

@media only screen and (max-width: 639px) {
  ._needHelpGettingCreditLevel_1t3fu_478 {
    margin-top: 11.1111vw;
    font-size: 3.8889vw !important;
  }
}

/* [project]/src/scenario/styles/StakingScenario.module.scss.module.css [app-client] (css) */
.StakingScenario-module-scss-module__99CvpW__modal {
  background: #fff url("https://qa-static.msu.io/assets/images/reactor/modal_background.png") 100% 100% / cover no-repeat;
}

.StakingScenario-module-scss-module__99CvpW__reactor_credit_modal {
  width: 560px;
}

/* [project]/src/components/StarForce/styles/StartForce.module.scss.module.css [app-client] (css) */
.StartForce-module-scss-module__M34PJG__container {
  background: var(--neutral-opacity-black-bk-10);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  width: 40px;
  height: 20px;
  color: var(--neutral-opacity-black-bk-50);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  position: relative;
}

@media only screen and (max-width: 639px) {
  .StartForce-module-scss-module__M34PJG__container {
    border-radius: 3.3333vw;
    width: 11.1111vw;
    height: 5.5556vw;
    padding: 0 2.2222vw;
    font-size: 3.3333vw;
  }
}

.StartForce-module-scss-module__M34PJG__container.StartForce-module-scss-module__M34PJG__selected {
  color: #fff;
  background-color: var(--neutral-black) !important;
}

.StartForce-module-scss-module__M34PJG__container.StartForce-module-scss-module__M34PJG__enhanced {
  background: var(--neutral-opacity-black-bk-50);
  color: #fff;
}

.StartForce-module-scss-module__M34PJG__container.StartForce-module-scss-module__M34PJG__forged {
  background: var(--neutral-opacity-black-bk-50);
}

.StartForce-module-scss-module__M34PJG__value {
  text-align: center;
  min-width: 12px;
}

@media only screen and (max-width: 639px) {
  .StartForce-module-scss-module__M34PJG__value {
    min-width: 3.3333vw;
  }
}

/* [project]/src/scenario/_feature/styles/ActiveItemInfo.module.scss.module.css [app-client] (css) */
.ActiveItemInfo-module-scss-module__89ntTW__container {
  z-index: 2;
  align-items: center;
  gap: 16px;
  padding: 4px;
  display: flex;
  position: relative;
}

@media only screen and (max-width: 639px) {
  .ActiveItemInfo-module-scss-module__89ntTW__container {
    gap: 4.4444vw;
    padding: 1.1111vw;
  }
}

.ActiveItemInfo-module-scss-module__89ntTW__description {
  width: 78%;
}

.ActiveItemInfo-module-scss-module__89ntTW__starforce_pos {
  z-index: 1;
  top: 2px;
  left: 2px;
  position: absolute !important;
}

.ActiveItemInfo-module-scss-module__89ntTW__item_name {
  color: var(--gray-900);
  font-family: var(--font-roboto);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

@media only screen and (max-width: 639px) {
  .ActiveItemInfo-module-scss-module__89ntTW__item_name {
    font-size: 4.4444vw;
  }
}

.ActiveItemInfo-module-scss-module__89ntTW__price_box {
  flex-direction: column;
  gap: 2px;
  margin-top: 6px;
  display: flex;
  position: relative;
}

@media only screen and (max-width: 639px) {
  .ActiveItemInfo-module-scss-module__89ntTW__price_box {
    margin-top: 1.6667vw;
  }
}

.ActiveItemInfo-module-scss-module__89ntTW__price_value {
  justify-content: space-between;
}

/* [project]/src/scenario/_feature/styles/SelectedItemArea.module.scss.module.css [app-client] (css) */
.SelectedItemArea-module-scss-module__zUqPMG__select_container {
  z-index: 3;
  background: #fff;
  border-radius: 24px 24px 0 0;
  width: 100%;
  padding: 16px 24px 24px;
  position: fixed;
  box-shadow: 0 -2px 16px #00000026;
}

@media only screen and (max-width: 639px) {
  .SelectedItemArea-module-scss-module__zUqPMG__select_container {
    padding: 4.4444vw 6.6667vw 6.6667vw;
  }
}

.SelectedItemArea-module-scss-module__zUqPMG__item_area {
  border: 1px dashed var(--neutral-opacity-gray-g-50);
  background: var(--neutral-50);
  border-radius: 16px;
  align-items: center;
  gap: 24px;
  padding: 24px;
  display: flex;
}

.SelectedItemArea-module-scss-module__zUqPMG__item_area.SelectedItemArea-module-scss-module__zUqPMG__is_error {
  border-color: var(--red-500) !important;
  background-color: var(--red-50) !important;
}

.SelectedItemArea-module-scss-module__zUqPMG__item_area.SelectedItemArea-module-scss-module__zUqPMG__is_error * {
  color: var(--red-500) !important;
}

.SelectedItemArea-module-scss-module__zUqPMG__item_image_box {
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  position: relative;
}

.SelectedItemArea-module-scss-module__zUqPMG__item_image_box img {
  image-rendering: pixelated;
  object-fit: contain;
}

.SelectedItemArea-module-scss-module__zUqPMG__item_info_box {
  text-align: center;
  width: 100%;
}

.SelectedItemArea-module-scss-module__zUqPMG__item_info_box__item_name {
  color: var(--neutral-500);
  text-align: center;
  font-family: var(--font-roboto);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.SelectedItemArea-module-scss-module__zUqPMG__item_info_box__description {
  color: var(--neutral-400);
  text-align: center;
  font-family: var(--font-roboto);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.SelectedItemArea-module-scss-module__zUqPMG__stake_button_container {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  display: flex;
}

.SelectedItemArea-module-scss-module__zUqPMG__stake_button_container button:first-child {
  flex: .3;
}

.SelectedItemArea-module-scss-module__zUqPMG__stake_button_container button:last-child {
  flex: 1;
}

.SelectedItemArea-module-scss-module__zUqPMG__button {
  justify-content: center;
  font-size: 14px !important;
}

/* [project]/src/scenario/_feature/styles/EnhancedItemSubmittingWarning.module.scss.module.css [app-client] (css) */
.EnhancedItemSubmittingWarning-module-scss-module__o-nrHq__enhanced_item_submitting_warning {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

@media only screen and (max-width: 639px) {
  .EnhancedItemSubmittingWarning-module-scss-module__o-nrHq__enhanced_item_submitting_warning {
    gap: 4.4444vw;
  }
}

.EnhancedItemSubmittingWarning-module-scss-module__o-nrHq__title {
  color: var(--gray-900);
  font-family: var(--font-roboto);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}

@media only screen and (max-width: 639px) {
  .EnhancedItemSubmittingWarning-module-scss-module__o-nrHq__title {
    font-size: 5vw;
  }
}

.EnhancedItemSubmittingWarning-module-scss-module__o-nrHq__em {
  color: var(--brand-primary);
}

.EnhancedItemSubmittingWarning-module-scss-module__o-nrHq__description {
  color: var(--gray-600);
  font-family: var(--font-roboto);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

@media only screen and (max-width: 639px) {
  .EnhancedItemSubmittingWarning-module-scss-module__o-nrHq__description {
    font-size: 4.4444vw;
  }
}

/* [project]/node_modules/@msu/mds/dist/assets/Checkbox.css [app-client] (css) */
._checkbox_incy2_9:not(._disabled_incy2_9):hover ._checkbox--label--fakeCheckbox_incy2_9, ._checkbox_incy2_9:not(._disabled_incy2_9):focus-within ._checkbox--label--fakeCheckbox_incy2_9 {
  border-color: var(--brand-primary) !important;
}

._isCheckedBorder_incy2_13 {
  border: 1.8px solid var(--brand-primary) !important;
}

._is_error_incy2_17 {
  border: 1.8px solid var(--red-500) !important;
}

._checkbox_incy2_9 {
  cursor: pointer;
  align-items: center;
  display: inline-flex;
}

._checkbox--label_incy2_9 {
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

._checkbox--label--fakeCheckbox_incy2_9 {
  border: 1.8px solid var(--neutral-300);
  background: var(--neutral-white);
  border-radius: 4px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  margin-bottom: auto;
  transition: border-color .24s linear;
}

._checkbox--label--fakeCheckbox_incy2_9._disabled_incy2_9 {
  background-color: var(--neutral-100) !important;
  border-color: var(--neutral-100) !important;
}

._checkbox--label--input_incy2_46 {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  outline: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

._checkbox--label--text_incy2_58 {
  color: var(--gray-600);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  font-family: var(--font-roboto, Roboto);
}

._checkbox--label--text_incy2_58::selection {
  background-color: #0000;
}

._checkbox--label--text_incy2_58._disabled_incy2_9 {
  color: var(--neutral-opacity-black-bk-30) !important;
}

/* [project]/src/components/AnimatedList.css [app-client] (css) */
:root {
  --animation-duration: .22s;
  --animation-delay-step: 25ms;
  --animation-easing: cubic-bezier(.4, 0, .2, 1);
}

.animated-list-item {
  opacity: 0;
  animation: slideInUp var(--animation-duration) var(--animation-easing) forwards;
  list-style: none;
  transform: translateY(20px);
}

.animated-grid-item {
  opacity: 0;
  animation: slideInUpScale var(--animation-duration) var(--animation-easing) forwards;
  transform: translateY(20px)scale(.95);
}

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideInUpScale {
  from {
    opacity: 0;
    transform: translateY(20px)scale(.95);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

.animated-list-item.selected {
  animation: slideInUp var(--animation-duration) var(--animation-easing) forwards, pulse .6s ease-in-out .2s;
}

.animated-grid-item.selected {
  animation: slideInUpScale var(--animation-duration) var(--animation-easing) forwards, pulse .6s ease-in-out .2s;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.02);
  }

  100% {
    transform: scale(1);
  }
}

.animated-list-item:hover {
  transition: transform .2s ease-in-out;
  transform: translateY(-2px);
}

.animated-grid-item:hover {
  transition: transform .2s ease-in-out;
  transform: translateY(-2px)scale(1.02);
}

.animated-list-item:first-child {
  animation-delay: calc(var(--animation-delay-step) * 0);
}

.animated-list-item:nth-child(2) {
  animation-delay: calc(var(--animation-delay-step) * 1);
}

.animated-list-item:nth-child(3) {
  animation-delay: calc(var(--animation-delay-step) * 2);
}

.animated-list-item:nth-child(4) {
  animation-delay: calc(var(--animation-delay-step) * 3);
}

.animated-list-item:nth-child(5) {
  animation-delay: calc(var(--animation-delay-step) * 4);
}

.animated-list-item:nth-child(6) {
  animation-delay: calc(var(--animation-delay-step) * 5);
}

.animated-list-item:nth-child(7) {
  animation-delay: calc(var(--animation-delay-step) * 6);
}

.animated-list-item:nth-child(8) {
  animation-delay: calc(var(--animation-delay-step) * 7);
}

.animated-list-item:nth-child(9) {
  animation-delay: calc(var(--animation-delay-step) * 8);
}

.animated-list-item:nth-child(10) {
  animation-delay: calc(var(--animation-delay-step) * 9);
}

.animated-list-item:nth-child(11) {
  animation-delay: calc(var(--animation-delay-step) * 10);
}

.animated-list-item:nth-child(12) {
  animation-delay: calc(var(--animation-delay-step) * 11);
}

.animated-list-item:nth-child(13) {
  animation-delay: calc(var(--animation-delay-step) * 12);
}

.animated-list-item:nth-child(14) {
  animation-delay: calc(var(--animation-delay-step) * 13);
}

.animated-list-item:nth-child(15) {
  animation-delay: calc(var(--animation-delay-step) * 14);
}

.animated-list-item:nth-child(16) {
  animation-delay: calc(var(--animation-delay-step) * 15);
}

.animated-list-item:nth-child(17) {
  animation-delay: calc(var(--animation-delay-step) * 16);
}

.animated-list-item:nth-child(18) {
  animation-delay: calc(var(--animation-delay-step) * 17);
}

.animated-list-item:nth-child(19) {
  animation-delay: calc(var(--animation-delay-step) * 18);
}

.animated-list-item:nth-child(20) {
  animation-delay: calc(var(--animation-delay-step) * 19);
}

.animated-grid-item:first-child {
  animation-delay: calc(var(--animation-delay-step) * 0);
}

.animated-grid-item:nth-child(2) {
  animation-delay: calc(var(--animation-delay-step) * 1);
}

.animated-grid-item:nth-child(3) {
  animation-delay: calc(var(--animation-delay-step) * 2);
}

.animated-grid-item:nth-child(4) {
  animation-delay: calc(var(--animation-delay-step) * 3);
}

.animated-grid-item:nth-child(5) {
  animation-delay: calc(var(--animation-delay-step) * 4);
}

.animated-grid-item:nth-child(6) {
  animation-delay: calc(var(--animation-delay-step) * 5);
}

.animated-grid-item:nth-child(7) {
  animation-delay: calc(var(--animation-delay-step) * 6);
}

.animated-grid-item:nth-child(8) {
  animation-delay: calc(var(--animation-delay-step) * 7);
}

.animated-grid-item:nth-child(9) {
  animation-delay: calc(var(--animation-delay-step) * 8);
}

.animated-grid-item:nth-child(10) {
  animation-delay: calc(var(--animation-delay-step) * 9);
}

.animated-grid-item:nth-child(11) {
  animation-delay: calc(var(--animation-delay-step) * 10);
}

.animated-grid-item:nth-child(12) {
  animation-delay: calc(var(--animation-delay-step) * 11);
}

.animated-grid-item:nth-child(13) {
  animation-delay: calc(var(--animation-delay-step) * 12);
}

.animated-grid-item:nth-child(14) {
  animation-delay: calc(var(--animation-delay-step) * 13);
}

.animated-grid-item:nth-child(15) {
  animation-delay: calc(var(--animation-delay-step) * 14);
}

.animated-grid-item:nth-child(16) {
  animation-delay: calc(var(--animation-delay-step) * 15);
}

.animated-grid-item:nth-child(17) {
  animation-delay: calc(var(--animation-delay-step) * 16);
}

.animated-grid-item:nth-child(18) {
  animation-delay: calc(var(--animation-delay-step) * 17);
}

.animated-grid-item:nth-child(19) {
  animation-delay: calc(var(--animation-delay-step) * 18);
}

.animated-grid-item:nth-child(20) {
  animation-delay: calc(var(--animation-delay-step) * 19);
}

.animated-list-item, .animated-grid-item {
  will-change: transform, opacity;
}

.animated-list-item.animation-complete, .animated-grid-item.animation-complete {
  will-change: auto;
}

@media (max-width: 768px) {
  .animated-list-item, .animated-grid-item {
    animation-duration: .2s;
  }

  :root {
    --animation-delay-step: 30ms;
  }
}

@media (prefers-color-scheme: dark) {
  .animated-list-item:hover, .animated-grid-item:hover {
    filter: brightness(1.1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .animated-list-item, .animated-grid-item {
    opacity: 1;
    animation: none;
    transform: none;
  }
}

/* [project]/node_modules/@msu/msn-web-ui/dist/assets/TooltipContent.css [app-client] (css) */
._simpleTooltip_1408u_5 {
  color: #fff;
  visibility: hidden;
  text-align: center;
  border-radius: 4px;
  max-width: 500px;
  padding: 4px 8px;
  font-size: .857em;
  font-weight: 400;
}

._tooltipContent_1408u_16 {
  z-index: 1000;
  cursor: default;
  visibility: hidden;
  transform-origin: center;
  width: fit-content;
  height: fit-content;
  font-family: inherit;
  line-height: 1.4;
  position: fixed;
  top: 0;
  left: 0;
}

@media only screen and (max-width: 499px) {
  ._simpleTooltip_1408u_5 {
    max-width: 90vw;
  }
}

/* [project]/node_modules/@msu/msn-web-ui/dist/assets/ItemImage.css [app-client] (css) */
._animated_1lg9l_1 {
  transform: translateZ(0);
}

._animated_1lg9l_1._load-img_1lg9l_4 {
  opacity: 0;
}

._animated_1lg9l_1._load-img_1lg9l_4._ready_1lg9l_7 {
  will-change: opacity;
  opacity: 1;
  transition: opacity .5s ease-in;
}

._pixelated_1lg9l_13 {
  image-rendering: pixelated;
}

._shadow_1lg9l_17 {
  fill: var(---Neutral-black, #121619);
  opacity: .4;
  filter: blur(8.97306px);
}

/* [project]/node_modules/@msu/msn-web-ui/dist/assets/Desc.css [app-client] (css) */
._container_14puh_5 {
  white-space: pre-wrap;
  word-break: break-word;
  align-items: center;
  display: flex;
}

._markSecondary_14puh_12 {
  color: var(--theme-text-icon-accent-secondary);
  background-color: #0000;
}

._markTooltip_14puh_17 {
  color: #cf0;
  background-color: #0000;
}

._markPrimary_14puh_22 {
  color: var(--brand-primary);
  background-color: #0000;
}

/* [project]/node_modules/@msu/msn-web-ui/dist/assets/CharacterThumbMini.css [app-client] (css) */
._characterThumbnail_138lp_1 {
  background: #d9d9d921;
  border: 1px solid #fff;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
  position: relative;
  overflow: hidden;
}

._characterThumbnail_138lp_1:after {
  content: "";
  z-index: -1;
  border-radius: inherit;
  background: radial-gradient(100% 9134.4% at .89% 100%, #3fffba, #5c8ffa 33.85%, #ad3df9 76.56%, #f6c);
  padding: 1px;
  position: absolute;
  inset: 0;
  -webkit-mask: linear-gradient(#000 0 0), linear-gradient(#000 0 0) content-box;
  -webkit-mask-composite: xor, source-over;
  mask: linear-gradient(#000 0 0) exclude, linear-gradient(#000 0 0) content-box;
}

._characterImageBox_138lp_24 {
  width: 80px;
  height: 80px;
  position: relative;
}

/* [project]/node_modules/@msu/msn-web-ui/dist/assets/NftItemThumbMini.css [app-client] (css) */
._itemThumbnail_1vfbz_1 {
  background: #d9d9d921;
  border: 1px solid #fff;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
  position: relative;
  overflow: hidden;
}

._itemThumbnail_1vfbz_1._rare_1vfbz_13:before {
  border-color: var(--maplestory-rare);
}

._itemThumbnail_1vfbz_1._legendary_1vfbz_16:before {
  border-color: var(--maplestory-legendary);
}

._itemThumbnail_1vfbz_1._unique_1vfbz_19:before {
  border-color: var(--maplestory-unique);
}

._itemThumbnail_1vfbz_1._epic_1vfbz_22:before {
  border-color: var(--maplestory-epic);
}

/* [project]/node_modules/@msu/msn-web-ui/dist/assets/ItemImageAndDescription.css [app-client] (css) */
._simpleTooltip_1knam_1 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

._simpleTooltip_1knam_1 > div:nth-child(n+2) + div {
  margin-top: .714286em;
}

._simpleTooltip_1knam_1 > div._full_1knam_9 {
  min-width: 100%;
}

/* [project]/node_modules/@msu/msn-web-ui/dist/assets/JobReq.css [app-client] (css) */
._jobReq_10ru4_1 {
  min-height: 2.14286em;
  color: var(--maplestory-tooltip-font-secondary, #999);
  background-color: #000;
  border-color: #c1eb00;
  border-radius: .285714em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 100%;
  margin: .714286em 0;
  padding: .714286em 0;
  display: flex;
}

._jobReqUI_10ru4_16 {
  justify-content: center;
  gap: 1.07143em;
  display: flex;
}

._job_10ru4_1._active_10ru4_22 {
  color: #fff;
}

._jobReqLabel_10ru4_26 {
  color: #ffb800;
  margin-top: .285714em;
}

/* [project]/node_modules/@msu/msn-web-ui/dist/assets/SetListItems.css [app-client] (css) */
._setListItem_19snu_1 {
  flex-direction: row;
  align-items: flex-start;
  display: inline-flex;
}

._setListItemsImage_19snu_7 {
  background: #eee;
  justify-content: center;
  align-items: center;
  margin-bottom: .5em;
  margin-right: .5em;
  padding: .5em;
  display: flex;
}

._setListItemsSub_19snu_17 {
  width: 100%;
  margin-left: .33em;
  margin-right: .83em;
  display: block;
}

/* [project]/node_modules/@msu/msn-web-ui/dist/assets/keyValueInfo.css [app-client] (css) */
._keyValueInfo_1bwpa_1 {
  font-size: inherit;
  line-height: 1.4;
  display: flex;
}

._keyValueInfoValue_1bwpa_7 {
  vertical-align: text-top;
  white-space: pre-wrap;
  display: inline;
}

._keyValueInfoKey_1bwpa_13 {
  vertical-align: text-top;
  margin-right: .4em;
  display: inline;
}

._keyValueInfoKey_1bwpa_13:first-letter {
  text-transform: uppercase;
}

/* [project]/node_modules/@msu/msn-web-ui/dist/assets/TokenTooltip.css [app-client] (css) */
._setList_1vh2n_1 {
  flex-wrap: wrap;
  width: auto;
  height: max-content;
  font-size: 1em;
  display: flex;
  overflow: visible;
}

._setList_1vh2n_1._row_1vh2n_9 {
  flex-direction: row;
}

._setList_1vh2n_1._column_1vh2n_12 {
  flex-direction: column;
}

._setName_1vh2n_16 {
  color: var(--maplestory-lime, #cf0);
  margin-bottom: .5em;
  font-size: 1em;
  font-weight: 700;
}

._setDetailItem_1vh2n_23 {
  justify-content: space-between;
  margin-bottom: .33em;
  font-size: 1em;
  line-height: 1.4;
  display: flex;
}

._setDetailItem_1vh2n_23:last-of-type {
  margin-bottom: 0;
}

._setDetailItem_1vh2n_23 > span:first-of-type {
  align-items: flex-start;
  display: inline-flex;
}

._setDetailItem_1vh2n_23 > span > span > .sub {
  width: 100%;
  margin-left: .5em;
  display: block;
}

._setEffectList_1vh2n_43 {
  margin-bottom: 0;
}

._setEffectItem_1vh2n_47 {
  margin-top: .83em;
}

._setEffectItem_1vh2n_47:first-of-type {
  margin-top: 0;
}

._setEffectItem_1vh2n_47 > h3 {
  color: var(--maplestory-lime, #cf0);
  margin-bottom: .33em;
  font-size: 1em;
  font-weight: 700;
}

._setEffectItem_1vh2n_47 > p {
  color: var(--maplestory-tooltip-font-secondary, #999);
  line-height: 1.4;
}

._container_193cg_1 {
  background-color: var(--maplestory-tooltip-bg, #121619b2);
  border: 1px solid #fff1;
  border-radius: .571429em;
  width: 350px;
  min-width: 350px;
  height: max-content;
  line-height: 1.2;
  overflow: hidden;
}

._contentWrapper_193cg_14 {
  background-color: var(--maplestory-tooltip-bg, #121619b2);
  text-align: left;
  flex-direction: column;
  padding: 1.14286em;
  font-size: .857em;
  display: flex;
}

._contentWrapper_193cg_14 > :not(:last-child) {
  margin-bottom: .714286em;
}

._divider_193cg_26 {
  clear: both;
  border-bottom: 1px dashed #3c3a48;
  width: 100%;
}

._headerWrapper_193cg_32 {
  text-align: center;
  background-color: var(--maplestory-tooltip-bg, #121619b2);
  padding: 1.42857em 1.42857em 0;
}

._headerWrapper_193cg_32 > p:not(:first-child), ._headerWrapper_193cg_32 > div:not(:first-child) {
  margin-top: .3em;
}

._headerWrapper_193cg_32 > p:not(:first-child)._tokenText_193cg_41, ._headerWrapper_193cg_32 > div:not(:first-child)._tokenText_193cg_41 {
  margin-top: .2em;
}

._user_193cg_46 {
  color: var(--maplestory-orange);
}

._thumbnail_193cg_50 {
  float: left;
  border-radius: .857143em;
  width: 3.57143em;
  min-width: 3.57143em;
  height: 3.57143em;
  min-height: 3.57143em;
  margin-bottom: .571429em;
  margin-right: .571429em;
}

._tokenName_193cg_61 {
  color: var(--maplestory-red, #f06);
  white-space: normal;
  word-break: break-word;
  font-size: 1.28571em;
  font-weight: 700;
}

._tokenText_193cg_41 {
  white-space: pre-line;
}

._tokenText_193cg_41:first-letter {
  text-transform: uppercase;
}

._tokenTooltip_193cg_76 {
  white-space: pre-wrap;
  color: #fff;
  --maplestory-rare: #6ff;
  --maplestory-epic: #96f;
  --maplestory-unique: #fc0;
  --maplestory-legendary: #cf0;
  --maplestory-red: #f06;
  --maplestory-orange: #ffa133;
  --maplestory-yellow: #fc0;
  --maplestory-lime: #cf0;
  --maplestory-tooltip-bg: #121619b2;
  --maplestory-tooltip-font-primary: #fff;
  --maplestory-tooltip-font-secondary: #999;
  flex-wrap: wrap;
  width: max-content;
  min-width: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  display: flex;
}

._tooltipDesc_193cg_99 {
  font-size: 1em;
  line-height: 1.4;
}

@media only screen and (max-width: 349px) {
  ._tokenTooltip_193cg_76 {
    font-size: 3.8889vw;
  }

  ._container_193cg_1 {
    width: 100svw;
    min-width: auto;
    max-width: 100%;
  }
}

/* [project]/node_modules/@msu/msn-web-ui/dist/assets/ItemEtcProperty.css [app-client] (css) */
._itemEtcProperty_1w1gs_1 {
  color: var(--maplestory-unique);
  margin-top: 1px;
  font-size: 1em;
  line-height: 1.4;
}

/* [project]/node_modules/@msu/msn-web-ui/dist/assets/ReqInfo.css [app-client] (css) */
._reqInfo_lacam_1 > dl > div > dt {
  margin-right: .571429em;
}

/* [project]/node_modules/@msu/msn-web-ui/dist/assets/ReqLevel.css [app-client] (css) */
._reqLevel_cwaux_1 {
  font-weight: 700;
  display: flex;
}

._reqLevel_cwaux_1:not(:last-child) {
  margin-bottom: .357143em;
}

._reqLevelDt_cwaux_9:after {
  content: ":";
  margin: 0 .285714em;
}

/* [project]/node_modules/@msu/msn-web-ui/dist/assets/ReqStat.css [app-client] (css) */
._reqStat_1849k_1 {
  color: var(--maplestory-tooltip-font-secondary, #999);
  grid-template-columns: repeat(2, 1fr);
  gap: .357143em 1.71429em;
  display: grid;
}

._reqStat_1849k_1 > div {
  display: flex;
}

._reqStat_1849k_1 > div > dt {
  margin-right: .571429em;
}

._reqStat_1849k_1 > div.exist-value {
  color: #fff;
}

/* [project]/node_modules/@msu/msn-web-ui/dist/assets/StatValue.css [app-client] (css) */
._statGroup_dm55s_1 {
  display: inline-block;
}

/* [project]/node_modules/@msu/msn-web-ui/dist/assets/StatList.css [app-client] (css) */
._equipStatDiv_i2989_1 {
  flex-direction: column;
  font-size: 1em;
  line-height: 1.4;
  display: flex;
}

._equipStatDiv_i2989_1 > * + * {
  margin-top: .142857em;
}

._characterEquipStatIDiv_i2989_11 .stat-name {
  color: var(--maplestory-tooltip-font-secondary);
}

._label_i2989_15 {
  font-weight: 700;
}

._label_i2989_15:last-of-type {
  margin-top: .666667em;
}

._attackPowerBox_i2989_22 {
  align-items: center;
  column-gap: .571429em;
  margin: .571429em 0;
  line-height: 1.1;
  display: flex;
}

._attackPowerBox_i2989_22 > p {
  color: #ff9533;
}

/* [project]/node_modules/@msu/msn-web-ui/dist/assets/PotentialLabelWithText.css [app-client] (css) */
._potentialLabelWithText_vr55s_1 {
  flex-direction: row;
  align-items: center;
  display: inline-flex;
}

._potentialLabelWithText_vr55s_1._rare_vr55s_6 > span:first-of-type {
  background: var(--maplestory-rare);
}

._potentialLabelWithText_vr55s_1._rare_vr55s_6 > span:last-of-type {
  color: var(--maplestory-rare);
}

._potentialLabelWithText_vr55s_1._legendary_vr55s_12 > span:first-of-type {
  background: var(--maplestory-legendary);
}

._potentialLabelWithText_vr55s_1._legendary_vr55s_12 > span:last-of-type {
  color: var(--maplestory-legendary);
}

._potentialLabelWithText_vr55s_1._unique_vr55s_18 > span:first-of-type {
  background: var(--maplestory-unique);
}

._potentialLabelWithText_vr55s_1._unique_vr55s_18 > span:last-of-type {
  color: var(--maplestory-unique);
}

._potentialLabelWithText_vr55s_1._epic_vr55s_24 > span:first-of-type {
  background: var(--maplestory-epic);
}

._potentialLabelWithText_vr55s_1._epic_vr55s_24 > span:last-of-type {
  color: var(--maplestory-epic);
}

/* [project]/node_modules/@msu/msn-web-ui/dist/assets/TooltipPotentialStat.css [app-client] (css) */
._potentialStat_1but3_1 {
  min-width: 100%;
}

._potentialStat_1but3_1 > ._potentialItem_1but3_4:nth-of-type(2) {
  margin-top: .5em;
}

._potentialStat_1but3_1 > ._potentialItem_1but3_4:not(:last-of-type) {
  margin-bottom: .33em;
}

/* [project]/node_modules/@msu/msn-web-ui/dist/assets/Icon.css [app-client] (css) */
._icon_1s4rm_1 {
  vertical-align: middle;
  display: inline-block;
}

._icon_1s4rm_1 svg {
  width: 100%;
  height: 100%;
}

._xSmall_1s4rm_10 {
  width: 12px;
  height: 12px;
}

._small_1s4rm_15 {
  width: 16px;
  height: 16px;
}

._medium_1s4rm_20 {
  width: 20px;
  height: 20px;
}

._large_1s4rm_25 {
  width: 24px;
  height: 24px;
}

._xLarge_1s4rm_30 {
  width: 28px;
  height: 28px;
}

/* [project]/node_modules/@msu/msn-web-ui/dist/assets/Starforce.css [app-client] (css) */
._starforce_nwqly_1 {
  vertical-align: middle;
  color: var(--maplestory-yellow);
  flex-wrap: wrap;
  gap: 1px .428571em;
  display: inline-flex;
}

._starGroup_nwqly_10 {
  align-items: center;
  gap: 1px;
  display: flex;
}

/* [project]/node_modules/@msu/msn-web-ui/dist/assets/TooltipStarforce.css [app-client] (css) */
._starforce_b48i2_1 {
  color: #ffb800;
  justify-content: center;
  display: flex;
}

/* [project]/node_modules/@msu/msn-web-ui/dist/assets/CharacterTooltipInfo.css [app-client] (css) */
._characterTooltipInfo_16r78_1 {
  font-size: 1em;
}

._characterInfoRow_16r78_5 {
  margin-bottom: .142857em;
  display: flex;
}

._characterInfoRow_16r78_5:last-of-type {
  margin-bottom: 0;
}

._characterInfoRow_16r78_5 > dt {
  color: #fff;
  flex: 0 0 2.85714em;
  margin-right: .857143em;
}

._characterInfoRow_16r78_5 > dd {
  white-space: normal;
  word-break: break-all;
  color: var(--maplestory-tooltip-font-secondary, #999);
  flex: 1;
}

/* [project]/node_modules/@msu/msn-web-ui/dist/assets/CharacterAbility.css [app-client] (css) */
._characterAbility_19uzj_1 > div > p > span {
  font-size: 1em;
}

._characterAbility_19uzj_1 > ul {
  margin-top: .2em;
}

._characterAbility_19uzj_1 > ul > li:first-of-type {
  margin-top: .5em;
}

._characterAbility_19uzj_1 > ul > lI:not(:last-of-type) {
  margin-bottom: .33em;
}

/* [project]/node_modules/@msu/msn-web-ui/dist/assets/MatrixSkills.css [app-client] (css) */
._skillList_fafh9_1 ._skillRow_fafh9_1 {
  flex-direction: row;
  column-gap: .571429em;
  display: flex;
}

._skillList_fafh9_1 ._skillRow_fafh9_1 + ._skillRow_fafh9_1 {
  margin-top: .285714em;
}

._skillList_fafh9_1 ._skillRow_fafh9_1 ._image_fafh9_9 {
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  position: relative;
}

._skillList_fafh9_1 ._skillRow_fafh9_1 p {
  line-height: 1.4;
}

/* [project]/src/scenario/_feature/styles/ItemColorBoxGrid.module.scss.module.css [app-client] (css) */
.ItemColorBoxGrid-module-scss-module__p0EW0G__starforce {
  z-index: 1;
  position: absolute;
  top: 8px;
  left: 8px;
}

.ItemColorBoxGrid-module-scss-module__p0EW0G__li {
  border: 1px solid #0000;
  border-radius: 16px;
  height: 132px;
  position: relative;
}

.ItemColorBoxGrid-module-scss-module__p0EW0G__li.ItemColorBoxGrid-module-scss-module__p0EW0G__selected {
  border: 1px solid #121619;
  transition: all .24s ease-in-out;
  box-shadow: 0 4px 4px #0000001a;
}

@media only screen and (max-width: 639px) {
  .ItemColorBoxGrid-module-scss-module__p0EW0G__li {
    border-radius: 3.3333vw;
    height: 37.2222vw;
  }
}

.ItemColorBoxGrid-module-scss-module__p0EW0G__list_container .scroll-list {
  scrollbar-width: none;
  -ms-overflow-style: none;
  grid-template-rows: 134px;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  height: 656px;
  padding: 12px 12px 222px;
  list-style: none;
  display: grid;
  overflow: hidden scroll;
}

.ItemColorBoxGrid-module-scss-module__p0EW0G__list_container .scroll-list::-webkit-scrollbar {
  display: none;
}

@media only screen and (max-width: 639px) {
  .ItemColorBoxGrid-module-scss-module__p0EW0G__list_container .scroll-list {
    grid-template-rows: 37.2222vw;
    gap: 3.3333vw;
    height: 166.667vw;
    padding: 3.3333vw 3.3333vw 62.7778vw;
  }
}

.ItemColorBoxGrid-module-scss-module__p0EW0G__inner_box {
  background: #f7f8f9;
  border-radius: 16px;
  width: 100%;
  height: 100%;
  padding: 12px 12px 16px;
  position: relative;
}

@media only screen and (max-width: 639px) {
  .ItemColorBoxGrid-module-scss-module__p0EW0G__inner_box {
    padding: 3.3333vw 3.3333vw 4.4444vw;
  }
}

.ItemColorBoxGrid-module-scss-module__p0EW0G__remaining_time_badge {
  z-index: 1;
  text-align: center;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  color: #fff;
  background: #868e9680;
  border-radius: 10px;
  width: 76px;
  height: 24px;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 1.3;
  position: absolute;
  bottom: 36px;
  left: 50%;
  transform: translateX(-50%);
}

.ItemColorBoxGrid-module-scss-module__p0EW0G__item_name_box {
  color: var(--gray-900);
  align-items: center;
  width: 100%;
  max-width: 80px;
  margin: 8px auto 0;
  font-size: 14px;
  line-height: 1;
  display: flex;
}

@media only screen and (max-width: 639px) {
  .ItemColorBoxGrid-module-scss-module__p0EW0G__item_name_box {
    max-width: 22.2222vw;
    margin: 2.2222vw auto 0;
    font-size: 3.8889vw;
  }
}

.ItemColorBoxGrid-module-scss-module__p0EW0G__item_name {
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  white-space: normal;
  text-align: left;
  letter-spacing: .36px;
  -webkit-box-orient: vertical;
  width: 90%;
  line-height: 1.2;
  display: -webkit-box;
  overflow: hidden;
}

.ItemColorBoxGrid-module-scss-module__p0EW0G__is_withdrawal_limit_reached {
  opacity: .5;
}

/* [project]/src/components/List/styles/StakingItemList.module.scss.module.css [app-client] (css) */
.StakingItemList-module-scss-module__TOMpcW__stake_item_container {
  background: var(--neutral-50);
  border: 1px solid var(--neutral-50);
  border-radius: 16px;
  align-items: center;
  height: 72px;
  padding-left: 12px;
  padding-right: 16px;
  display: flex;
}

@media only screen and (max-width: 639px) {
  .StakingItemList-module-scss-module__TOMpcW__stake_item_container {
    border-radius: 4.4444vw;
    height: 20vw;
    padding-left: 3.3333vw;
    padding-right: 4.4444vw;
  }
}

.StakingItemList-module-scss-module__TOMpcW__inner_container {
  flex-direction: column;
  gap: 4px;
  width: 100%;
  padding-left: 16px;
  display: flex;
}

.StakingItemList-module-scss-module__TOMpcW__inner_top {
  align-items: center;
  width: 100%;
  display: flex;
}

.StakingItemList-module-scss-module__TOMpcW__inner_bottom {
  width: 100%;
  color: var(--neutral-500);
  align-items: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  display: flex;
}

.StakingItemList-module-scss-module__TOMpcW__neso {
  font-weight: 500;
}

.StakingItemList-module-scss-module__TOMpcW__item_name_box {
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--gray-600);
  font-family: var(--font-roboto);
  max-width: 200px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  display: block;
  overflow: hidden;
}

@media only screen and (max-width: 639px) {
  .StakingItemList-module-scss-module__TOMpcW__item_name_box {
    -webkit-line-clamp: 2;
    text-align: left;
    letter-spacing: .36px;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    width: 60%;
    max-width: 100%;
    font-size: 3.3333vw;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
  }
}

.StakingItemList-module-scss-module__TOMpcW__item_hash {
  color: var(--gray-900);
  font-family: var(--font-roboto);
  margin-left: 4px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

@media only screen and (max-width: 639px) {
  .StakingItemList-module-scss-module__TOMpcW__item_hash {
    margin-left: 1.1111vw;
    margin-right: 1.1111vw;
    font-size: 3.3333vw;
  }
}

.StakingItemList-module-scss-module__TOMpcW__star_force_box {
  align-items: center;
  gap: 8px;
  margin-left: auto;
  display: flex;
}

.StakingItemList-module-scss-module__TOMpcW__out_link {
  color: var(--neutral-opacity-black-bk-50);
  justify-content: center;
  align-items: center;
  display: flex;
}

.StakingItemList-module-scss-module__TOMpcW__is_withdrawal_limit_reached {
  opacity: .5;
  pointer-events: none;
  box-shadow: none !important;
  background-color: #0000 !important;
  border: none !important;
}

.StakingItemList-module-scss-module__TOMpcW__is_withdrawal_limit_reached:hover {
  box-shadow: none !important;
}

.StakingItemList-module-scss-module__TOMpcW__remaining_time_badge {
  z-index: 1;
  text-align: center;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  color: #fff;
  background: #868e9680;
  border-radius: 10px;
  width: 100%;
  height: 24px;
  margin-top: 4px;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 1.3;
}

/* [project]/src/scenario/steps/styles/ItemSelectStep.module.scss.module.css [app-client] (css) */
.ItemSelectStep-module-scss-module__pka1Ga__header {
  justify-content: space-between;
  align-items: center;
  padding: 20px 20px 12px 24px;
  display: flex;
}

.ItemSelectStep-module-scss-module__pka1Ga__view_list_container {
  align-items: center;
  margin-left: auto;
  display: flex;
}

.ItemSelectStep-module-scss-module__pka1Ga__button {
  width: 32px;
  height: 32px;
  color: var(--neutral-300);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  transition: all .24s ease-in-out;
  display: flex;
}

.ItemSelectStep-module-scss-module__pka1Ga__button.ItemSelectStep-module-scss-module__pka1Ga__selected {
  color: var(--gray-900) !important;
}

.ItemSelectStep-module-scss-module__pka1Ga__button:hover {
  background: var(--neutral-50) !important;
  color: var(--gray-900) !important;
}

@media only screen and (max-width: 639px) {
  .ItemSelectStep-module-scss-module__pka1Ga__button {
    border-radius: 2.2222vw;
    width: 8.8889vw;
    height: 8.8889vw;
  }

  .ItemSelectStep-module-scss-module__pka1Ga__button i {
    width: 6.6667vw !important;
    height: 6.6667vw !important;
  }
}

.ItemSelectStep-module-scss-module__pka1Ga__item_list_layout {
  width: 476px;
  position: relative;
}

@media only screen and (max-width: 639px) {
  .ItemSelectStep-module-scss-module__pka1Ga__item_list_layout {
    width: 100%;
  }
}

.ItemSelectStep-module-scss-module__pka1Ga__ul {
  scrollbar-width: none;
  -ms-overflow-style: none;
  width: 93.55%;
  height: 656px;
  margin: 0 auto;
  padding-bottom: 222px;
  list-style: none;
  overflow: hidden scroll;
}

.ItemSelectStep-module-scss-module__pka1Ga__ul::-webkit-scrollbar {
  display: none;
}

@media only screen and (max-width: 639px) {
  .ItemSelectStep-module-scss-module__pka1Ga__ul {
    height: 152.778vw;
    margin-top: 3.3333vw;
    padding-bottom: 61.1111vw;
  }
}

.ItemSelectStep-module-scss-module__pka1Ga__ul li {
  margin-bottom: 8px;
}

.ItemSelectStep-module-scss-module__pka1Ga__ul li:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 639px) {
  .ItemSelectStep-module-scss-module__pka1Ga__ul li {
    margin-bottom: 2.2222vw;
  }
}

.ItemSelectStep-module-scss-module__pka1Ga__selected_list .ItemSelectStep-module-scss-module__pka1Ga__staked_item {
  border: 1px solid var(--gray-900);
  background-color: #fff;
  transition: all .24s ease-in-out;
  box-shadow: 0 4px 4px #0000001a;
}

/* [project]/node_modules/@msu/lie-detector/node_modules/@msu/mds/dist/assets/Checkbox.css [app-client] (css) */
._checkbox_incy2_9:not(._disabled_incy2_9):hover ._checkbox--label--fakeCheckbox_incy2_9, ._checkbox_incy2_9:not(._disabled_incy2_9):focus-within ._checkbox--label--fakeCheckbox_incy2_9 {
  border-color: var(--brand-primary) !important;
}

._isCheckedBorder_incy2_13 {
  border: 1.8px solid var(--brand-primary) !important;
}

._is_error_incy2_17 {
  border: 1.8px solid var(--red-500) !important;
}

._checkbox_incy2_9 {
  cursor: pointer;
  align-items: center;
  display: inline-flex;
}

._checkbox--label_incy2_9 {
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

._checkbox--label--fakeCheckbox_incy2_9 {
  border: 1.8px solid var(--neutral-300);
  background: var(--neutral-white);
  border-radius: 4px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  margin-bottom: auto;
  transition: border-color .24s linear;
}

._checkbox--label--fakeCheckbox_incy2_9._disabled_incy2_9 {
  background-color: var(--neutral-100) !important;
  border-color: var(--neutral-100) !important;
}

._checkbox--label--input_incy2_46 {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  outline: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

._checkbox--label--text_incy2_58 {
  color: var(--gray-600);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  font-family: var(--font-roboto, Roboto);
}

._checkbox--label--text_incy2_58::selection {
  background-color: #0000;
}

._checkbox--label--text_incy2_58._disabled_incy2_9 {
  color: var(--neutral-opacity-black-bk-30) !important;
}

/*# sourceMappingURL=f931210333a6a721.css.map*/