/* [project]/node_modules/@msu/mds/dist/assets/CreditLevelGuideModal.css [app-client] (css) */
._credit_modal_guide_modal_1janm_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: 767px) {
  ._credit_modal_guide_modal_1janm_5 {
    width: 100%;
    max-width: 100%;
    padding: 13.3333vw 4.4444vw 6.6667vw;
  }
}

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

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

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

  ._unableGameCloseButtonStyle_1janm_31 i {
    width: 4.4444vw;
    min-width: 4.4444vw;
    height: 4.4444vw;
    min-height: 4.4444vw;
  }
}

._unableGameModalHeaderSection_1janm_53 {
  margin-bottom: 40px;
}

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

._headerBox_1janm_62 {
  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: 767px) {
  ._headerBox_1janm_62 {
    height: 17.7778vw;
    padding: 3.3333vw 0 3.3333vw 4.4444vw;
    overflow: hidden;
  }
}

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

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

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

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

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

._headerTextLineColor_1janm_110 {
  display: inline-block;
}

._headerTextLineColor_1janm_110._msu_1janm_80 {
  color: var(--brand-secondary);
}

._headerTextLineColor_1janm_110._msn_1janm_84 {
  color: #fff176;
}

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

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

._headerCharacter_1janm_125._msu_1janm_80 {
  width: 120px;
  height: 120px;
  right: 0;
}

@media only screen and (max-width: 767px) {
  ._headerCharacter_1janm_125._msu_1janm_80 {
    width: 26.6667vw;
    height: 26.6667vw;
  }
}

._headerCharacter_1janm_125._msn_1janm_84 {
  width: 88px;
  height: 94px;
  bottom: 0;
  right: 24px;
}

@media only screen and (max-width: 767px) {
  ._headerCharacter_1janm_125._msn_1janm_84 {
    width: 64px;
    height: 68px;
    right: -10px;
  }
}

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

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

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

._unableGameModalDescription_1janm_171 {
  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: 767px) {
  ._unableGameModalDescription_1janm_171 {
    margin-top: 1.1111vw;
    margin-bottom: 6.6667vw;
    font-size: 3.8889vw !important;
  }
}

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

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

._unableGameCard_1janm_199 {
  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_1janm_199:hover, ._unableGameCard_1janm_199:focus {
  background-color: #f9f5ff;
}

._unableGameCard_1janm_199 ._bg_1janm_214 {
  width: 138px;
  height: 134px;
  position: absolute;
  bottom: 0;
  right: 0;
}

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

._unableGameCard_1janm_199 ._arrowIcon_1janm_229 {
  position: absolute;
  top: 22px;
  right: 16px;
}

._unableGameCard_1janm_199 ._cardIcon_1janm_234 {
  width: 32px;
  height: 32px;
  margin-bottom: 12px;
}

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

._unableGameCard_1janm_199._msu_1janm_80 ._cardIcon_1janm_234, ._unableGameCard_1janm_199._msu_1janm_80 ._arrowIcon_1janm_229, ._unableGameCard_1janm_199._msu_1janm_80 ._bg_1janm_214, ._unableGameCard_1janm_199._msu_1janm_80 ._conditionTitle_1janm_245 {
  color: #8632fb;
}

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

._unableGameCard_1janm_199._msn_1janm_84 ._cardIcon_1janm_234, ._unableGameCard_1janm_199._msn_1janm_84 ._arrowIcon_1janm_229, ._unableGameCard_1janm_199._msn_1janm_84 ._bg_1janm_214, ._unableGameCard_1janm_199._msn_1janm_84 ._conditionTitle_1janm_245 {
  color: #fc7d06;
}

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

._unableGameCard_1janm_199 ._unableGameCardContent_1janm_263 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

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

._conditionActionButton_1janm_283 {
  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_1janm_283:hover {
  background: var(--brand-primary-action);
}

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

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

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

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

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

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

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

._primaryBottomButton_1janm_346 {
  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_1janm_346:hover {
  background-color: #121619;
}

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

._ask_discord_button_1janm_371 {
  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_1janm_371:hover {
  background-color: #4551d4;
}

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

._getNxpcBox_1janm_399 {
  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: 767px) {
  ._getNxpcBox_1janm_399 {
    height: auto;
    margin-top: 6.6667vw;
    padding: 4.4444vw 3.8889vw;
  }
}

._getNxpcBox_1janm_399 ._ownedNxpcInfo_1janm_417 {
  align-items: center;
  display: flex;
}

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

._getNxpcBox_1janm_399 ._ownedNxpcInfo_1janm_417 ._ownedNxpcInnerBox_1janm_428 {
  color: var(--gray-900);
  flex-direction: column;
  align-items: flex-start;
  margin-left: 12px;
  display: flex;
}

@media only screen and (max-width: 767px) {
  ._getNxpcBox_1janm_399 ._ownedNxpcInfo_1janm_417 ._ownedNxpcInnerBox_1janm_428 {
    flex-direction: column;
    margin-left: 0;
  }
}

._getNxpcBox_1janm_399 ._btnBox_1janm_441 {
  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_1janm_399 ._btnBox_1janm_441 > button {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

._getNxpcBox_1janm_399 ._btnBox_1janm_441 > * + * {
  margin-left: 8px;
}

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

  ._getNxpcBox_1janm_399 ._btnBox_1janm_441 > * + * {
    margin-left: 0;
  }
}

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

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

._needHelpGettingCreditLevel_1janm_485 {
  margin-top: 56px;
}

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

/* [project]/node_modules/@msu/mds/dist/assets/Checkbox.css [app-client] (css) */
._isCheckedBorder_13b7c_9 {
  border: 1.8px solid var(--brand-primary) !important;
}

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

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

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

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

._checkbox--label--fakeCheckbox_13b7c_31 {
  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_13b7c_31._dark_13b7c_42 {
  background: #1b1b1b;
  border: 1.8px solid #3b3b3b;
}

._checkbox_13b7c_21:not(._disabled_13b7c_46):hover ._checkbox--label--fakeCheckbox_13b7c_31._dark_13b7c_42, ._checkbox_13b7c_21:not(._disabled_13b7c_46):focus-within ._checkbox--label--fakeCheckbox_13b7c_31._dark_13b7c_42 {
  border-color: var(--brand-secondary) !important;
}

._checkbox_13b7c_21:not(._disabled_13b7c_46):hover ._checkbox--label--fakeCheckbox_13b7c_31, ._checkbox_13b7c_21:not(._disabled_13b7c_46):focus-within ._checkbox--label--fakeCheckbox_13b7c_31 {
  border-color: var(--brand-primary) !important;
}

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

._checkbox--label--fakeCheckbox_13b7c_31._disabled_13b7c_46._dark_13b7c_42 {
  background-color: var(--neutral-opacity-gray-g-20) !important;
  border-color: var(--neutral-opacity-gray-g-20) !important;
}

._checkbox--label--input_13b7c_60 {
  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_13b7c_72 {
  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_13b7c_72::selection {
  background-color: #0000;
}

._checkbox--label--text_13b7c_72._dark_13b7c_42 {
  color: #969696;
}

._checkbox--label--text_13b7c_72._dark_13b7c_42._checked_13b7c_88 {
  color: var(--neutral-white);
}

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

._checkbox--label--text_13b7c_72._disabled_13b7c_46._dark_13b7c_42 {
  color: var(--neutral-opacity-gray-g-60) !important;
}

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