/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../node_modules/postcss-loader/src/index.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./styles/identity/index.scss ***!
  \***************************************************************************************************************************************************************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  text-decoration: none;
  color: inherit;
}

@font-face {
  font-family: "RobotoCondensed-Bold";
  src: url("/fe-web/assets/fonts/RobotoCondensed-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RobotoCondensed";
  src: url("/fe-web/assets/fonts/RobotoCondensed-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RobotoCondensed-Light";
  src: url("/fe-web/assets/fonts/RobotoCondensed-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Anton";
  src: url("/fe-web/assets/fonts/Anton.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
body {
  font-family: "RobotoCondensed", sans-serif;
  letter-spacing: -0.3px;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
  position: relative;
  color: #0D2850;
  overflow-x: hidden;
}
body b, body strong {
  font-family: "RobotoCondensed-Bold", sans-serif;
  font-weight: normal;
  font-style: normal;
}
body .bright-blue, body *[bright-blue] {
  color: #105EDA;
}
body .red, body *[red] {
  color: #D0122B;
}
body .white, body *[white] {
  color: #FFFFFF;
}
body .white-link a {
  color: #FFFFFF;
}
body .yxpType_IMAGE,
body .yxpType_LINK {
  margin-bottom: 16px;
}
body .hidden {
  display: none;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

.yxpMainContainer {
  overflow-x: hidden;
}

a {
  color: #105EDA;
  text-decoration: underline;
}

.no-scroll {
  overflow-y: hidden;
}

.text-center {
  text-align: center;
}

.show-mobile {
  display: block !important;
}
@media (min-width: 769px) {
  .show-mobile {
    display: none !important;
  }
}

.body-container > .yxpRow > div:not(.yxpType_CUSTOM) {
  padding: 56px 16px;
}
@media (min-width: 769px) {
  .body-container > .yxpRow > div:not(.yxpType_CUSTOM) {
    padding: 96px 16px;
  }
}
.body-container > .yxpRow > div:not(.yxpType_CUSTOM) > div {
  max-width: 1224px;
  margin-right: auto;
  margin-left: auto;
}

.yxpBlock {
  padding: 0;
}

.loading::after {
  content: "";
  border: 5px solid transparent;
  border-top: 5px solid #0D2850;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
  position: absolute;
  z-index: 10;
  top: -webkit-calc(50% - 20px);
  top: calc(50% - 20px);
  left: -webkit-calc(50% - 20px);
  left: calc(50% - 20px);
}

.full-loading::after {
  content: "";
  border: 5px solid transparent;
  border-top: 5px solid #0D2850;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
  position: absolute;
  z-index: 10;
  top: -webkit-calc(50% - 20px);
  top: calc(50% - 20px);
  left: -webkit-calc(50% - 20px);
  left: calc(50% - 20px);
}
.full-loading::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  z-index: 9;
  top: 0;
  left: 0;
}

.yxpType_TITLE h1,
.yxpType_TEXT h1,
.yxpImageTextWrapper .yxpHtmlTextWrapper h1,
.yxpType_TEXTAREA .yxpHtmlTextWrapper h1 {
  font-family: "RobotoCondensed-Bold", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 32px;
  line-height: 36px;
}
@media (min-width: 769px) {
  .yxpType_TITLE h1,
  .yxpType_TEXT h1,
  .yxpImageTextWrapper .yxpHtmlTextWrapper h1,
  .yxpType_TEXTAREA .yxpHtmlTextWrapper h1 {
    font-size: 40px;
    line-height: 44px;
  }
}
.yxpType_TITLE h2,
.yxpType_TEXT h2,
.yxpImageTextWrapper .yxpHtmlTextWrapper h2,
.yxpType_TEXTAREA .yxpHtmlTextWrapper h2 {
  font-family: "RobotoCondensed-Bold", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 32px;
  line-height: 36px;
}
@media (min-width: 769px) {
  .yxpType_TITLE h2,
  .yxpType_TEXT h2,
  .yxpImageTextWrapper .yxpHtmlTextWrapper h2,
  .yxpType_TEXTAREA .yxpHtmlTextWrapper h2 {
    font-size: 40px;
    line-height: 44px;
  }
}
.yxpType_TITLE h3,
.yxpType_TEXT h3,
.yxpImageTextWrapper .yxpHtmlTextWrapper h3,
.yxpType_TEXTAREA .yxpHtmlTextWrapper h3 {
  font-family: "RobotoCondensed-Bold", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 32px;
  line-height: 36px;
}
.yxpType_TITLE h4,
.yxpType_TEXT h4,
.yxpImageTextWrapper .yxpHtmlTextWrapper h4,
.yxpType_TEXTAREA .yxpHtmlTextWrapper h4 {
  font-family: "RobotoCondensed", sans-serif;
  letter-spacing: -0.3px;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 28px;
}
.yxpType_TITLE h5,
.yxpType_TEXT h5,
.yxpImageTextWrapper .yxpHtmlTextWrapper h5,
.yxpType_TEXTAREA .yxpHtmlTextWrapper h5 {
  font-family: "RobotoCondensed", sans-serif;
  letter-spacing: -0.3px;
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  line-height: 24px;
}
.yxpType_TITLE h6, .yxpType_TITLE.text-large,
.yxpType_TEXT h6,
.yxpType_TEXT.text-large,
.yxpImageTextWrapper .yxpHtmlTextWrapper h6,
.yxpImageTextWrapper .yxpHtmlTextWrapper.text-large,
.yxpType_TEXTAREA .yxpHtmlTextWrapper h6,
.yxpType_TEXTAREA .yxpHtmlTextWrapper.text-large {
  font-family: "RobotoCondensed", sans-serif;
  letter-spacing: -0.3px;
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  line-height: 24px;
}
.yxpType_TITLE.text-small,
.yxpType_TEXT.text-small,
.yxpImageTextWrapper .yxpHtmlTextWrapper.text-small,
.yxpType_TEXTAREA .yxpHtmlTextWrapper.text-small {
  font-family: "RobotoCondensed", sans-serif;
  letter-spacing: -0.3px;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.yxpType_TITLE.white,
.yxpType_TEXT.white,
.yxpImageTextWrapper .yxpHtmlTextWrapper.white,
.yxpType_TEXTAREA .yxpHtmlTextWrapper.white {
  color: #FFFFFF;
}

.text {
  font-family: "RobotoCondensed", sans-serif;
  letter-spacing: -0.3px;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
}

.text-large {
  font-family: "RobotoCondensed", sans-serif;
  letter-spacing: -0.3px;
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  line-height: 24px;
}

.text-small {
  font-family: "RobotoCondensed", sans-serif;
  letter-spacing: -0.3px;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}

.yxpType_TITLE {
  margin-bottom: 24px;
}

.yxpImageTextTitle:empty {
  display: none;
}

.generic-card {
  width: 100%;
  max-width: 640px;
  border-radius: 16px;
  background: white;
  padding: 32px !important;
}
@media (min-width: 769px) {
  .generic-card {
    padding: 40px 56px !important;
  }
}

.primary-button a {
  background: #D1122A;
  border: 1px solid transparent;
  -webkit-transition: background-color 0.2s ease, -webkit-transform 0.2s ease;
  transition: background-color 0.2s ease, -webkit-transform 0.2s ease;
  transition: transform 0.2s ease, background-color 0.2s ease;
  transition: transform 0.2s ease, background-color 0.2s ease, -webkit-transform 0.2s ease;
  color: white;
  height: 44px;
  min-width: 160px;
  padding: 2px 28px;
  border-radius: 8px;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "RobotoCondensed-Bold", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
}
.primary-button a:hover {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
  background: #a20e21;
}
.primary-button a[disabled] {
  -webkit-filter: opacity(0.5) grayscale(1);
          filter: opacity(0.5) grayscale(1);
}

.primary-button-blue a {
  background: #0D2850;
  border: 1px solid transparent;
  -webkit-transition: background-color 0.2s ease, -webkit-transform 0.2s ease;
  transition: background-color 0.2s ease, -webkit-transform 0.2s ease;
  transition: transform 0.2s ease, background-color 0.2s ease;
  transition: transform 0.2s ease, background-color 0.2s ease, -webkit-transform 0.2s ease;
  color: white;
  height: 44px;
  min-width: 160px;
  padding: 2px 28px;
  border-radius: 8px;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "RobotoCondensed-Bold", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
}
.primary-button-blue a:hover {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
  background: #061224;
}
.primary-button-blue a[disabled] {
  -webkit-filter: opacity(0.5) grayscale(1);
          filter: opacity(0.5) grayscale(1);
}

.primary-button-bright-blue a {
  background: #105EDA;
  border: 1px solid transparent;
  -webkit-transition: background-color 0.2s ease, -webkit-transform 0.2s ease;
  transition: background-color 0.2s ease, -webkit-transform 0.2s ease;
  transition: transform 0.2s ease, background-color 0.2s ease;
  transition: transform 0.2s ease, background-color 0.2s ease, -webkit-transform 0.2s ease;
  color: white;
  height: 44px;
  min-width: 160px;
  padding: 2px 28px;
  border-radius: 8px;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "RobotoCondensed-Bold", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
}
.primary-button-bright-blue a:hover {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
  background: #0d4aaa;
}
.primary-button-bright-blue a[disabled] {
  -webkit-filter: opacity(0.5) grayscale(1);
          filter: opacity(0.5) grayscale(1);
}

.secondary-button a {
  background: transparent;
  border: 1px solid #D1122A;
  -webkit-transition: background-color 0.2s ease, -webkit-transform 0.2s ease;
  transition: background-color 0.2s ease, -webkit-transform 0.2s ease;
  transition: transform 0.2s ease, background-color 0.2s ease;
  transition: transform 0.2s ease, background-color 0.2s ease, -webkit-transform 0.2s ease;
  color: #D1122A;
  height: 44px;
  min-width: 160px;
  padding: 2px 28px;
  border-radius: 8px;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "RobotoCondensed-Bold", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
}
.secondary-button a:hover {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
  background: rgba(0, 0, 0, 0);
}
.secondary-button a[disabled] {
  -webkit-filter: opacity(0.5) grayscale(1);
          filter: opacity(0.5) grayscale(1);
}

.secondary-button-white a {
  background: transparent;
  border: 1px solid #FFFFFF;
  -webkit-transition: background-color 0.2s ease, -webkit-transform 0.2s ease;
  transition: background-color 0.2s ease, -webkit-transform 0.2s ease;
  transition: transform 0.2s ease, background-color 0.2s ease;
  transition: transform 0.2s ease, background-color 0.2s ease, -webkit-transform 0.2s ease;
  color: #FFFFFF;
  height: 44px;
  min-width: 160px;
  padding: 2px 28px;
  border-radius: 8px;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "RobotoCondensed-Bold", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
}
.secondary-button-white a:hover {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
  background: rgba(0, 0, 0, 0);
}
.secondary-button-white a[disabled] {
  -webkit-filter: opacity(0.5) grayscale(1);
          filter: opacity(0.5) grayscale(1);
}

.button-red a {
  background: #D1122A;
  border: 1px solid transparent;
  -webkit-transition: background-color 0.2s ease, -webkit-transform 0.2s ease;
  transition: background-color 0.2s ease, -webkit-transform 0.2s ease;
  transition: transform 0.2s ease, background-color 0.2s ease;
  transition: transform 0.2s ease, background-color 0.2s ease, -webkit-transform 0.2s ease;
  color: white;
  height: 44px;
  min-width: 160px;
  padding: 2px 28px;
  border-radius: 8px;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "RobotoCondensed-Bold", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
}
.button-red a:hover {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
  background: #a20e21;
}
.button-red a[disabled] {
  -webkit-filter: opacity(0.5) grayscale(1);
          filter: opacity(0.5) grayscale(1);
}

@media (max-width: 768px) {
  .yxpRow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .yxpRow .yxp-cols-1, .yxpRow .yxp-cols-2,
  .yxpRow .yxp-cols-3, .yxpRow .yxp-cols-4,
  .yxpRow .yxp-cols-5, .yxpRow .yxp-cols-6,
  .yxpRow .yxp-cols-7, .yxpRow .yxp-cols-8,
  .yxpRow .yxp-cols-9, .yxpRow .yxp-cols-10,
  .yxpRow .yxp-cols-11, .yxpRow .yxp-cols-12 {
    width: 100%;
  }
}
.width-1024 > .yxpRow {
  max-width: 1024px !important;
  margin: 0 auto;
}

.width-1200 > .yxpRow {
  max-width: 1200px !important;
  margin: 0 auto;
}

.white-background {
  background: #FFFFFF;
}

.background-blue {
  background: #0D2850;
  color: white;
}

.background-dark-blue {
  background: #07162C;
  color: white;
}

.background-grey {
  background: #CFD4DC;
}

.background-medium-blue {
  background: #0B3D87;
  color: #FFFFFF;
}

.background-shadow-medium-blue {
  color: #FFFFFF;
  background: url(/fe-web/img/loyalty/backgrounds/shadow-medium-blue.png) center center;
  background-size: cover;
}

.yxpType_FORM {
  text-align: left;
}
.yxpType_FORM.yxpLoading::after, .yxpType_FORM.loading::after,
.yxpType_FORM .loading::after {
  content: "";
  border: 5px solid transparent;
  border-top: 5px solid #0D2850;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
  position: absolute;
  z-index: 10;
  top: -webkit-calc(50% - 20px);
  top: calc(50% - 20px);
  left: -webkit-calc(50% - 20px);
  left: calc(50% - 20px);
}
.yxpType_FORM.yxpLoading::before, .yxpType_FORM.loading::before,
.yxpType_FORM .loading::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  z-index: 9;
  top: 0;
  left: 0;
}
.yxpType_FORM .yxpStepsWrapper {
  margin: 0;
}
.yxpType_FORM .yxpStepContainer.yxpStepActive {
  border: none;
}
.yxpType_FORM form .yxpRow {
  gap: 16px;
  margin-bottom: 12px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-family: "RobotoCondensed", sans-serif;
  letter-spacing: -0.3px;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.yxpType_FORM form .yxpRow:has(.yxpInputGroupHidden) {
  display: none;
}
.yxpType_FORM form .yxpHtmlTextWrapper {
  text-align: left;
  margin-bottom: 16px;
  font-family: "RobotoCondensed", sans-serif;
  letter-spacing: -0.3px;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
}
.yxpType_FORM .yxpInputGroup label.yxpInputGroupLabel {
  padding: 0 0 8px 0;
  color: #07162C;
  font-family: "RobotoCondensed-Bold", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
}
.yxpType_FORM .yxpInputGroup label.yxpInputGroupLabelRight {
  margin: 0;
  padding: 0 24px;
  color: #07162C;
  font-family: "RobotoCondensed", sans-serif;
  letter-spacing: -0.3px;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
}
.yxpType_FORM .yxpInputGroup input,
.yxpType_FORM .yxpInputGroup select,
.yxpType_FORM .yxpInputGroup textarea {
  width: 100%;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid rgba(13, 40, 80, 0.2);
  background-color: transparent;
  color: #0D2850;
  font-family: "RobotoCondensed", sans-serif;
  letter-spacing: -0.3px;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
}
.yxpType_FORM .yxpInputGroup input::-webkit-input-placeholder, .yxpType_FORM .yxpInputGroup select::-webkit-input-placeholder, .yxpType_FORM .yxpInputGroup textarea::-webkit-input-placeholder {
  color: rgba(13, 40, 80, 0.5);
}
.yxpType_FORM .yxpInputGroup input::-webkit-input-placeholder, .yxpType_FORM .yxpInputGroup input::placeholder,
.yxpType_FORM .yxpInputGroup select::-webkit-input-placeholder,
.yxpType_FORM .yxpInputGroup select::placeholder,
.yxpType_FORM .yxpInputGroup textarea::-webkit-input-placeholder,
.yxpType_FORM .yxpInputGroup textarea::placeholder {
  color: rgba(13, 40, 80, 0.5);
}
.yxpType_FORM .yxpInputGroup input.yxp-error,
.yxpType_FORM .yxpInputGroup select.yxp-error,
.yxpType_FORM .yxpInputGroup textarea.yxp-error {
  border-color: #D1122A;
}
.yxpType_FORM .yxpInputGroup input:disabled, .yxpType_FORM .yxpInputGroup input[data-disabled=true],
.yxpType_FORM .yxpInputGroup select:disabled,
.yxpType_FORM .yxpInputGroup select[data-disabled=true],
.yxpType_FORM .yxpInputGroup textarea:disabled,
.yxpType_FORM .yxpInputGroup textarea[data-disabled=true] {
  background: rgba(13, 40, 80, 0.1) url("/fe-web/img/icons/lock.svg") no-repeat -webkit-calc(100% - 10px) center;
  background: rgba(13, 40, 80, 0.1) url("/fe-web/img/icons/lock.svg") no-repeat calc(100% - 10px) center;
  background-size: 24px;
  opacity: 1;
}
.yxpType_FORM .yxpInputGroup select {
  background: transparent url("/fe-web/img/icons/chevron-down.svg") no-repeat -webkit-calc(100% - 8px) center;
  background: transparent url("/fe-web/img/icons/chevron-down.svg") no-repeat calc(100% - 8px) center;
  background-size: 24px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  min-height: 44px;
  padding: 6px 10px;
}
.yxpType_FORM .yxpRow .yxpInputGroup:has(input[name=password]), .yxpType_FORM .yxpRow .yxpInputGroup:has(input[name=oldPassword]), .yxpType_FORM .yxpRow .yxpInputGroup:has(input[name=confirmPassword]) {
  position: relative;
}
.yxpType_FORM .yxpRow .yxpInputGroup:has(input[name=password]) input, .yxpType_FORM .yxpRow .yxpInputGroup:has(input[name=oldPassword]) input, .yxpType_FORM .yxpRow .yxpInputGroup:has(input[name=confirmPassword]) input {
  padding-right: 42px;
}
.yxpType_FORM .yxpRow .yxpInputGroup:has(input[name=password]) .visibility-icon, .yxpType_FORM .yxpRow .yxpInputGroup:has(input[name=oldPassword]) .visibility-icon, .yxpType_FORM .yxpRow .yxpInputGroup:has(input[name=confirmPassword]) .visibility-icon {
  position: absolute;
  top: 41px;
  right: 8px;
  padding: 4px;
  width: 32px;
  height: 32px;
  line-height: 1;
  border-radius: 50%;
  background-color: transparent;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  cursor: pointer;
  border: none;
}
.yxpType_FORM .yxpRow .yxpInputGroup:has(input[name=password]) .visibility-icon:before, .yxpType_FORM .yxpRow .yxpInputGroup:has(input[name=oldPassword]) .visibility-icon:before, .yxpType_FORM .yxpRow .yxpInputGroup:has(input[name=confirmPassword]) .visibility-icon:before {
  content: "";
  background: url("/fe-web/img/icons/eye.svg") no-repeat center;
  background-size: contain;
  display: inline-block;
  min-width: 24px;
  height: 24px;
  width: 24px;
}
.yxpType_FORM .yxpRow .yxpInputGroup:has(input[name=password]) .visibility-icon:hover, .yxpType_FORM .yxpRow .yxpInputGroup:has(input[name=oldPassword]) .visibility-icon:hover, .yxpType_FORM .yxpRow .yxpInputGroup:has(input[name=confirmPassword]) .visibility-icon:hover {
  background-color: rgba(13, 40, 80, 0.1);
}
.yxpType_FORM .yxpRow .yxpInputGroup:has(input[name=password]).password-visible .visibility-icon:before, .yxpType_FORM .yxpRow .yxpInputGroup:has(input[name=oldPassword]).password-visible .visibility-icon:before, .yxpType_FORM .yxpRow .yxpInputGroup:has(input[name=confirmPassword]).password-visible .visibility-icon:before {
  content: "";
  background: url("/fe-web/img/icons/eye-off.svg") no-repeat center;
  background-size: contain;
  display: inline-block;
  min-width: 24px;
  height: 24px;
  width: 24px;
}
.yxpType_FORM .yxpRow .yxpInputGroup:has(input[name=telephone]):before {
  content: "+ 39";
  background: url("/fe-web/img/icons/flag.png") no-repeat 10px center;
  border-right: 1px solid rgba(13, 40, 80, 0.2);
  padding: 10px 12px 10px 40px;
  background-size: 26px;
  position: absolute;
  width: 86px;
  top: 36px;
  left: 0;
  font-family: "RobotoCondensed", sans-serif;
  letter-spacing: -0.3px;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
}
.yxpType_FORM .yxpRow .yxpInputGroup:has(input[name=telephone]) input {
  padding-left: 96px;
}
.yxpType_FORM .yxpSubmitBtn,
.yxpType_FORM .yxpNextBtn {
  float: none;
  background: #D1122A;
  border: 1px solid transparent;
  -webkit-transition: background-color 0.2s ease, -webkit-transform 0.2s ease;
  transition: background-color 0.2s ease, -webkit-transform 0.2s ease;
  transition: transform 0.2s ease, background-color 0.2s ease;
  transition: transform 0.2s ease, background-color 0.2s ease, -webkit-transform 0.2s ease;
  color: white;
  height: 44px;
  min-width: 160px;
  padding: 2px 28px;
  border-radius: 8px;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "RobotoCondensed-Bold", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
}
.yxpType_FORM .yxpSubmitBtn:hover,
.yxpType_FORM .yxpNextBtn:hover {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
  background: #a20e21;
}
.yxpType_FORM .yxpSubmitBtn[disabled],
.yxpType_FORM .yxpNextBtn[disabled] {
  -webkit-filter: opacity(0.5) grayscale(1);
          filter: opacity(0.5) grayscale(1);
}
.yxpType_FORM .yxpFormActionsWrapper {
  text-align: center;
  margin: 32px 0 0;
}
.yxpType_FORM .yxp-error-msg {
  gap: 4px;
  width: 100%;
  position: static;
  padding-top: 6px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #D1122A;
  font-family: "RobotoCondensed", sans-serif;
  letter-spacing: -0.3px;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.yxpType_FORM .yxp-error-msg:before {
  content: "";
  background: url("/fe-web/img/icons/warning.svg") no-repeat center;
  background-size: contain;
  display: inline-block;
  min-width: 24px;
  height: 24px;
  width: 24px;
}
.yxpType_FORM .yxpPasswordValidatorRow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.yxpType_FORM .yxpPasswordValidatorRow.valid {
  color: #009551;
}
.yxpType_FORM .yxpPasswordValidatorRow.valid .icon {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.yxpType_FORM .yxpPasswordValidatorRow .icon {
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  content: "";
  background: url("/fe-web/img/icons/check.svg") no-repeat center;
  background-size: contain;
  display: inline-block;
  min-width: 18px;
  height: 18px;
  width: 18px;
}
.yxpType_FORM .yxpInputCheckboxWrapper {
  color: #0D2850;
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 2px 0 2px 40px;
  background: none;
  border: none;
}
.yxpType_FORM .yxpInputCheckboxWrapper .yxpInputGroupLabelRight {
  padding: 0 !important;
}
.yxpType_FORM input[type=checkbox] + label::before,
.yxpType_FORM input[type=checkbox] + span::before {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 6px;
  pointer-events: none;
  color: #0D2850;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
  border: 1px solid rgba(13, 40, 80, 0.2);
  content: "";
  background: url("/fe-web/img/icons/check-white.svg") no-repeat center;
  background-size: contain;
  display: inline-block;
  min-width: 24px;
  height: 24px;
  width: 24px;
  background-color: white;
}
.yxpType_FORM input[type=checkbox]:checked + label::before,
.yxpType_FORM input[type=checkbox]:checked + span::before {
  background-color: #105EDA;
  border-color: #105EDA;
}
.yxpType_FORM .yxpRow input[type=checkbox] {
  margin: 0;
  opacity: 0;
  position: absolute;
  min-width: 40px;
  z-index: 2;
  top: 0;
  left: 0;
  bottom: 0;
}
.yxpType_FORM fieldset {
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 8px;
}
.yxpType_FORM fieldset.yxp-error {
  background: none;
}
.yxpType_FORM fieldset.yxp-error .yxpInputGroupRadioWrapper {
  border-color: #D0122B;
}
.yxpType_FORM .yxpInputGroupRadioWrapper {
  position: relative;
  width: 100%;
  border: 1px solid rgba(13, 40, 80, 0.2);
  border-radius: 6px;
  padding: 8px;
}
@media (min-width: 769px) {
  .yxpType_FORM .yxpInputGroupRadioWrapper {
    width: -webkit-calc(50% - 4px);
    width: calc(50% - 4px);
  }
}
.yxpType_FORM .yxpInputGroupRadioWrapper::before {
  content: "";
  width: 24px;
  min-width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid rgba(13, 40, 80, 0.2);
  position: absolute;
  pointer-events: none;
  top: -webkit-calc(50% - 12px);
  top: calc(50% - 12px);
  left: 10px;
}
.yxpType_FORM .yxpInputGroupRadioWrapper::after {
  content: "";
  position: absolute;
  pointer-events: none;
  top: -webkit-calc(50% - 8px);
  top: calc(50% - 8px);
  left: 14px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #105EDA;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  -webkit-transform: scale(0);
          transform: scale(0);
}
.yxpType_FORM .yxpInputGroupRadioWrapper[active=true] {
  border-color: #105EDA;
  background-color: rgba(16, 94, 218, 0.15);
}
.yxpType_FORM .yxpInputGroupRadioWrapper[active=true]::before {
  border-color: #105EDA;
}
.yxpType_FORM .yxpInputGroupRadioWrapper[active=true]::after {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.yxpType_FORM .yxpInputDescription {
  position: static;
  color: #0D2850;
  margin-top: 8px;
  font-family: "RobotoCondensed", sans-serif;
  letter-spacing: -0.3px;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.yxpType_FORM .yxpRow input[type=radio] {
  opacity: 0;
}
.yxpType_FORM .hidden,
.yxpType_FORM .yxpHidden {
  display: none !important;
}
.yxpType_FORM .success-message {
  text-align: center;
}
.yxpType_FORM .success-message .yxpHtmlTextWrapper {
  margin-bottom: 0;
  text-align: center;
  font-family: "RobotoCondensed", sans-serif;
  letter-spacing: -0.3px;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
}
.yxpType_FORM .success-message img {
  max-width: 250px;
}
.yxpType_FORM .success-label {
  border-radius: 4px;
  padding: 8px 16px;
  text-align: center;
  margin: 16px auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #009551;
  background: rgba(0, 149, 81, 0.1);
  border: 1px solid #009551;
  font-family: "RobotoCondensed", sans-serif;
  letter-spacing: -0.3px;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.yxpType_FORM .yxpImageTextWrapper {
  position: relative;
  margin: 24px 0 16px;
}
.yxpType_FORM .yxpImageTextWrapper .yxpHtmlTextWrapper {
  margin-top: 0;
  font-family: "RobotoCondensed", sans-serif;
  letter-spacing: -0.3px;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
}
.yxpType_FORM .yxpImageTextWrapper .yxpImageWrapper {
  position: absolute;
  width: 24px;
  top: -2px;
  left: 0;
}
.yxpType_FORM .yxpImageTextWrapper .yxpImageWrapper img {
  width: 100%;
}
.yxpType_FORM .yxpImageTextTitle {
  padding-left: 36px;
  margin-bottom: 8px;
  font-family: "RobotoCondensed-Bold", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  line-height: 24px;
}

.custom-error-msg {
  gap: 8px;
  padding: 16px;
  border-radius: 8px;
  margin: 16px 0 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #D1122A;
  background-color: rgba(209, 18, 42, 0.1);
  font-family: "RobotoCondensed", sans-serif;
  letter-spacing: -0.3px;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
}
.custom-error-msg:before {
  content: "";
  background: url("/fe-web/img/icons/warning.svg") no-repeat center;
  background-size: contain;
  display: inline-block;
  min-width: 24px;
  height: 24px;
  width: 24px;
}
.custom-error-msg a {
  font-family: "RobotoCondensed-Bold", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
}

.generic-card {
  position: relative;
}
.generic-card.success-message-visible .yxpType_TITLE,
.generic-card.success-message-visible .yxpType_TEXTAREA {
  display: none;
}
.generic-card:has(.custom-error-msg) .yxp-error-msg {
  display: none;
}
.generic-card:has(.custom-error-msg) .yxp-error {
  border-color: rgba(13, 40, 80, 0.2) !important;
}

.loyalty-card-wrapper {
  padding: 0 20px;
  margin-top: 16px;
  border-radius: 8px;
  border: 1px solid rgba(13, 40, 80, 0.2);
  background: rgba(16, 94, 218, 0.2);
}
.loyalty-card-wrapper .white-card {
  background: white;
  border-radius: 8px;
  padding: 12px 12px 2px;
}
.loyalty-card-wrapper .white-card .yxpImageTextTitle {
  font-family: "RobotoCondensed-Bold", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
}
.loyalty-card-wrapper .white-card .yxpRow,
.loyalty-card-wrapper .white-card .yxpImageTextWrapper,
.loyalty-card-wrapper .white-card .yxpHtmlTextWrapper {
  margin: 0;
}
.loyalty-card-wrapper .yxpInputCheckboxWrapper {
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 8px;
  padding: 10px 10px 10px 48px;
}
.loyalty-card-wrapper .yxpInputCheckboxWrapper label.yxpInputGroupLabelRight:before {
  top: 9px;
  left: 10px;
}
.loyalty-card-wrapper:has(.yxpType_CHECKBOX_INPUT[style="display:none"]) {
  display: none !important;
}

.header-logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 72px;
  background: #0B3D87;
  padding: 16px;
  margin: 0;
}
.header-logo .yxpImageWrapper,
.header-logo img {
  height: 100%;
  width: auto;
}

.minimal-template {
  background: #0D2850;
  min-height: 100vh;
}
.minimal-template .back-button {
  margin: 0 auto;
  max-width: 1280px;
  padding: 16px 0 24px !important;
  font-family: "RobotoCondensed-Bold", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
}
.minimal-template .back-button a {
  color: white;
  text-decoration: none;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.minimal-template .back-button a:before {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  content: "";
  background: url("/fe-web/img/icons/arrow-left.svg") no-repeat center;
  background-size: contain;
  display: inline-block;
  min-width: 24px;
  height: 24px;
  width: 24px;
}
.minimal-template .back-button a:hover:before {
  -webkit-transform: translateX(-6px);
          transform: translateX(-6px);
}
.minimal-template a {
  cursor: pointer;
}
.minimal-template .body-container {
  padding: 0 10px;
}
.minimal-template .generic-card {
  margin: 32px auto 56px;
}
@media (min-width: 769px) {
  .minimal-template .generic-card {
    margin-top: 56px;
  }
}
.minimal-template .yxpType_TITLE u,
.minimal-template .yxpType_TEXT u,
.minimal-template .yxpImageTextWrapper .yxpHtmlTextWrapper u,
.minimal-template .yxpType_TEXTAREA .yxpHtmlTextWrapper u {
  display: inline-block;
  border-bottom: 7px solid #D0122B;
  text-decoration: none;
  padding-bottom: 4px;
}
.minimal-template .form-footer {
  padding-top: 40px;
  margin-top: 40px;
  border-top: 1px solid rgba(13, 40, 80, 0.2);
}
.minimal-template .form-footer > .yxpRow {
  gap: 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.minimal-template .form-footer .yxpType_LINK {
  margin: 0;
}

.registration .yxpType_TITLE {
  text-align: center;
}
.registration .step-wrapper {
  padding-top: 96px;
  position: relative;
  display: none !important;
}
.registration .step-wrapper.visible {
  display: block !important;
}
.registration .custom-stepper-form {
  position: absolute;
  width: -webkit-calc(100% - 120px);
  width: calc(100% - 120px);
  height: 45px;
  top: 48px;
  left: 60px;
}
.registration .custom-stepper-form .yxpInputGroup {
  padding-bottom: 0;
}
.registration .custom-stepper-form fieldset {
  height: 45px;
}
.registration .custom-stepper-form fieldset:before {
  content: "";
  width: 100%;
  height: 4px;
  border-radius: 4px;
  background: #EAEAEA;
  position: absolute;
  border: none;
  top: 100%;
  left: 0;
}
.registration .custom-stepper-form .yxpInputGroupRadioWrapper {
  display: none;
  text-align: center;
  padding: 0 0 12px;
  pointer-events: none;
  background: none;
  border: none;
  width: 100%;
}
.registration .custom-stepper-form .yxpInputGroupRadioWrapper label {
  margin: 0;
}
.registration .custom-stepper-form .yxpInputGroupRadioWrapper:after {
  height: 4px;
  border-radius: 4px;
  background: #105EDA;
  min-width: 33%;
  border: none;
  width: 33%;
  z-index: 1;
  top: 100%;
  left: 0;
}
.registration .custom-stepper-form .yxpInputGroupRadioWrapper:nth-child(2):after {
  min-width: 66%;
}
.registration .custom-stepper-form .yxpInputGroupRadioWrapper:nth-child(3):after {
  min-width: 100%;
}
.registration .custom-stepper-form .yxpInputGroupRadioWrapper:before {
  display: none;
}
.registration .custom-stepper-form .yxpInputGroupRadioWrapper[active=true] {
  display: block;
}
.registration .custom-confirm {
  background: #D1122A;
  border: 1px solid transparent;
  -webkit-transition: background-color 0.2s ease, -webkit-transform 0.2s ease;
  transition: background-color 0.2s ease, -webkit-transform 0.2s ease;
  transition: transform 0.2s ease, background-color 0.2s ease;
  transition: transform 0.2s ease, background-color 0.2s ease, -webkit-transform 0.2s ease;
  color: white;
  height: 44px;
  min-width: 160px;
  padding: 2px 28px;
  border-radius: 8px;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "RobotoCondensed-Bold", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
}
.registration .custom-confirm:hover {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
  background: #a20e21;
}
.registration .custom-confirm[disabled] {
  -webkit-filter: opacity(0.5) grayscale(1);
          filter: opacity(0.5) grayscale(1);
}
.registration:has(.custom-confirm-button) .yxpSubmitBtn {
  display: none;
}
.registration .yxpType_FORM form .yxpRow {
  margin-bottom: 4px;
}
.registration .yxpInputGroup:has(input[data-disabled=true]) {
  pointer-events: none;
}

.otp-component__label {
  text-align: center;
  margin-bottom: 24px;
  font-family: "RobotoCondensed", sans-serif;
  letter-spacing: -0.3px;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
}
.otp-component__code {
  font-family: "RobotoCondensed-Bold", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
}
.otp-component__inputs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 8px 0;
  gap: 8px;
}
.otp-component input {
  width: 20%;
  text-align: center;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid rgba(13, 40, 80, 0.2);
  background-color: transparent;
  color: #0D2850;
  font-family: "RobotoCondensed", sans-serif;
  letter-spacing: -0.3px;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
}
.otp-component input::-webkit-input-placeholder {
  color: rgba(13, 40, 80, 0.5);
}
.otp-component input::-webkit-input-placeholder, .otp-component input::placeholder {
  color: rgba(13, 40, 80, 0.5);
}
.otp-component__try-again {
  text-align: left;
  font-family: "RobotoCondensed", sans-serif;
  letter-spacing: -0.3px;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
}
.otp-component a {
  border: none;
  cursor: pointer;
  background: none;
  color: #105EDA;
  text-decoration: underline;
  font-family: "RobotoCondensed-Bold", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
}
div[data-loyalty-card=true] .otp-component__label a {
  display: none;
}

.carta-fan-info-container > .yxpRow {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  gap: 40px;
}
@media (min-width: 769px) {
  .carta-fan-info-container > .yxpRow {
    text-align: left;
    gap: 64px;
  }
}

.carta-fan-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #0D2850 url(/fe-web/img/loyalty/backgrounds/carta-fan.png) no-repeat center;
  -webkit-box-shadow: 8px 10px 24px 8px rgba(30, 30, 30, 0.1);
          box-shadow: 8px 10px 24px 8px rgba(30, 30, 30, 0.1);
  background-blend-mode: color-dodge;
  background-size: cover;
  border-radius: 24px;
  position: relative;
  height: 230px;
  padding: 6px;
}
@media (min-width: 769px) {
  .carta-fan-info {
    max-width: 600px;
    margin: 32px auto;
    height: 390px;
  }
}
.carta-fan-info.disabled {
  background-color: #AAAAAA;
  background-blend-mode: multiply;
}
.carta-fan-info__name {
  display: none;
  color: white;
  text-align: left;
  margin: 24px 16px;
  padding-right: 120px;
  font-family: "RobotoCondensed-Bold", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 32px;
  line-height: 36px;
}
@media (min-width: 769px) {
  .carta-fan-info__name {
    display: block;
  }
}
.carta-fan-info__logo {
  width: 70px;
  position: absolute;
  right: 24px;
  top: 24px;
}
@media (min-width: 769px) {
  .carta-fan-info__logo {
    width: 120px;
  }
}
.carta-fan-info__code-wrapper {
  padding: 8px;
  margin-top: auto;
  background: white;
  text-align: center;
  border-radius: 20px;
  color: #000000;
  font-family: "RobotoCondensed-Bold", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 28px;
}
@media (min-width: 769px) {
  .carta-fan-info__code-wrapper {
    padding: 16px;
  }
}
.carta-fan-info__code-wrapper img {
  height: 64px;
  margin-bottom: 8px;
}
@media (min-width: 769px) {
  .carta-fan-info__code-wrapper img {
    height: 96px;
  }
}
.carta-fan-info__no-card {
  margin-bottom: 12px;
  font-family: "RobotoCondensed", sans-serif;
  letter-spacing: -0.3px;
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  line-height: 24px;
}

/*# sourceMappingURL=trdp_identity_0.0.6.css.map*/