:root { --spacing-12: 12px; --spacing-16: 16px; --spacing-24: 24px; --spacing-32: 32px; --spacing-4: 4px; --spacing-40: 40px; --spacing-48: 48px; --spacing-8: 8px; --pseudo-before-email-text: "OR"; --pseudo-before-text: "Trouble logging in?"; --mdrt-body-1: var(--mdrt-font-weights-nunito-sans-2) var(--mdrt-font-size-4) / var(--mdrt-line-heights-2) var(--font-family-primary); --mdrt-body-2: var(--mdrt-font-weights-nunito-sans-2) var(--mdrt-font-size-3) / var(--mdrt-line-heights-0) var(--font-family-primary); --mdrt-body-3-long: var(--mdrt-font-weights-nunito-sans-2) var(--mdrt-font-size-2) / var(--mdrt-line-heights-5) var(--font-family-primary); --mdrt-body-3-short: var(--mdrt-font-weights-nunito-sans-2) var(--mdrt-font-size-2) / var(--mdrt-line-heights-1) var(--font-family-primary); --mdrt-body-4: var(--mdrt-font-weights-nunito-sans-2) var(--mdrt-font-size-1) / var(--mdrt-line-heights-5) var(--font-family-primary); --mdrt-border-thickness-02: 2px; --mdrt-color-backgrounds-bg-error-fill: #aa2019; --mdrt-color-backgrounds-bg-error-surface: #fbe9e8; --mdrt-color-backgrounds-bg-neutral-fill: #1c1c1c0d; --mdrt-color-backgrounds-bg-neutral-hover: #1c1c1c1a; --mdrt-color-backgrounds-bg-secondary-fill: #ffcf00; --mdrt-color-backgrounds-bg-secondary-hover: #ffe059; --mdrt-color-backgrounds-bg-success-fill: #066911; --mdrt-color-backgrounds-bg-success-surface: #e5f3e7; --mdrt-color-backgrounds-bg-surface: #ffffff; --mdrt-color-backgrounds-bg-surface-02: #fafafa; --mdrt-color-borders-dark-01: #1c1c1c1a; --mdrt-color-borders-dark-02: #1c1c1c33; --mdrt-color-borders-dark-03: #1c1c1c4d; --mdrt-color-borders-dark-04: #1c1c1cb3; --mdrt-color-borders-focus: #1853a3; --mdrt-color-text-on-light-action: #1853a3; --mdrt-color-text-on-light-placeholder: #1c1c1cb3; --mdrt-color-text-on-light-primary: #1c1c1c; --mdrt-color-text-on-light-secondary: #1c1c1ccc; --mdrt-color-text-on-light-tertiary: #1c1c1cb3; --mdrt-corner-radius-l: 16px; --mdrt-corner-radius-m: 8px; --mdrt-corner-radius-xxl: 24px; --font-family-primary: 'Nunito Sans'; --font-family-secondary: Merriweather; --mdrt-font-size-0: 1.2rem; --mdrt-font-size-1: 1.4rem; --mdrt-font-size-2: 1.6rem; --mdrt-font-size-3: 2rem; --mdrt-font-size-4: 2.4rem; --mdrt-font-size-5: 3.2rem; --mdrt-font-size-6: 4rem; --mdrt-font-weights-merriweather-0: 700; --mdrt-font-weights-merriweather-3: 900; --mdrt-font-weights-nunito-sans-1: 600; --mdrt-font-weights-nunito-sans-2: 400; --mdrt-headline-1: var(--mdrt-font-weights-merriweather-0) var(--mdrt-font-size-6) / var(--mdrt-line-heights-0) var(--font-family-secondary); --mdrt-headline-2: var(--mdrt-font-weights-merriweather-0) var(--mdrt-font-size-5) / var(--mdrt-line-heights-1) var(--font-family-secondary); --mdrt-headline-3: var(--mdrt-font-weights-merriweather-0) var(--mdrt-font-size-4) / var(--mdrt-line-heights-2) var(--font-family-secondary); --mdrt-headline-4: var(--mdrt-font-weights-merriweather-0) var(--mdrt-font-size-3) / var(--mdrt-line-heights-3) var(--font-family-secondary); --mdrt-line-heights-0: 1.4; --mdrt-line-heights-1: 1.25; --mdrt-line-heights-2: 1.33; --mdrt-line-heights-3: 1.2; --mdrt-line-heights-4: 1.5; --mdrt-line-heights-5: 1.42; --mdrt-line-heights-6: 1.16; --mdrt-line-heights-7: 1.2; --mdrt-title-1: var(--mdrt-font-weights-nunito-sans-1) var(--mdrt-font-size-4) / var(--mdrt-line-heights-2) var(--font-family-primary); --mdrt-title-2: var(--mdrt-font-weights-nunito-sans-1) var(--mdrt-font-size-3) / var(--mdrt-line-heights-3) var(--font-family-primary); --mdrt-title-3: var(--mdrt-font-weights-nunito-sans-1) var(--mdrt-font-size-2) / var(--mdrt-line-heights-5) var(--font-family-primary); --mdrt-title-4: var(--mdrt-font-weights-nunito-sans-1) var(--mdrt-font-size-1) / var(--mdrt-line-heights-5) var(--font-family-primary); } html { font-size: 62.5%; } body { font-size: 1.6rem; } .wrapper-1180, .wrapper-1440 { margin: 0; width: 100%; } .mdrt-b2c-container { align-items: center; display: flex; flex-direction: column; font-family: var(--font-family-primary), sans-serif; font-weight: 400; min-height: 100vh; padding: 0 var(--spacing-24); } .mdrt-b2c-container .col-center { max-width: 555px; width: 100%; } .mdrt-b2c-container #api { display: flex; flex-direction: column; } .claims-provider-list-buttons.social { order: 3; } #localAccountForm { order: 1; } .mdrt-b2c-container #api .divider { display: block; margin-bottom: var(--spacing-16); order: 2; } .mdrt-b2c-container #api .divider { display: flex; justify-content: center; margin-top: var(--spacing-24); position: relative; } .mdrt-b2c-container #api .divider h2 { align-items: center; background-color: var(--mdrt-color-backgrounds-bg-surface); color: var(--mdrt-color-text-on-light-tertiary); display: inline-flex; font: var(--mdrt-title-4); justify-content: center; margin-bottom: 0; padding: 0 var(--spacing-16); } .mdrt-b2c-container #api .divider h2::before { background-color: var(--mdrt-color-borders-dark-02); content: ''; display: block; height: 1px; left: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; z-index: -1; } .mdrt-b2c-container #api .accountButton { align-items: center; background-color: var(--mdrt-color-backgrounds-bg-surface); border: 1px solid var(--mdrt-color-borders-dark-04); border-radius: 50px; display: flex; font: var(--mdrt-title-3); gap: var(--spacing-16); justify-content: center; padding: var(--spacing-8) var(--spacing-16); transition: background-color .1s ease; width: 100%; } .mdrt-b2c-container #api .accountButton::before { background-position: center; background-repeat: no-repeat; background-size: contain; content: ''; height: 23px; width: 23px; } .mdrt-b2c-container #api .accountButton:hover, .mdrt-b2c-container #api .accountButton:focus { background-color: var(--mdrt-color-backgrounds-bg-neutral-hover); } .mdrt-b2c-container #api .form-container .form-submit-btn { margin-top: var(--spacing-16); } .mdrt-b2c-container #api .buttons > button, .mdrt-b2c-container #api #continue, .mdrt-b2c-container #api #next, .mdrt-b2c-container #api .form-container .form-submit-btn { border: 1px solid var(--mdrt-color-backgrounds-bg-secondary-fill); border-radius: var(--mdrt-corner-radius-xxl); color: var(--mdrt-color-text-on-light-primary); font: var(--mdrt-title-3); padding: var(--spacing-8) var(--spacing-16); transition: background-color .1s ease, border-color .1s ease; } .mdrt-b2c-container #api .buttons > button:hover, .mdrt-b2c-container #api #continue:hover, .mdrt-b2c-container #api #next:hover, .mdrt-b2c-container #api .buttons > button:focus, .mdrt-b2c-container #api #continue:focus, .mdrt-b2c-container #api #next:focus, .mdrt-b2c-container #api .accountButton#SignUpWithLogonEmailExchange:hover, .mdrt-b2c-container #api .accountButton#SignUpWithLogonEmailExchange:focus, .mdrt-b2c-container #api .form-container .form-submit-btn:hover, .mdrt-b2c-container #api .form-container .form-submit-btn:focus { background-color: var(--mdrt-color-backgrounds-bg-secondary-hover); border-color: var(--mdrt-color-backgrounds-bg-secondary-hover); } .mdrt-b2c-container #api .buttons > button:active, .mdrt-b2c-container #api #continue:active, .mdrt-b2c-container #api #next:active { background-color: var(--mdrt-color-backgrounds-bg-surface); } .mdrt-b2c-container #api .attr > ul .attrEntry .verificationInfoText, .mdrt-b2c-container #api .attr > ul .attrEntry .verificationSuccessText, .mdrt-b2c-container #api .attr > ul .attrEntry .verificationErrorText { display: flex; font: var(--mdrt-title-2); margin-top: var(--spacing-16); } .mdrt-b2c-container #api .attr > ul .attrEntry .verificationInfoText:has(div), .mdrt-b2c-container #api .attr > ul .attrEntry .verificationSuccessText:has(div), .mdrt-b2c-container #api .attr > ul .attrEntry .verificationErrorText:has(div) { margin-top: 0; } .mdrt-b2c-container #api .attr > ul .attrEntry .verificationInfoText > div, .mdrt-b2c-container #api .attr > ul .attrEntry .verificationSuccessText > div, .mdrt-b2c-container #api .attr > ul .attrEntry .verificationErrorText > div { margin-top: var(--spacing-16); } .mdrt-b2c-container #api .attr > ul .attrEntry .verificationInfoText, .mdrt-b2c-container #api .attr > ul .attrEntry .verificationSuccessText { color: var(--mdrt-color-text-on-light-primary); } .mdrt-b2c-container--reset #api .attr > ul .attrEntry .textInput, .mdrt-b2c-container--reset #api .attr > ul .attrEntry .verifyInput { margin-top: var(--spacing-16); } .mdrt-b2c-container--reset #api .attr > ul .attrEntry > div:first-of-type { display: flex; flex-direction: column; } .mdrt-b2c-container #api .attr > ul .attrEntry .textInput, .mdrt-b2c-container #api .attr > ul .attrEntry .verifyInput, .mdrt-b2c-container #api .entry .entry-item input[type="text"], .mdrt-b2c-container #api .entry .entry-item input[type="password"], .mdrt-b2c-container #api .form-group input.text-area-atom { background-color: var(--mdrt-color-backgrounds-bg-surface); background-size: 24px; border: 1px solid var(--mdrt-color-borders-dark-03); border-radius: var(--mdrt-corner-radius-m); caret-color: var(--mdrt-color-text-on-light-action); font: var(--mdrt-body-3-short); height: 48px; padding: var(--spacing-8) var(--spacing-12); } .mdrt-b2c-container #api .attr > ul .attrEntry .textInput::placeholder, .mdrt-b2c-container #api .attr > ul .attrEntry .verifyInput::placeholder, .mdrt-b2c-container #api .entry .entry-item input[type="text"]::placeholder, .mdrt-b2c-container #api .entry .entry-item input[type="password"]::placeholder, .mdrt-b2c-container #api .form-group input.text-area-atom::placeholder { color: var(--mdrt-color-text-on-light-placeholder); font: var(--mdrt-body-3-short); opacity: 1; } .mdrt-b2c-container #api .attr > ul .attrEntry .textInput:hover, .mdrt-b2c-container #api .attr > ul .attrEntry .verifyInput:hover, .mdrt-b2c-container #api .entry .entry-item input[type="text"]:hover, .mdrt-b2c-container #api .entry .entry-item input[type="password"]:hover, .mdrt-b2c-container #api .form-group input.text-area-atom:hover { background-color: var(--mdrt-color-backgrounds-bg-surface); border-color: transparent; box-shadow: 0 0 0 var(--mdrt-border-thickness-02) var(--mdrt-color-borders-dark-03); } .mdrt-b2c-container #api .attr > ul .attrEntry .textInput:focus, .mdrt-b2c-container #api .attr > ul .attrEntry .verifyInput:focus, .mdrt-b2c-container #api .entry .entry-item input[type="text"]:focus, .mdrt-b2c-container #api .entry .entry-item input[type="password"]:focus, .mdrt-b2c-container #api .form-group input.text-area-atom:focus { border-color: transparent; box-shadow: 0 0 0 var(--mdrt-border-thickness-02) var(--mdrt-color-borders-focus); outline: 0; } .mdrt-b2c-container #api .entry .entry-item + .entry-item, .mdrt-b2c-container #api .attr > ul li + li { margin-top: var(--spacing-24); } @media only screen and (min-width: 992px) { .mdrt-b2c-container--login { background-image: url("https://dev-mdrt-epi.azurewebsites.net/static/global/images/svg/b2c-login.svg"); background-position: right -64px top 48px; background-repeat: no-repeat; background-size: 333px auto; } } @media only screen and (min-width: 992px) { .mdrt-b2c-container--identity { background-image: url("https://dev-mdrt-epi.azurewebsites.net/static/global/images/svg/b2c-identity.svg"); background-position: right -54px top 48px; background-repeat: no-repeat; background-size: 432px auto; } } .mdrt-b2c-container .mdrt-assistance-container { margin: 15px 0; } .mdrt-b2c-container .mdrt-b2c-link-list.mdrt-b2c-link-list--bottom { margin-top: var(--spacing-24); } .mdrt-b2c-container .mdrt-b2c-link-list .mdrt-b2c-link-item { color: var(--mdrt-color-text-on-light-primary); font: var(--mdrt-title-3); } .mdrt-b2c-container .mdrt-b2c-link-list .mdrt-b2c-link-item p { color: var(--mdrt-color-text-on-light-primary); margin-bottom: var(--spacing-12); } .mdrt-b2c-container .mdrt-b2c-link-list .mdrt-b2c-link-item a { color: var(--mdrt-color-text-on-light-primary); font: var(--mdrt-title-3); padding: 0; } .mdrt-b2c-container .mdrt-b2c-link-list .mdrt-b2c-link-item a:hover, .mdrt-b2c-container .mdrt-b2c-link-list .mdrt-b2c-link-item a:focus { background-color: var(--mdrt-color-backgrounds-bg-secondary-hover); text-decoration: none; } .mdrt-b2c-link-item + .mdrt-b2c-link-item { margin-top: var(--spacing-24); } .mdrt-b2c-container #api .intro p, .mdrt-b2c-container #api .intro h2 { color: var(--mdrt-color-text-on-light-primary); font-size: 20px; margin-bottom: 15px; } .mdrt-b2c-container .localAccount .intro h2 { display: none; } .mdrt-b2c-container #api .options > div + div button { margin-top: var(--spacing-16); } .mdrt-b2c-container #api .accountButton#FacebookExchange::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkxvZ28iPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNMjMuNjExMyAxMi4wMDAxQzIzLjYxMTMgNS42NDg3OCAxOC40NjI2IDAuNTAwMDU1IDEyLjExMTMgMC41MDAwNTVDNS43NjAwNSAwLjUwMDA1NSAwLjYxMTMyOCA1LjY0ODc4IDAuNjExMzI4IDEyLjAwMDFDMC42MTEzMjggMTcuNzQgNC44MTY3MSAyMi40OTc2IDEwLjMxNDUgMjMuMzYwNFYxNS4zMjQzSDcuMzk0NTNWMTIuMDAwMUgxMC4zMTQ1VjkuNDY2NDZDMTAuMzE0NSA2LjU4NDI3IDEyLjAzMTMgNC45OTIyNCAxNC42NTgyIDQuOTkyMjRDMTUuOTE2NCA0Ljk5MjI0IDE3LjIzMjQgNS4yMTY4NSAxNy4yMzI0IDUuMjE2ODVWOC4wNDY5M0gxNS43ODIzQzE0LjM1MzcgOC4wNDY5MyAxMy45MDgyIDguOTMzNCAxMy45MDgyIDkuODQyODRWMTIuMDAwMUgxNy4wOTc3TDE2LjU4NzggMTUuMzI0M0gxMy45MDgyVjIzLjM2MDRDMTkuNDA1OSAyMi40OTc2IDIzLjYxMTMgMTcuNzQgMjMuNjExMyAxMi4wMDAxWiIgZmlsbD0iIzE4NzdGMiIvPgo8L2c+Cjwvc3ZnPgo=); } .mdrt-b2c-container #api .accountButton#GoogleExchange::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkxvZ28iPgo8cGF0aCBpZD0iVmVjdG9yIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIzLjA0IDEyLjI2MTNDMjMuMDQgMTEuNDQ1OSAyMi45NjY4IDEwLjY2MTggMjIuODMwOSA5LjkwOTA2SDEyVjE0LjM1NzVIMTguMTg5MUMxNy45MjI1IDE1Ljc5NSAxNy4xMTIzIDE3LjAxMjkgMTUuODk0MyAxNy44Mjg0VjIwLjcxMzhIMTkuNjEwOUMyMS43ODU1IDE4LjcxMTggMjMuMDQgMTUuNzYzNiAyMy4wNCAxMi4yNjEzWiIgZmlsbD0iIzQyODVGNCIvPgo8cGF0aCBpZD0iVmVjdG9yXzIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIgMjMuNDk5OEMxNS4xMDUgMjMuNDk5OCAxNy43MDgxIDIyLjQ3IDE5LjYxMDkgMjAuNzEzN0wxNS44OTQzIDE3LjgyODJDMTQuODY0NSAxOC41MTgyIDEzLjU0NzIgMTguOTI1OSAxMiAxOC45MjU5QzkuMDA0NzQgMTguOTI1OSA2LjQ2OTUxIDE2LjkwMyA1LjU2NTE5IDE0LjE4NDhIMS43MjMxNFYxNy4xNjQ0QzMuNjE1NDIgMjAuOTIyOCA3LjUwNDUxIDIzLjQ5OTggMTIgMjMuNDk5OFoiIGZpbGw9IiMzNEE4NTMiLz4KPHBhdGggaWQ9IlZlY3Rvcl8zIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNTY1MjMgMTQuMTg1MUM1LjMzNTIzIDEzLjQ5NTEgNS4yMDQ1NSAxMi43NTgxIDUuMjA0NTUgMTIuMDAwMUM1LjIwNDU1IDExLjI0MjIgNS4zMzUyMyAxMC41MDUxIDUuNTY1MjMgOS44MTUxMlY2LjgzNTU3SDEuNzIzMThDMC45NDQzMTggOC4zODgwNyAwLjUgMTAuMTQ0NCAwLjUgMTIuMDAwMUMwLjUgMTMuODU1OCAwLjk0NDMxOCAxNS42MTIyIDEuNzIzMTggMTcuMTY0N0w1LjU2NTIzIDE0LjE4NTFaIiBmaWxsPSIjRkJCQzA1Ii8+CjxwYXRoIGlkPSJWZWN0b3JfNCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiA1LjA3Mzg2QzEzLjY4ODQgNS4wNzM4NiAxNS4yMDQzIDUuNjU0MDkgMTYuMzk2MSA2Ljc5MzY0TDE5LjY5NDUgMy40OTUyM0MxNy43MDI5IDEuNjM5NTUgMTUuMDk5NyAwLjUgMTIgMC41QzcuNTA0NTEgMC41IDMuNjE1NDIgMy4wNzcwNSAxLjcyMzE0IDYuODM1NDVMNS41NjUxOSA5LjgxNUM2LjQ2OTUxIDcuMDk2ODIgOS4wMDQ3NCA1LjA3Mzg2IDEyIDUuMDczODZaIiBmaWxsPSIjRUE0MzM1Ii8+CjwvZz4KPC9zdmc+Cg==); } .mdrt-b2c-container #api .accountButton#LinkedInExchange::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkxvZ28iPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNMC41MDA0ODggMi4xNDc0OEMwLjUwMDQ4OCAxLjIzODEyIDEuMjYxNzkgMC41IDIuMjAwMjYgMC41SDIxLjc5OTdDMjIuNzM4NiAwLjUgMjMuNDk5NSAxLjIzODEyIDIzLjQ5OTUgMi4xNDc0OFYyMS44NTE4QzIzLjQ5OTUgMjIuNzYxNCAyMi43Mzg2IDIzLjQ5OSAyMS43OTk3IDIzLjQ5OUgyLjIwMDI2QzEuMjYxODggMjMuNDk5IDAuNTAwNDg4IDIyLjc2MTUgMC41MDA0ODggMjEuODUyMVYyLjE0NzIyVjIuMTQ3NDhaIiBmaWxsPSIjMEE2NkMyIi8+CjxwYXRoIGlkPSJWZWN0b3JfMiIgZD0iTTcuNDg5NjYgMTkuNzQ3VjkuMzkyNzNINC4wNDgwN1YxOS43NDdINy40OTAwMkg3LjQ4OTY2Wk01Ljc2OTU5IDcuOTc5MjhDNi45Njk0OSA3Ljk3OTI4IDcuNzE2NTEgNy4xODQyIDcuNzE2NTEgNi4xOTA1N0M3LjY5NDA1IDUuMTc0MyA2Ljk2OTQ5IDQuNDAxNDEgNS43OTI0MSA0LjQwMTQxQzQuNjE0NTEgNC40MDE0MSAzLjg0NTIxIDUuMTc0MyAzLjg0NTIxIDYuMTkwNDhDMy44NDUyMSA3LjE4NDExIDQuNTkxOTYgNy45NzkxOSA1Ljc0NzA0IDcuOTc5MTlINS43NjkzMkw1Ljc2OTU5IDcuOTc5MjhaTTkuMzk0NjMgMTkuNzQ3SDEyLjgzNTlWMTMuOTY1M0MxMi44MzU5IDEzLjY1NjMgMTIuODU4NCAxMy4zNDY0IDEyLjk0OTMgMTMuMTI1N0MxMy4xOTggMTIuNTA3MSAxMy43NjQzIDExLjg2NjggMTQuNzE1MiAxMS44NjY4QzE1Ljk2MDIgMTEuODY2OCAxNi40NTg2IDEyLjgxNjMgMTYuNDU4NiAxNC4yMDgzVjE5Ljc0N0gxOS44OTk4VjEzLjgxMDJDMTkuODk5OCAxMC42Mjk5IDE4LjIwMjIgOS4xNDk5OCAxNS45Mzc5IDkuMTQ5OThDMTQuMDgxNiA5LjE0OTk4IDEzLjI2NjMgMTAuMTg3NSAxMi44MTMzIDEwLjg5NDJIMTIuODM2MlY5LjM5MzA5SDkuMzk0ODFDOS40Mzk3MyAxMC4zNjQ0IDkuMzk0NTQgMTkuNzQ3MyA5LjM5NDU0IDE5Ljc0NzNMOS4zOTQ2MyAxOS43NDdaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+Cjwvc3ZnPgo=); } .mdrt-b2c-container #api .accountButton#SignUpWithLogonEmailExchange { background-color: var(--mdrt-color-backgrounds-bg-secondary-fill); border: 1px solid var(--mdrt-color-backgrounds-bg-secondary-fill); margin-top: 56px; position: relative; } .mdrt-b2c-container #api .accountButton#SignUpWithLogonEmailExchange::before { background-color: var(--mdrt-color-backgrounds-bg-surface); bottom: 56px; color: var(--mdrt-color-text-on-light-tertiary); content: var(--pseudo-before-email-text); display: inline-block; font: var(--mdrt-title-4); left: 50%; padding: 0 var(--spacing-16); position: absolute; transform: translateX(-50%); width: auto; } .mdrt-b2c-container #api .accountButton#SignUpWithLogonEmailExchange::after { background-color: var(--mdrt-color-borders-dark-02); bottom: 68px; content: ''; display: block; height: 1px; left: 0; position: absolute; transform: translateY(-50%); width: 100%; z-index: -1; } .mdrt-b2c-container #api .accountButton#AppleExchange::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyMSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggaWQ9IkxvZ28iIGQ9Ik0xOS44OTQxIDE4LjQyNEMxOS41NDYzIDE5LjIyNzUgMTkuMTM0NSAxOS45NjcyIDE4LjY1NzUgMjAuNjQ3MkMxOC4wMDczIDIxLjU3NDMgMTcuNDc0OSAyMi4yMTYgMTcuMDY0NiAyMi41NzI0QzE2LjQyODYgMjMuMTU3MyAxNS43NDcxIDIzLjQ1NjggMTUuMDE3NCAyMy40NzM5QzE0LjQ5MzUgMjMuNDczOSAxMy44NjE3IDIzLjMyNDggMTMuMTI2MyAyMy4wMjI0QzEyLjM4ODUgMjIuNzIxNCAxMS43MTA0IDIyLjU3MjQgMTEuMDkwNSAyMi41NzI0QzEwLjQ0MDIgMjIuNTcyNCA5Ljc0Mjg3IDIyLjcyMTQgOC45OTY5NiAyMy4wMjI0QzguMjQ5OSAyMy4zMjQ4IDcuNjQ4MDkgMjMuNDgyNCA3LjE4Nzk2IDIzLjQ5OEM2LjQ4ODE5IDIzLjUyNzggNS43OTA2OCAyMy4yMTk3IDUuMDk0NDYgMjIuNTcyNEM0LjY1MDA5IDIyLjE4NDggNC4wOTQyNyAyMS41MjA0IDMuNDI4NDMgMjAuNTc5MUMyLjcxNDAzIDE5LjU3MzkgMi4xMjY3IDE4LjQwODQgMS42NjY1NyAxNy4wNzk1QzEuMTczNzkgMTUuNjQ0MiAwLjkyNjc1OCAxNC4yNTQzIDAuOTI2NzU4IDEyLjkwODdDMC45MjY3NTggMTEuMzY3MyAxLjI1OTgyIDEwLjAzNzkgMS45MjY5NCA4LjkyMzg1QzIuNDUxMjQgOC4wMjkgMy4xNDg3NSA3LjMyMzEyIDQuMDIxNzIgNi44MDQ5M0M0Ljg5NDcgNi4yODY3NCA1LjgzNzk2IDYuMDIyNjcgNi44NTM3NiA2LjAwNTc4QzcuNDA5NTggNi4wMDU3OCA4LjEzODQ2IDYuMTc3NyA5LjA0NDIzIDYuNTE1NTlDOS45NDc0NSA2Ljg1NDYyIDEwLjUyNzQgNy4wMjY1NSAxMC43ODE3IDcuMDI2NTVDMTAuOTcxOCA3LjAyNjU1IDExLjYxNiA2LjgyNTUyIDEyLjcwODIgNi40MjQ3M0MxMy43NDExIDYuMDUzMDUgMTQuNjEyOCA1Ljg5OTE2IDE1LjMyNjkgNS45NTk3OEMxNy4yNjE5IDYuMTE1OTUgMTguNzE1NyA2Ljg3ODc2IDE5LjY4MjUgOC4yNTMwM0MxNy45NTE5IDkuMzAxNjMgMTcuMDk1OCAxMC43NzAzIDE3LjExMjkgMTIuNjU0NEMxNy4xMjg1IDE0LjEyMiAxNy42NjA5IDE1LjM0MzIgMTguNzA3MiAxNi4zMTI5QzE5LjE4MTQgMTYuNzYyOSAxOS43MTA5IDE3LjExMDcgMjAuMzAwMSAxNy4zNTc4QzIwLjE3MjMgMTcuNzI4MyAyMC4wMzc1IDE4LjA4MzIgMTkuODk0MSAxOC40MjRaTTE1LjQ1NjEgMC45NjAxMzFDMTUuNDU2MSAyLjExMDM5IDE1LjAzNTggMy4xODQzOSAxNC4xOTgyIDQuMTc4NDdDMTMuMTg3NCA1LjM2MDIzIDExLjk2NDcgNi4wNDMxMSAxMC42Mzg5IDUuOTM1MzZDMTAuNjIyIDUuNzk3MzYgMTAuNjEyMiA1LjY1MjEzIDEwLjYxMjIgNS40OTk1MUMxMC42MTIyIDQuMzk1MjYgMTEuMDkyOSAzLjIxMzQ5IDExLjk0NjUgMi4yNDcyNEMxMi4zNzI3IDEuNzU4MDEgMTIuOTE0OCAxLjM1MTIyIDEzLjU3MjEgMS4wMjY3MUMxNC4yMjggMC43MDcwNTMgMTQuODQ4NCAwLjUzMDI3MyAxNS40MzE5IDAuNUMxNS40NDkgMC42NTM3NzIgMTUuNDU2MSAwLjgwNzU1NCAxNS40NTYxIDAuOTYwMTE2VjAuOTYwMTMxWiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==); } .mdrt-b2c-container #api .accountButton#FidoExchange { display: none; } .mdrt-b2c-container #api .accountButton#FidoExchange::before { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBVcGxvYWRlZCB0bzogU1ZHIFJlcG8sIHd3dy5zdmdyZXBvLmNvbSwgR2VuZXJhdG9yOiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4NCjxzdmcgZmlsbD0iIzAwMDAwMCIgaGVpZ2h0PSI4MDBweCIgd2lkdGg9IjgwMHB4IiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIA0KCSB2aWV3Qm94PSIwIDAgNDYzIDQ2MyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBkPSJNMjU5LjQ3NiwyODAuMzY0VjI0Ny41YzAtMTIuOTU4LTEwLjU0Mi0yMy41LTIzLjUtMjMuNXMtMjMuNSwxMC41NDItMjMuNSwyMy41djI5LjY3Mg0KCQljMCwzNS43NTctMTMuMTczLDcwLjA4Ny0zNy4wOTQsOTYuNjY1bC0zMi45ODEsMzYuNjQ2Yy0yLjc3MSwzLjA3OS0yLjUyMSw3LjgyMSwwLjU1OCwxMC41OTNjMy4wNzgsMi43NzEsNy44MiwyLjUyMSwxMC41OTItMC41NTgNCgkJbDMyLjk4MS0zNi42NDZjMjYuNDAzLTI5LjMzOCw0MC45NDQtNjcuMjMxLDQwLjk0NC0xMDYuN1YyNDcuNWMwLTQuNjg3LDMuODEzLTguNSw4LjUtOC41czguNSwzLjgxMyw4LjUsOC41djMyLjg2NA0KCQljMCw0NC4wMDMtMTYuMzAxLDg2LjE2Ny00NS45MDEsMTE4LjcyN2wtMzIuMTQ5LDM1LjM2NGMtMi43ODYsMy4wNjQtMi41Niw3LjgwOSwwLjUwNSwxMC41OTVjMS40MzcsMS4zMDcsMy4yNDIsMS45NSw1LjA0MiwxLjk1DQoJCWMyLjA0LDAsNC4wNzItMC44MjcsNS41NTItMi40NTVsMzIuMTQ4LTM1LjM2NEMyNDEuNzg5LDM3My44NTQsMjU5LjQ3NiwzMjguMTA2LDI1OS40NzYsMjgwLjM2NHoiLz4NCgk8cGF0aCBkPSJNMjkxLjQ3NiwyNDcuNWMwLTMwLjYwMy0yNC44OTctNTUuNS01NS41LTU1LjVzLTU1LjUsMjQuODk3LTU1LjUsNTUuNXYyOS42NzJjMCwyNy44MzktMTAuMjU2LDU0LjU2Ni0yOC44NzksNzUuMjU4DQoJCWwtMjMuNDQ3LDI2LjA1M2MtMi43NzEsMy4wNzktMi41MjEsNy44MjEsMC41NTgsMTAuNTkzYzMuMDc5LDIuNzcxLDcuODIsMi41MTksMTAuNTkyLTAuNTU4bDIzLjQ0Ny0yNi4wNTMNCgkJYzIxLjEwNi0yMy40NTEsMzIuNzMtNTMuNzQyLDMyLjczLTg1LjI5M1YyNDcuNWMwLTIyLjMzMiwxOC4xNjgtNDAuNSw0MC41LTQwLjVjMjIuMzMyLDAsNDAuNSwxOC4xNjgsNDAuNSw0MC41djMyLjg2NA0KCQljMCw1MS45NzktMTkuMjU2LDEwMS43ODktNTQuMjIzLDE0MC4yNTJsLTI3LjEyNSwyOS44MzljLTIuNzg3LDMuMDY0LTIuNTYxLDcuODA5LDAuNTA0LDEwLjU5NWMxLjQzNywxLjMwNywzLjI0MiwxLjk1LDUuMDQyLDEuOTUNCgkJYzIuMDQsMCw0LjA3Mi0wLjgyNyw1LjU1Mi0yLjQ1NWwyNy4xMjYtMjkuODM5YzM3LjQ4MS00MS4yMyw1OC4xMjMtOTQuNjIyLDU4LjEyMy0xNTAuMzQyVjI0Ny41eiIvPg0KCTxwYXRoIGQ9Ik0zMjMuNDc2LDI0Ny41YzAtNDguMjQ4LTM5LjI1Mi04Ny41LTg3LjUtODcuNXMtODcuNSwzOS4yNTItODcuNSw4Ny41djI5LjY3MmMwLDE5LjkyLTcuMzM5LDM5LjA0NS0yMC42NjUsNTMuODUxDQoJCWwtMjEuMTEyLDIzLjQ1OGMtMi43NzEsMy4wNzktMi41MjEsNy44MjEsMC41NTgsMTAuNTkzYzMuMDc4LDIuNzcxLDcuODIxLDIuNTE5LDEwLjU5Mi0wLjU1OGwyMS4xMTItMjMuNDU4DQoJCWMxNS44MDktMTcuNTY1LDI0LjUxNS00MC4yNTQsMjQuNTE1LTYzLjg4NlYyNDcuNWMwLTM5Ljk3NywzMi41MjMtNzIuNSw3Mi41LTcyLjVzNzIuNSwzMi41MjMsNzIuNSw3Mi41djMyLjg2NA0KCQljMCw1OS45NTgtMjIuMjEyLDExNy40MTItNjIuNTQ1LDE2MS43NzdsLTcuNTA3LDguMjU4Yy0yLjc4NiwzLjA2NS0yLjU2LDcuODA5LDAuNTA1LDEwLjU5NWMxLjQzNywxLjMwNiwzLjI0MywxLjk1LDUuMDQyLDEuOTUNCgkJYzIuMDQsMCw0LjA3Mi0wLjgyNyw1LjU1Mi0yLjQ1NWw3LjUwNi04LjI1OGM0Mi44NDgtNDcuMTMzLDY2LjQ0Ni0xMDguMTY5LDY2LjQ0Ni0xNzEuODY3VjI0Ny41eiIvPg0KCTxwYXRoIGQ9Ik0xMTYuNDc2LDI0Ny41YzAsNC4xNDMsMy4zNTgsNy41LDcuNSw3LjVzNy41LTMuMzU3LDcuNS03LjVjMC0yNS4yNTUsOS4xNjktNDkuNjUxLDI1LjgxOS02OC42OTUNCgkJYzE2LjQ5NS0xOC44NjcsMzkuMTM0LTMxLjIwNSw2My43NDYtMzQuNzQxYzQuMS0wLjU4OSw2Ljk0Ni00LjM5MSw2LjM1Ny04LjQ5Yy0wLjU4OS00LjEtNC4zOTQtNi45NDItOC40OS02LjM1Nw0KCQljLTI4LjE2LDQuMDQ2LTU0LjA1MiwxOC4xNS03Mi45MDYsMzkuNzE2QzEyNi45NjIsMTkwLjcxLDExNi40NzYsMjE4LjYxMywxMTYuNDc2LDI0Ny41eiIvPg0KCTxwYXRoIGQ9Ik0xMzEuNDc2LDI3Ny4xNzJjMC00LjE0My0zLjM1OC03LjUtNy41LTcuNXMtNy41LDMuMzU3LTcuNSw3LjVjMCwxMi4wMDItNC40MjEsMjMuNTIzLTEyLjQ0OSwzMi40NDNsLTE4Ljc3OSwyMC44NjcNCgkJYy0yLjc3MSwzLjA3OC0yLjUyMSw3LjgyLDAuNTU4LDEwLjU5MmMxLjQzNCwxLjI5LDMuMjI3LDEuOTI1LDUuMDE1LDEuOTI1YzIuMDUyLDAsNC4wOTctMC44MzgsNS41NzctMi40ODNsMTguNzc5LTIwLjg2Ng0KCQlDMTI1LjY4NywzMDcuOTcxLDEzMS40NzYsMjkyLjg4NiwxMzEuNDc2LDI3Ny4xNzJ6Ii8+DQoJPHBhdGggZD0iTTM0MC43NTUsMzQ0LjEyM2MtNC4wMDktMS4wNDQtOC4xMDUsMS4zNTEtOS4xNTUsNS4zNTdjLTIuNzY5LDEwLjU3OS02LjIxMywyMS4wOTYtMTAuMjQsMzEuMjU4DQoJCWMtMS41MjYsMy44NTEsMC4zNTksOC4yMSw0LjIxLDkuNzM1YzAuOTA3LDAuMzU5LDEuODQxLDAuNTI5LDIuNzYxLDAuNTI5YzIuOTg1LDAsNS44MDgtMS43OTUsNi45NzUtNC43MzkNCgkJYzQuMjQ5LTEwLjcyNSw3Ljg4NC0yMS44MjIsMTAuODA2LTMyLjk4NkMzNDcuMTYsMzQ5LjI3MSwzNDQuNzYxLDM0NS4xNzIsMzQwLjc1NSwzNDQuMTIzeiIvPg0KCTxwYXRoIGQ9Ik0zMTUuNzkxLDE1OC42MzJjLTMuMDgxLTIuNzcxLTcuODIzLTIuNTE3LTEwLjU5MiwwLjU2M3MtMi41MTcsNy44MjIsMC41NjMsMTAuNTkxDQoJCWMyMi4wNjEsMTkuODMyLDM0LjcxMyw0OC4xNTcsMzQuNzEzLDc3LjcxNHYzMi44NjRjMCwxMi40NzMtMC44NiwyNS4wNDItMi41NTcsMzcuMzU5Yy0wLjU2NSw0LjEwNCwyLjMwMyw3Ljg4OCw2LjQwNiw4LjQ1Mw0KCQljMC4zNDcsMC4wNDgsMC42OTIsMC4wNzEsMS4wMzMsMC4wNzFjMy42ODgsMCw2LjkwMy0yLjcyMiw3LjQyLTYuNDc4YzEuNzktMTIuOTkzLDIuNjk4LTI2LjI1MSwyLjY5OC0zOS40MDZWMjQ3LjUNCgkJQzM1NS40NzYsMjEzLjY5NSwzNDEuMDExLDE4MS4zMDQsMzE1Ljc5MSwxNTguNjMyeiIvPg0KCTxwYXRoIGQ9Ik0yODAuNzI5LDE1My4wNzZjMS4wNDEsMC40OTYsMi4xMzgsMC43MywzLjIxOSwwLjczYzIuODAzLDAsNS40OTItMS41NzksNi43NzctNC4yNzhjMS43ODEtMy43MzksMC4xOTItOC4yMTUtMy41NDctOS45OTUNCgkJYy0xMC44MDYtNS4xNDUtMjIuMjkxLTguNjE2LTM0LjEzNi0xMC4zMTdjLTQuMTA2LTAuNTg1LTcuOTAxLDIuMjU4LTguNDksNi4zNTdzMi4yNTcsNy45MDEsNi4zNTcsOC40OQ0KCQlDMjYxLjI1NywxNDUuNTUsMjcxLjI4OSwxNDguNTgyLDI4MC43MjksMTUzLjA3NnoiLz4NCgk8cGF0aCBkPSJNMjM1Ljk3Niw5NmMtMi44MDYsMC01LjY0NCwwLjA3OC04LjQzNywwLjIzMmMtNC4xMzYsMC4yMjgtNy4zMDQsMy43NjYtNy4wNzYsNy45MDFjMC4yMjksNC4xMzYsMy43NjMsNy4zMjEsNy45MDIsNy4wNzUNCgkJYzIuNTE5LTAuMTM5LDUuMDc5LTAuMjA5LDcuNjEtMC4yMDljNzUuMjY2LDAsMTM2LjUsNjEuMjMzLDEzNi41LDEzNi41djMyLjg2NGMwLDQuMTQzLDMuMzU4LDcuNSw3LjUsNy41czcuNS0zLjM1Nyw3LjUtNy41VjI0Ny41DQoJCUMzODcuNDc2LDE2My45NjMsMzE5LjUxMyw5NiwyMzUuOTc2LDk2eiIvPg0KCTxwYXRoIGQ9Ik0xNTMuOTcyLDEzNi42OTNjMS40NzcsMCwyLjk3LTAuNDM2LDQuMjc1LTEuMzQzYzEyLjQ3OC04LjY3NywyNi4xODItMTUuMTU1LDQwLjczMy0xOS4yNTgNCgkJYzMuOTg3LTEuMTI0LDYuMzA4LTUuMjY4LDUuMTg0LTkuMjU0cy01LjI2OS02LjMwNC05LjI1NC01LjE4NGMtMTYuMTYsNC41NTYtMzEuMzc2LDExLjc0OS00NS4yMjYsMjEuMzc5DQoJCWMtMy40MDEsMi4zNjUtNC4yNDEsNy4wMzktMS44NzYsMTAuNDM5QzE0OS4yNjUsMTM1LjU3LDE1MS41OTksMTM2LjY5MywxNTMuOTcyLDEzNi42OTN6Ii8+DQoJPHBhdGggZD0iTTk5LjQ3NiwyNzcuMTcyVjI0Ny41YzAtMzQuODksMTMuMjEzLTY4LjExOCwzNy4yMDUtOTMuNTY1YzIuODQxLTMuMDE0LDIuNzAyLTcuNzYtMC4zMTItMTAuNjAyDQoJCXMtNy43NjEtMi43MDEtMTAuNjAyLDAuMzEyQzk5LjE0LDE3MS44ODYsODQuNDc2LDIwOC43Nyw4NC40NzYsMjQ3LjV2MjkuNjcyYzAsNC4wODMtMS41MDQsOC4wMDItNC4yMzQsMTEuMDM1bC05LjI0OCwxMC4yNzUNCgkJYy0yLjc3MSwzLjA3OS0yLjUyMSw3LjgyMSwwLjU1OCwxMC41OTJjMS40MzMsMS4yOTEsMy4yMjcsMS45MjYsNS4wMTUsMS45MjZjMi4wNTIsMCw0LjA5Ni0wLjgzNyw1LjU3Ny0yLjQ4Mmw5LjI0OC0xMC4yNzUNCgkJQzk2LjYwNSwyOTIuNDQ5LDk5LjQ3NiwyODQuOTY2LDk5LjQ3NiwyNzcuMTcyeiIvPg0KCTxwYXRoIGQ9Ik00MDkuOTUxLDE4OS4xMDRjLTguMjI2LTI0LjQ0Ni0yMS4yOTktNDYuNTMxLTM4Ljg1Ni02NS42NDJjLTIuODAzLTMuMDUtNy41NDctMy4yNTItMTAuNTk3LTAuNDQ5DQoJCWMtMy4wNSwyLjgwMy0zLjI1MSw3LjU0Ny0wLjQ0OSwxMC41OThjMTYuMTI3LDE3LjU1NCwyOC4xMzQsMzcuODM0LDM1LjY4Niw2MC4yNzZjMS4wNTQsMy4xMzMsMy45NzYsNS4xMSw3LjEwNyw1LjExDQoJCWMwLjc5MywwLDEuNi0wLjEyNywyLjM5My0wLjM5NEM0MDkuMTYsMTk3LjI4Miw0MTEuMjcyLDE5My4wMjksNDA5Ljk1MSwxODkuMTA0eiIvPg0KCTxwYXRoIGQ9Ik0yOTUuMjQ3LDczLjgyMmMtMy45MTctMS4zNDEtOC4xODMsMC43NDgtOS41MjQsNC42NjhjLTEuMzQxLDMuOTE5LDAuNzQ5LDguMTgzLDQuNjY4LDkuNTIzDQoJCWMxNi41MzgsNS42NTksMzIuMDY1LDEzLjg1Nyw0Ni4xNSwyNC4zNjljMS4zNDcsMS4wMDUsMi45MiwxLjQ4OSw0LjQ4LDEuNDg5YzIuMjg2LDAsNC41NDQtMS4wNDEsNi4wMTctMy4wMTUNCgkJYzIuNDc4LTMuMzE5LDEuNzk0LTguMDE5LTEuNTI1LTEwLjQ5NkMzMzAuMTc2LDg4LjkxNiwzMTMuMjY0LDc5Ljk4NiwyOTUuMjQ3LDczLjgyMnoiLz4NCgk8cGF0aCBkPSJNMTE5LjQ0MiwxMjUuOTA4QzE1MC45OTEsOTUuNjU5LDE5Mi4zNzcsNzksMjM1Ljk3Niw3OWM4LjA5NiwwLDE2LjIzNywwLjU4MywyNC4xOTYsMS43MzENCgkJYzQuMTAzLDAuNTk4LDcuOTAzLTIuMjUyLDguNDk1LTYuMzUyYzAuNTkyLTQuMS0yLjI1MS03LjkwMi02LjM1MS04LjQ5NEMyNTMuNjQ4LDY0LjYzNSwyNDQuNzg2LDY0LDIzNS45NzYsNjQNCgkJYy00Ny40ODcsMC05Mi41NiwxOC4xNDEtMTI2LjkxNSw1MS4wODFjLTM0LjI0OCwzMi44MzgtNTQuMjc3LDc2LjkwNS01Ni4zOTcsMTI0LjA4NGMtMC4xODYsNC4xMzgsMy4wMTgsNy42NDQsNy4xNTUsNy44MjkNCgkJYzAuMTE1LDAuMDA2LDAuMjI5LDAuMDA4LDAuMzQzLDAuMDA4YzMuOTg3LDAsNy4zMDYtMy4xNCw3LjQ4Ny03LjE2M0M2OS41OTQsMTk2LjUyNyw4Ny45ODgsMTU2LjA2NiwxMTkuNDQyLDEyNS45MDh6Ii8+DQoJPHBhdGggZD0iTTIzNS45NzYsMzJjLTE2Ljc3MiwwLTMzLjQ4NSwxLjk0NC00OS42NzQsNS43NzhjLTQuMDMxLDAuOTU0LTYuNTI0LDQuOTk2LTUuNTcsOS4wMjZjMC45NTUsNC4wMyw0Ljk5Nyw2LjUyNCw5LjAyNyw1LjU2OQ0KCQlDMjA0LjgxNyw0OC44MDksMjIwLjM2Niw0NywyMzUuOTc2LDQ3YzU0Ljk5NiwwLDEwNi4zMzIsMjEuOTExLDE0NC41NSw2MS42OTVjMS40NzMsMS41MzMsMy40MzksMi4zMDUsNS40MSwyLjMwNQ0KCQljMS44NjksMCwzLjc0MS0wLjY5NCw1LjE5NS0yLjA5MWMyLjk4Ny0yLjg3LDMuMDgzLTcuNjE4LDAuMjEzLTEwLjYwNGMtMTkuOTEzLTIwLjcyOS00My4zMDQtMzcuMDM2LTY5LjUyMi00OC40NjUNCgkJQzI5NC42NjYsMzguMDAyLDI2NS43ODMsMzIsMjM1Ljk3NiwzMnoiLz4NCgk8cGF0aCBkPSJNNjcuNTA3LDEyNS40MDRjMS4zNzIsMS4wNzQsMy4wMDEsMS41OTUsNC42MTksMS41OTVjMi4yMjcsMCw0LjQzMS0wLjk4Nyw1LjkxLTIuODc2DQoJCWMyMS4zNzUtMjcuMzAyLDQ5LjUxNS00OC43MTcsODEuMzc3LTYxLjkzMmMzLjgyNi0xLjU4Nyw1LjY0Mi01Ljk3NSw0LjA1NS05LjgwMXMtNS45NzctNS42NDQtOS44MDEtNC4wNTUNCgkJYy0zNC4yNDEsMTQuMjAxLTY0LjQ3OCwzNy4yMS04Ny40NDEsNjYuNTM5QzYzLjY3MiwxMTguMTM3LDY0LjI0NiwxMjIuODUxLDY3LjUwNywxMjUuNDA0eiIvPg0KCTxwYXRoIGQ9Ik0xMzEuOTgzLDM4LjcyNWMxLjA5NCwwLDIuMjA1LTAuMjQsMy4yNTUtMC43NDhDMTY2LjgxNiwyMi43MywyMDAuNzA5LDE1LDIzNS45NzYsMTVjMTguMzc4LDAsMzYuNjgyLDIuMTYyLDU0LjQwMSw2LjQyNg0KCQljNC4wMjUsMC45NjYsOC4wNzctMS41MSw5LjA0Ni01LjUzN2MwLjk2OS00LjAyNy0xLjUxLTguMDc4LTUuNTM4LTkuMDQ3QzI3NS4wMTksMi4zMDIsMjU1LjUzNSwwLDIzNS45NzYsMA0KCQljLTM3LjU0NCwwLTczLjYzMSw4LjIzMi0xMDcuMjU5LDI0LjQ2OWMtMy43MywxLjgwMS01LjI5NCw2LjI4NS0zLjQ5MywxMC4wMTVDMTI2LjUxNywzNy4xNjMsMTI5LjE5NSwzOC43MjUsMTMxLjk4MywzOC43MjV6Ii8+DQoJPHBhdGggZD0iTTMyMS43MjQsMzEuMzgzYzcuNzMyLDMuMDc5LDE1LjM4NSw2LjYxOSwyMi43NDYsMTAuNTJjMS4xMTksMC41OTQsMi4zMjEsMC44NzUsMy41MDUsMC44NzUNCgkJYzIuNjg4LDAsNS4yODctMS40NDksNi42MzMtMy45OWMxLjkzOS0zLjY2LDAuNTQ1LTguMTk5LTMuMTE1LTEwLjEzOWMtNy44MzctNC4xNTMtMTUuOTg2LTcuOTIyLTI0LjIyLTExLjIwMQ0KCQljLTMuODQ5LTEuNTMzLTguMjEsMC4zNDUtOS43NDMsNC4xOTJDMzE1Ljk5OCwyNS40ODgsMzE3Ljg3NiwyOS44NTEsMzIxLjcyNCwzMS4zODN6Ii8+DQo8L2c+DQo8L3N2Zz4=); } .mdrt-b2c-container #api .error { color: #ff3b30; font-size: 14px; margin: 0; padding: 0; } .mdrt-b2c-container #api .error.pageLevel { color: #ff3b30; font-size: 18px; margin: 0; padding: 0; } .mdrt-b2c-container #api .error.pageLevel::before { background-image: url("data:image/svg+xml,"); background-repeat: no-repeat; background-size: 22px; content: ""; float: left; height: 24px; margin-right: 10px; width: 24px; } .mdrt-b2c-container #api .helpLink { display: none; } .mdrt-b2c-container #api .buttons > button, .mdrt-b2c-container #api .form-container .form-submit-btn { background-color: var(--mdrt-color-backgrounds-bg-secondary-fill); } .mdrt-b2c-container #api .buttons > button[aria-disabled="true"] { display: none; } .mdrt-b2c-container #api .buttons > button #cancel { display: none; } .mdrt-b2c-container--reset #api .buttons.verify button, .mdrt-b2c-container--reset #api:has(#emailExistsVerificationControl_label) .buttons button { margin: var(--spacing-16) 0 0 0; } .mdrt-b2c-container--reset #api button#email_ver_but_edit { margin-top: var(--spacing-16); } .mdrt-b2c-container--reset #api .buttons.verify button#email_ver_but_resend, .mdrt-b2c-container--reset #api .buttons.verify button#email_ver_but_edit, .mdrt-b2c-container--reset #api button#email_ver_but_edit, .mdrt-b2c-container--reset #api button#emailExistsVerificationControl_but_send_new_code, .mdrt-b2c-container--reset #api button#emailExistsVerificationControl_but_change_claims { background-color: #f4f4f4; border-color: #f4f4f4; color: var(--mdrt-color-text-on-light-tertiary); } .mdrt-b2c-container--reset #api .buttons.verify button#email_ver_but_resend:hover, .mdrt-b2c-container--reset #api .buttons.verify button#email_ver_but_resend:focus, .mdrt-b2c-container--reset #api .buttons.verify button#email_ver_but_edit:hover, .mdrt-b2c-container--reset #api .buttons.verify button#email_ver_but_edit:focus, .mdrt-b2c-container--reset #api button#email_ver_but_edit:hover, .mdrt-b2c-container--reset #api button#email_ver_but_edit:focus, .mdrt-b2c-container--reset #api button#emailExistsVerificationControl_but_send_new_code:hover, .mdrt-b2c-container--reset #api button#emailExistsVerificationControl_but_send_new_code:focus, .mdrt-b2c-container--reset #api button#emailExistsVerificationControl_but_change_claims:hover, .mdrt-b2c-container--reset #api button#emailExistsVerificationControl_but_change_claims:focus { background-color: #e8e8e8; border-color: #e8e8e8; color: var(--mdrt-color-text-on-light-secondary); } .mdrt-b2c-container #api .bi { cursor: pointer !important; margin-left: -30px !important; position: relative; top: 3px; z-index: 5 !important; } .mdrt-b2c-container #api .entry .entry-item label { border: 0; clip: rect(1px, 1px, 1px, 1px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .mdrt-b2c-container #api .attr > ul { list-style: none; margin: 0 0 var(--spacing-24) 0; padding: 0; } .mdrt-b2c-container #api .attr > ul ul { list-style: none; padding: 0; } .mdrt-b2c-container #api .attr > ul .attrEntry .textInput, .mdrt-b2c-container #api .attr > ul .attrEntry .verifyInput { border-radius: var(--mdrt-corner-radius-m); } .mdrt-b2c-container #api .attr > ul .attrEntry label { border: 0; clip: rect(1px, 1px, 1px, 1px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .mdrt-b2c-container #api #forgotPassword { color: var(--mdrt-color-text-on-light-primary); font: var(--mdrt-title-3); text-decoration-color: var(--mdrt-color-backgrounds-bg-secondary-fill); text-decoration-line: underline; text-decoration-thickness: 2px; text-underline-position: under; } .mdrt-b2c-container #api #forgotPassword:hover { background-color: var(--mdrt-color-backgrounds-bg-secondary-hover); text-decoration: none; } .mdrt-b2c-container #api #forgotPassword:hover::before { background-color: var(--mdrt-color-backgrounds-bg-surface); } .mdrt-b2c-container #api #forgotPassword::before { content: var(--pseudo-before-text); display: inline-block; padding-right: var(--spacing-12); padding-top: 1px; text-decoration-color: var(--mdrt-color-backgrounds-bg-surface); text-decoration-line: underline; text-decoration-thickness: 2px; text-underline-position: under; } .mdrt-b2c-container #api .rememberMe { align-items: center; display: flex; margin-bottom: var(--spacing-24); margin-left: var(--spacing-12); margin-top: var(--spacing-16); } .mdrt-b2c-container #api .rememberMe label { font: var(--mdrt-body-3-long); margin-bottom: 0; margin-left: var(--spacing-12); } .mdrt-b2c-container #api .rememberMe input[type="checkbox"] { height: 21px; width: 21px; } .mdrt-b2c-container #api #cancel { display: none; } .mdrt-b2c-container #api form:not(#attributeVerification) .buttons { margin-bottom: var(--spacing-24); } .mdrt-b2c-container #api form .buttons button { width: 100%; } .mdrt-b2c-container #api #email_success { display: none !important; } .verifying-modal #verifying_blurb { bottom: 0; display: none; height: 2em; left: 0; margin: auto; overflow: show; position: fixed; right: 0; top: 0; width: 2em; z-index: 999; } .verifying-modal #verifying_blurb:not(:empty) { background-color: transparent; border: 0; color: transparent; display: block; font: 0/0 a; text-shadow: none; } .verifying-modal #verifying_blurb:before { background-color: rgba(0, 0, 0, 0.3); content: ''; display: block; height: 100%; left: 0; position: fixed; top: 0; width: 100%; } .verifying-modal #verifying_blurb:after { animation: spinner .8s linear infinite; border-radius: 50%; border-right: 2px solid transparent; border-top: 2px solid #1853A3; box-sizing: border-box; content: ''; height: 80px; margin-left: -10px; margin-top: -10px; position: absolute; width: 80px; } /* working styles */ .working { bottom: 0; display: none; height: 80px; left: 0; margin: auto; overflow: show; position: fixed; right: 0; top: 0; width: 80px; z-index: 999; } .working:before { background-color: rgba(0, 0, 0, 0.3); content: ''; display: block; height: 100%; left: 0; position: fixed; top: 0; width: 100%; } .working:not(:required) { background-color: transparent; border: 0; color: transparent; font: 0/0 a; text-shadow: none; } .working:not(:required):after { animation: spinner .8s linear infinite; border-radius: 50%; border-right: 2px solid transparent; border-top: 2px solid #1853A3; box-sizing: border-box; content: ''; display: block; height: 80px; margin-left: -10px; margin-top: -10px; width: 80px; } .mdrt-b2c-container .mdrt-b2c-header { padding-bottom: var(--spacing-48); padding-top: var(--spacing-40); } .mdrt-b2c-container .mdrt-b2c-content { flex: 1; } .mdrt-b2c-container #api[data-name="SelfAsserted"] .intro { display: none; } .mdrt-b2c-container .mdrt-b2c-title { color: var(--mdrt-color-text-on-light-primary); font: var(--mdrt-headline-2); margin-bottom: var(--spacing-16); } .mdrt-b2c-container .mdrt-b2c-subtitle { color: var(--mdrt-color-text-on-light-secondary); font: var(--mdrt-body-2); margin-bottom: var(--spacing-16); } .mdrt-b2c-container.mdrt-b2c-container--reset .mdrt-b2c-title { margin-bottom: 0; } .mdrt-b2c-container .mdrt-b2c-back-button { color: var(--mdrt-color-text-on-light-secondary); display: inline-block; font: var(--mdrt-title-3); margin-bottom: var(--spacing-16); padding-left: 0; } .mdrt-b2c-container .mdrt-b2c-back-button:hover, .mdrt-b2c-container .mdrt-b2c-back-button:focus { background-color: var(--mdrt-color-backgrounds-bg-secondary-hover); text-decoration: none; } .mdrt-b2c-container .mdrt-b2c-signup-step { display: flex; flex-direction: column; margin-bottom: var(--spacing-16); } .mdrt-b2c-container .mdrt-b2c-signup-step.mdrt-b2c-signup-step--2 { gap: var(--spacing-4); } .mdrt-b2c-container .mdrt-b2c-signup-step.mdrt-b2c-signup-step--2 p { color: var(--mdrt-color-text-on-light-secondary); font: var(--mdrt-title-3); } .mdrt-b2c-container .mdrt-b2c-signup-step .mdrt-b2c-title, .mdrt-b2c-container .mdrt-b2c-signup-step p { margin: 0; } .mdrt-b2c-container .mdrt-b2c-trouble-signing-in { font: var(--mdrt-headline-3); margin-bottom: var(--spacing-24); } .mdrt-b2c-container .mdrt-b2c-trouble-signing-in::before { content: var(--pseudo-before-text); } .mdrt-b2c-container .claims-provider-list-buttons.social .intro h2 { display: none; } .mdrt-b2c-container .mdrt-b2c-assistance { border-top: 1px solid var(--mdrt-color-borders-dark-01); font: var(--mdrt-title-3); margin-top: var(--spacing-16); padding-top: var(--spacing-16); } .mdrt-b2c-container .mdrt-b2c-assistance.mdrt-b2c-assistance--bottom { margin-top: var(--spacing-24); } .mdrt-b2c-container .mdrt-b2c-assistance h2 { color: var(--mdrt-color-text-on-light-secondary); font: var(--mdrt-title-3); margin: 0; } .mdrt-b2c-container .mdrt-b2c-assistance .description { color: var(--mdrt-color-text-on-light-secondary); font: var(--mdrt-body-3-long); margin-bottom: var(--spacing-8); } .mdrt-b2c-container .mdrt-b2c-assistance .phone { color: var(--mdrt-color-text-on-light-primary); margin: 0; } .mdrt-b2c-container .mdrt-b2c-assistance a { color: var(--mdrt-color-text-on-light-action); } .mdrt-b2c-container .mdrt-b2c-footer { align-items: center; border-top: 1px solid var(--mdrt-color-borders-dark-02); display: flex; font: var(--mdrt-title-3); gap: var(--spacing-24); justify-content: center; margin-top: var(--spacing-24); padding: var(--spacing-32) var(--spacing-16) var(--spacing-16); } .mdrt-b2c-container .mdrt-b2c-footer-copy { color: var(--mdrt-color-text-on-light-secondary); margin: 0 var(--spacing-24) 0 0; } .mdrt-b2c-container .mdrt-b2c-footer a { color: var(--mdrt-color-text-on-light-action); } @media only screen and (max-width: 767px) { .mdrt-b2c-container .mdrt-b2c-footer { flex-direction: column; gap: var(--spacing-12); padding: var(--spacing-24) 0 var(--spacing-16); } .mdrt-b2c-container .mdrt-b2c-footer-copy { margin: 0; } } .mdrt-b2c-container .mdrt-b2c-alert { align-items: flex-start; border-radius: var(--mdrt-corner-radius-m); display: flex; font: var(--mdrt-body-3-long); gap: var(--spacing-8); margin-bottom: var(--spacing-16); padding: var(--spacing-12); } .mdrt-b2c-container .mdrt-b2c-alert:empty { display: none; } .mdrt-b2c-container .mdrt-b2c-alert::before { display: inline-block; flex-shrink: 0; height: 24px; margin-top: -2px; width: 24px; } .mdrt-b2c-container .mdrt-b2c-alert.mdrt-b2c-alert--error { background-color: var(--mdrt-color-backgrounds-bg-error-surface); color: var(--mdrt-color-backgrounds-bg-error-fill); } .mdrt-b2c-container .mdrt-b2c-alert.mdrt-b2c-alert--error::before { content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgPHBhdGggZmlsbD0iI0FBMjAxOSIgZD0iTTExIDE2YTEgMSAwIDEgMSAyIDAgMSAxIDAgMCAxLTIgMFptMC04YTEgMSAwIDEgMSAyIDB2NWExIDEgMCAxIDEtMiAwVjhabTEtNkM2LjQ3IDIgMiA2LjUgMiAxMkExMCAxMCAwIDEgMCAxMiAyWm0wIDE4YTggOCAwIDEgMSAwLTE2IDggOCAwIDAgMSAwIDE2WiIvPgo8L3N2Zz4='); } .mdrt-b2c-container .mdrt-b2c-alert.mdrt-b2c-alert--success { background-color: var(--mdrt-color-backgrounds-bg-success-surface); color: var(--mdrt-color-backgrounds-bg-success-fill); } .mdrt-b2c-container .mdrt-b2c-alert.mdrt-b2c-alert--success::before { content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgPHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJtMTAuNTU4IDEzLjkzNi0yLjE1LTIuMTVhLjk0OC45NDggMCAwIDAtLjctLjI3NS45NDguOTQ4IDAgMCAwLS43LjI3NS45NDguOTQ4IDAgMCAwLS4yNzUuN2MwIC4yODMuMDkyLjUxNi4yNzUuN2wyLjg1IDIuODVjLjIuMi40MzMuMy43LjMuMjY3IDAgLjUtLjEuNy0uM2w1LjY1LTUuNjVhLjk0OC45NDggMCAwIDAgLjI3NS0uNy45NDguOTQ4IDAgMCAwLS4yNzUtLjcuOTQ4Ljk0OCAwIDAgMC0uNy0uMjc1Ljk0OC45NDggMCAwIDAtLjcuMjc1bC00Ljk1IDQuOTVabTEuNCA4LjJhOS43MzcgOS43MzcgMCAwIDEtMy45LS43ODggMTAuMDk5IDEwLjA5OSAwIDAgMS0zLjE3NS0yLjEzN2MtLjktLjktMS42MTMtMS45NTgtMi4xMzgtMy4xNzVhOS43MzcgOS43MzcgMCAwIDEtLjc4Ny0zLjljMC0xLjM4My4yNjItMi42ODMuNzg3LTMuOUExMC4wOTkgMTAuMDk5IDAgMCAxIDQuODgzIDUuMDZjLjktLjkgMS45NTgtMS42MTMgMy4xNzUtMi4xMzhhOS43MzcgOS43MzcgMCAwIDEgMy45LS43ODdjMS4zODMgMCAyLjY4My4yNjIgMy45Ljc4N2ExMC4wOTggMTAuMDk4IDAgMCAxIDMuMTc1IDIuMTM4Yy45LjkgMS42MTIgMS45NTggMi4xMzcgMy4xNzVhOS43MzcgOS43MzcgMCAwIDEgLjc4OCAzLjkgOS43MzcgOS43MzcgMCAwIDEtLjc4OCAzLjkgMTAuMDk3IDEwLjA5NyAwIDAgMS0yLjEzNyAzLjE3NWMtLjkuOS0xLjk1OCAxLjYxMi0zLjE3NSAyLjEzN2E5LjczNyA5LjczNyAwIDAgMS0zLjkuNzg4Wm0wLTJjMi4yMzMgMCA0LjEyNS0uNzc1IDUuNjc1LTIuMzI1IDEuNTUtMS41NSAyLjMyNS0zLjQ0MiAyLjMyNS01LjY3NSAwLTIuMjMzLS43NzUtNC4xMjUtMi4zMjUtNS42NzUtMS41NS0xLjU1LTMuNDQyLTIuMzI1LTUuNjc1LTIuMzI1LTIuMjMzIDAtNC4xMjUuNzc1LTUuNjc1IDIuMzI1LTEuNTUgMS41NS0yLjMyNSAzLjQ0Mi0yLjMyNSA1LjY3NSAwIDIuMjMzLjc3NSA0LjEyNSAyLjMyNSA1LjY3NSAxLjU1IDEuNTUgMy40NDIgMi4zMjUgNS42NzUgMi4zMjVaIi8+Cjwvc3ZnPg=='); } .mdrt-b2c-container .mdrt-b2c-loader { align-items: center; background-color: rgb(255 255 255 / 60%); color: var(--mdrt-color-text-on-light-action); display: flex; flex-direction: column; inset: 0; justify-content: center; position: fixed; z-index: 2147483646; } .mdrt-b2c-container .mdrt-b2c-loader:focus { outline: none; } .mdrt-b2c-container .mdrt-b2c-loader.hidden { display: none !important; } .mdrt-b2c-container .mdrt-b2c-loader__spinner { animation: progressContainer 1.4s linear infinite; color: var(--mdrt-color-text-on-light-action); display: inline-block; height: 100px; width: 100px; } .mdrt-b2c-container .mdrt-b2c-loader__spinner circle { animation: progressCircle 1.4s ease-in-out infinite; stroke: currentcolor; stroke-dasharray: 80px, 200px; stroke-dashoffset: 0; } .mdrt-b2c-container .mdrt-b2c-loader__logo-container { position: fixed; top: 50%; transform: translateY(-50%); } @keyframes progressContainer { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes progressCircle { 0% { stroke-dasharray: 1px, 200px; stroke-dashoffset: 0; } 50% { stroke-dasharray: 100px, 200px; stroke-dashoffset: -15px; } 100% { stroke-dasharray: 100px, 200px; stroke-dashoffset: -120px; } } /* biometric screens start */ .mdrt-b2c-container.mdrt-b2c-container--biometric #api .error p { margin: 0; } .mdrt-b2c-container--biometric #challenge, .mdrt-b2c-container--biometric #extension_fido_rawId, .mdrt-b2c-container--biometric #extension_fido_credentialId, .mdrt-b2c-container--biometric #credentialOptions, .mdrt-b2c-container--biometric #clientDataJSON, .mdrt-b2c-container--biometric #signature, .mdrt-b2c-container--biometric #authenticatorData, .mdrt-b2c-container--biometric #userHandle, .mdrt-b2c-container--biometric label[for=challenge], .mdrt-b2c-container--biometric label[for=extension_fido_rawId], .mdrt-b2c-container--biometric label[for=extension_fido_credentialId], .mdrt-b2c-container--biometric label[for=credentialOptions], .mdrt-b2c-container--biometric label[for=clientDataJSON], .mdrt-b2c-container--biometric label[for=signature], .mdrt-b2c-container--biometric label[for=authenticatorData], .mdrt-b2c-container--biometric label[for=userHandle], .mdrt-b2c-container--biometric #readOnlyDisplayName, .mdrt-b2c-container--biometric #readOnlyName, .mdrt-b2c-container--biometric label[for=readOnlyDisplayName], .mdrt-b2c-container--biometric label[for=readOnlyName], .mdrt-b2c-container--biometric #objectId, .mdrt-b2c-container--biometric #attestationObject, .mdrt-b2c-container--biometric label[for=objectId], .mdrt-b2c-container--biometric label[for=attestationObject], .mdrt-b2c-container--biometric #fake, .mdrt-b2c-container--biometric label[for=fake] { display: none !important; } .mdrt-b2c-container--biometric #api form .buttons button { width: auto; } .mdrt-b2c-container--biometric .hidden { display: none !important; } .mdrt-b2c-container--biometric .lastCredentialsContainer { margin-bottom: var(--spacing-16); margin-top: calc(var(--spacing-8) * -1); } .mdrt-b2c-container--biometric .lastCredentialsContainer label { display: flex; font: var(--mdrt-body-3-long); gap: var(--spacing-12); margin: 0; } .mdrt-b2c-container--biometric .lastCredentialsContainer label input { height: 21px; width: 21px; } .mdrt-b2c-container--biometric .mdrt-b2c-fido-auth-btn { background-color: var(--mdrt-color-backgrounds-bg-secondary-fill); border: 1px solid var(--mdrt-color-backgrounds-bg-secondary-fill); border-radius: var(--mdrt-corner-radius-xxl); color: var(--mdrt-color-text-on-light-primary); font: var(--mdrt-title-3); padding: var(--spacing-8) var(--spacing-16); transition: background-color .1s ease, border-color .1s ease; } .mdrt-b2c-container--biometric .mdrt-b2c-fido-auth-btn:hover, .mdrt-b2c-container--biometric .mdrt-b2c-fido-auth-btn:focus { background-color: var(--mdrt-color-backgrounds-bg-secondary-hover); border-color: var(--mdrt-color-backgrounds-bg-secondary-hover); } .mdrt-b2c-container--biometric .full-height { height: 100%; min-height: 50vh; } .mdrt-b2c-container--biometric .mdrt-b2c-biometric-content { background-color: var(--mdrt-color-backgrounds-bg-surface-02); border-radius: var(--mdrt-corner-radius-l); padding: var(--spacing-24); } .mdrt-b2c-container--biometric #api #attributeVerification #attributeList { font: var(--mdrt-title-2); } @media only screen and (min-width: 768px) { .mdrt-b2c-container--biometric .mdrt-b2c-assistance { border-top: none; padding-top: 0; } } .mdrt-b2c-container.mdrt-b2c-container--biometric-deregister #api .error p { margin: 0; } .mdrt-b2c-container.mdrt-b2c-container--biometric-deregister #api[data-name="SelfAsserted"] .intro { display: flex !important; } .mdrt-b2c-container.mdrt-b2c-container--biometric-deregister #api[data-name="SelfAsserted"] .intro p { margin: 0; } .mdrt-b2c-container--biometric-deregister #attributeVerification, .mdrt-b2c-container--biometric-deregister #extension_fido_rawId, .mdrt-b2c-container--biometric-deregister label[for=extension_fido_rawId], .mdrt-b2c-container--biometric-deregister #userHandle, .mdrt-b2c-container--biometric-deregister label[for=userHandle], .mdrt-b2c-container--biometric-deregister #objectId, .mdrt-b2c-container--biometric-deregister label[for=objectId], .mdrt-b2c-container--biometric-deregister #continue { display: none !important; } .mdrt-b2c-container--biometric-deregister .mdrt-b2c-biometric-content { background-color: var(--mdrt-color-backgrounds-bg-surface-02); border-radius: var(--mdrt-corner-radius-l); padding: var(--spacing-24); } .mdrt-b2c-container--biometric-deregister #api #attributeVerification #attributeList { font: var(--mdrt-title-2); } @media only screen and (min-width: 768px) { .mdrt-b2c-container--biometric-deregister .mdrt-b2c-assistance { border-top: none; padding-top: 0; } } /* biometric screens end */ /* lookup screen start */ .mdrt-b2c-container--lookup .mdrt-b2c-subtitle { margin-top: calc(var(--spacing-8) * -1); } .mdrt-b2c-container--lookup .mdrt-b2c-subtitle a { color: var(--mdrt-color-text-on-light-action); } .mdrt-b2c-container--lookup .mdrt-b2c-subtitle span { color: var(--mdrt-color-text-on-light-primary); font-style: italic; font-weight: var(--mdrt-font-weights-nunito-sans-1); } .mdrt-b2c-container--lookup .form-container { margin: 0; } .mdrt-b2c-container--lookup #api .form-container .form-group { margin: 0; } .mdrt-b2c-container--lookup #api .form-container .form-hint { color: var(--mdrt-color-text-on-light-tertiary); font: var(--mdrt-body-4); margin-bottom: 0; margin-top: 2px; padding-left: var(--spacing-12); } .mdrt-b2c-container--lookup #api .form-container .form-group-wrapper { display: grid; gap: var(--spacing-4); grid-template-columns: repeat(3, auto); margin-bottom: var(--spacing-16); } .mdrt-b2c-container--lookup #api .form-container .form-divider { color: var(--mdrt-color-text-on-light-tertiary); font: var(--mdrt-title-4); padding-top: 14px; position: relative; } .mdrt-b2c-container--lookup #api .form-container .form-divider span { background-color: var(--mdrt-color-backgrounds-bg-surface); padding: var(--spacing-4) var(--spacing-8); white-space: nowrap; } .mdrt-b2c-container--lookup #api .form-container .form-divider::before { background-color: var(--mdrt-color-borders-dark-02); content: ''; display: block; height: 100%; left: 50%; position: absolute; top: 0; transform: translateX(-50%); width: 1px; z-index: -2; } @media only screen and (max-width: 573px) { .mdrt-b2c-container--lookup #api .form-container .form-group-wrapper { display: flex; flex-direction: column; gap: var(--spacing-16); } .mdrt-b2c-container--lookup #api .form-container .form-divider { padding-top: 0; text-align: center; } .mdrt-b2c-container--lookup #api .form-container .form-divider::before { height: 1px; left: 0; top: 50%; transform: translateY(-50%); width: 100%; } } /* lookup screen end */ /* LinkSocial screen start */ .mdrt-b2c-container--linksocial #api .attr > ul li + li { margin-top: 0; } .mdrt-b2c-container--linksocial #api .attr > ul { gap: var(--spacing-16); } @media only screen and (min-width: 574px) { .mdrt-b2c-container--linksocial #api .attr > ul { column-gap: var(--spacing-4); display: grid; grid-template-columns: repeat(3, auto); } .mdrt-b2c-container--linksocial #api .attr > ul li:last-child { grid-column: 1 / -1; } } @media only screen and (max-width: 573px) { .mdrt-b2c-container--linksocial #api .attr > ul { display: flex; flex-direction: column; } } /* LinkSocial screen end */ @keyframes spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .button-reset { appearance: none; background: none; border: none; border-radius: 0; box-shadow: none; color: inherit; cursor: pointer; font: inherit; text-align: inherit; }