/*!**************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!.https://id-content.subway.com/content/assets/css/fonts.css ***!
  \**************************************************************************************/


@font-face {
    font-family: "Roboto Regular";
    src: url(https://id-content.subway.com/content/assets/fonts/Roboto-Regular.ttf) format("truetype");
}

@font-face {
    font-family: "Roboto Bold";
    src: url(https://id-content.subway.com/content/assets/fonts/Roboto-Bold.ttf) format("truetype");
}

@font-face {
    font-family: "Roboto Black";
    src: url(https://id-content.subway.com/content/assets/fonts/Roboto-Black.ttf) format("truetype");
}

@font-face {
    font-family: "Roboto Light";
    src: url(https://id-content.subway.com/content/assets/fonts/Roboto-Light.ttf) format("truetype");
}

@font-face {
    font-family: "Graphik";
    src: url(https://id-content.subway.com/content/assets/fonts/GraphikRegular.otf) format("opentype");
}

@font-face {
    font-family: "Graphik Bold";
    src: url(https://id-content.subway.com/content/assets/fonts/GraphikBold.otf) format("opentype");
}

@font-face {
    font-family: "Graphik Black";
    src: url(https://id-content.subway.com/content/assets/fonts/GraphikBlack.otf) format("opentype");
}

@font-face {
    font-family: "Graphik Light";
    src: url(https://id-content.subway.com/content/assets/fonts/GraphikLight.otf) format("opentype");
}

@font-face {
    font-family: "Graphik Cond";
    src: url(https://id-content.subway.com/content/assets/fonts/GraphikCond.woff2) format("opentype");
}

@font-face {
    font-family: "Subway Sans LCG";
    src: url(https://id-content.subway.com/content/assets/fonts/SubwaySansLCG-Regular.woff2) format("opentype");
}

@font-face {
    font-family: "Subway Sans LCG Medium";
    src: url(https://id-content.subway.com/content/assets/fonts/SubwaySansLCG-Medium.woff2) format("opentype");
}

@font-face {
    font-family: "Subway Sans LCG Bold";
    src: url(https://id-content.subway.com/content/assets/fonts/SubwaySansLCG-Bold.woff2) format("opentype");
}


/*-
    -�Roboto Light� for body copy (replaces Subway Six-Inch)
    -�Roboto Bold� for headlines/subheads (replaces Subway Footlong)
    -�Roboto Regular� for body copy that needs emphasis/heavier weight (do not use the �Bold� font for such purposes)*/

.body_text {
    font-family: Roboto Light, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    text-align: center;
    color: #393839;
    color: var(--grey4);
}

.link_text {
    font-family: Roboto Light, sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: #77787b;
    color: var(--grey3);
}

.policy_text {
    font-family: Roboto Light, sans-serif;
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    text-align: center;
    color: #77787b;
    color: var(--grey3);
}

.agree_text {
    font-family: Roboto Light, sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    text-align: center;
    color: #b1b3b6;
    color: var(--grey2);
}

.offer_text {
    font-family: Roboto Light, sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    color: #393839;
    color: var(--grey4);
}

.code_text {
    font-family: Roboto Light, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-align: center;
    color: #b1b3b6;
    color: var(--grey2);
}

.required_text {
    font-family: Roboto Light, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: #23b054;
    color: var(--green);
}

.hint_text {
    font-family: Roboto Light, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: #b1b3b6;
    color: var(--grey2);
}

.error_text {
    font-family: Roboto Light, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: #ef3e24;
    color: var(--red);
}
/*!****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./customcontent/global3.0/signup_signin-r2/common/css/signin_kount_mfa.css ***!
  \****************************************************************************************************************************/
body {
  font-family: "Subway Sans LCG", sans-serif;
  margin: auto;
  color: #000;
}

#header_top {
  padding: 12px 20px;
  display: flex;
  align-items: center;
  box-shadow: 0px 1px 10px 0px #00000022;
}

#header_top img {
  padding: 5px;
}

#header_top .back_button {
  display: flex;
  margin-left: 30px;
  padding-left: 30px;
  border-left: solid 1px #ccc;
}
#header_top .back_button button {
  display: flex;
  align-items: center;
  background: none;
  color: #000;
  font-size: 16px;
  padding: 8px 10px;
  border: 0;
}
#header_top .back_button button img {
  width: 16px;
  margin: 4px 10px 4px 4px;
}

#main {
  max-width: 440px;
  margin: 60px auto 30px;
}

#pageTitle {
  margin: 0px auto;
  font-family: "Subway Sans LCG Bold", sans-serif;
  font-size: 36px;
  line-height: 47px;
}
#warningContainer {
  display: none;
  font-size: 18px;
  line-height: 29px;
  background: #f6f6f6;
  padding: 9px;
  margin-top: 20px;
}
#warningContainer img {
  height: 24px;
  margin-right: 12px;
}

#warningContainer p {
  margin-top: 0;
}
#warningContainer p:last-child {
  margin-bottom: 0;
}

#notion {
  margin: 32px auto 16px;
  font-size: 18px;
  line-height: 29px;
}

#emailNotion {
  font-size: 22px;
  line-height: 30px;
  font-weight: bold;
  font-family: "Subway Sans LCG Bold", sans-serif;
  margin: 16px auto 32px;
}

.notificationText {
  line-height: 26px;
}
.buttons {
  margin-top: 60px;
}

button {
  width: 100%;
  font-size: 18px;
  letter-spacing: .5px;
  font-family: "Graphik Cond", sans-serif;
  text-transform: uppercase;
  color: #ffff;
  border: none;
  border-radius: 5px;
  background-color: #008938;
  cursor: pointer;
}

button:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 3px;
  border: 1px solid rgba(81, 203, 238, 1);
}

#extension_blockUserMessage a{
  color: inherit;
}
#claimVerificationServerError a{
  color: inherit;
}

#continue, #cancel {
  padding: 13px 10px;
}

.refText,.verifying-modal{
  display: none;
}
.inProcessGif{
  background-image: url('https://id-content.subway.com/content/assets/images/Dancing-Dots-white.gif?v=318ac2fb-41d5-42ea-bfcf-80045cfbdc07');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 50px;
}

@media only screen and (max-width: 480px) {
  #main {
    margin: 30px 30px 10px;
  }
  #header {
    margin-top: 10px;
  }
  #header_top {
    padding: 0;
    box-shadow: none;
  }

  #header_top .back_button {
    display: none;
  }
  #header_top img {
    margin: auto;
  }

  #pageTitle {
    font-size: 22px;
    line-height: 30px;
  }
  #warningContainer {
    font-size: 12px;
    line-height: 19px;
    margin-top: 16px;
  }
  #notion {
    font-size: 16px;
    line-height: 26px;
    margin: 20px auto 12px;
  }
  #emailNotion {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 36px;
  }
  #container {  
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  #api {
    flex-direction: column;
  }
  .buttons{
    margin-top: unset;
  }
  #continue, #cancel {
    padding: 13px 10px;
    position: fixed;
    left: 7%;
    width: 85%;
    bottom: 2%;
  }
}