a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } *, :after, :before { box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } li { list-style: none; } :root { --primary-color: #0059d6; --primary-color-no-override: #0059d6; --link-color-values: 0, 123, 173; --link-color: rgb(var(--link-color-values)); --page-background-color: #000; --info-color: #0a66e1; --success-color: #0a8852; --error-color: #d00e17; --error-text-color: #fff; --warning-color: #ffdb5f; --button-font-color: #fff; --widget-background-color: #fff; --presentational-content-color: #6f7780; --gray-lightest: #f1f2f3; --bg-7f-color: #7f7f7f; --gray-light: #dee2e6; --bg-gray-lighter: #efefef; --gray-mid: #c2c8d0; --gray-dark: #6f7780; --gray-darkest: #2d333a; --font-family: ulp-font, -apple-system, BlinkMacSystemFont, Roboto, Helvetica, sans-serif; --font-default-color: var(--gray-darkest); --font-light-color: var(--gray-dark); --small-font-size: 12px; --default-font-size: 14px; --font-default-weight: 400; --font-weight-5: 500; --font-weight-6: 600; --font-bold-weight: 700; --title-font-color: var(--gray-darkest); --title-font-size: 24px; --title-font-weight: var(--font-default-weight); --base-line-height: 1.1; --lg-font-size: 16px; --logo-alignment: 0 auto; --logo-height: 52px; --header-alignment: center; --page-background-alignment: center; --icon-height: 20px; --icon-width: 20px; --icon-default-color: var(--gray-dark); --icon-badge: url("data: image/svg+xml,%3Csvg width='19' height='22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.084 17.797L12.952 11l5.582-4.2h-6.9L9.5.002V0h6.9l2.136 6.8.002-.001c1.238 3.944-.038 8.43-3.453 11zm-11.166 0l-.002.002L9.5 22l5.584-4.202-5.583-4.202-5.583 4.201zm-3.45-11c-1.305 4.159.209 8.564 3.449 11.001v-.002L6.05 11 .47 6.8h6.898L9.5.002V0H2.6L.467 6.798z' fill='%23FFF'/%3E%3C/svg%3E"); --icon-key: url("data: image/svg+xml,%3Csvg width='14' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.373 8.654c-1.86 1.86-4.794 1.949-6.785.312L3.56 10.814l2.305 2.309-.745.746-2.34-2.344-1.453 1.323 2.412 2.406-.748.746L0 13.016l.038-.037a.474.474 0 0 1 .13-.515L4.84 8.208c-1.582-1.99-1.475-4.883.365-6.723a5.068 5.068 0 1 1 7.168 7.169zm-.752-6.409a3.994 3.994 0 1 0-5.649 5.649 3.994 3.994 0 0 0 5.649-5.649z' fill='%235C677D' fill-rule='evenodd'/%3E%3C/svg%3E"); --icon-phone: url("data: image/svg+xml,%3Csvg width='18' height='18' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M5.827 13.38a.5.5 0 0 0 .022-.406c-.346-.904-.639-1.593-.875-2.066l-.112-.224.112-.223c.89-1.781 3.706-4.597 5.487-5.487l.223-.112.224.112c.473.236 1.162.529 2.066.875a.5.5 0 0 0 .407-.022c1.749-.895 2.809-1.6 3.113-2.01-.078-.806-.887-1.586-2.517-2.305-4.116.544-11.558 7.84-12.458 12.48.717 1.62 1.494 2.424 2.299 2.502.41-.304 1.114-1.364 2.01-3.113zm.956-.765a1.5 1.5 0 0 1-.066 1.221c-1.077 2.104-1.882 3.28-2.546 3.611l-.106.053h-.118c-1.372 0-2.494-1.122-3.407-3.25l-.057-.135.024-.145C1.359 8.856 9.415.961 14.003.502L14.13.49l.119.05c2.128.913 3.25 2.035 3.25 3.407v.118l-.053.106c-.332.664-1.507 1.47-3.61 2.546a1.5 1.5 0 0 1-1.221.066 28.91 28.91 0 0 1-1.92-.801c-1.53.868-3.846 3.184-4.714 4.713.23.486.496 1.125.8 1.92z' id='a'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse fill='%235C677D' fill-rule='nonzero' xlink:href='%23a'/%3E%3Cg mask='url(%23b)' fill=' %235C677D'%3E%3Cpath d=' M-1-1h20v20H-1z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); --icon-email: url("data: image/svg+xml,%3Csvg width='18' height='13' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M16.263 12l-5.39-4.975L9 8.665 7.147 7.042 1.74 12h14.524zm.737-.68V1.664l-5.37 4.699L17 11.32zm-16 0l5.39-4.94L1 1.665v9.656zM16.24 1H1.76L9 7.336 16.24 1zM1 0h16a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1z' id='a'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse fill='%235C677D' fill-rule='nonzero' xlink:href='%23a'/%3E%3Cg mask='url(%23b)' fill=' %235C677D'%3E%3Cpath d=' M-1-3h20v20H-1z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); --icon-lock: url("data: image/svg+xml,%3Csvg width='14' height='18' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M2.5 7V5a4.5 4.5 0 0 1 9 0v2h.5a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h.5zm1 0h7V5a3.5 3.5 0 0 0-7 0v2zM2 8a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1H2zm4.5 3a.5.5 0 1 1 1 0v3a.5.5 0 1 1-1 0v-3z' id='a'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse fill='%235C677D' fill-rule='nonzero' xlink:href='%23a'/%3E%3Cg mask='url(%23b)' fill=' %235C677D'%3E%3Cpath d=' M-3 0h20v20H-3z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); --icon-user: url("data: image/svg+xml,%3Csvg width='16' height='17' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M5.605 9.39a5 5 0 1 1 4.79 0A7.503 7.503 0 0 1 15.5 16.5v.5h-1v-.5a6.5 6.5 0 1 0-13 0v.5h-1v-.5a7.503 7.503 0 0 1 5.105-7.11zM8 9a4 4 0 1 0 0-8 4 4 0 0 0 0 8z' id='a'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse fill='%235C677D' fill-rule='nonzero' xlink:href='%23a'/%3E%3Cg mask='url(%23b)' fill=' %235C677D'%3E%3Cpath d=' M-2-1h20v20H-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); --icon-show-pass: url("data: image/svg+xml,%3Csvg width='18' height='13' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M9 12c3.13 0 5.732-1.788 7.856-5.5C14.732 2.788 12.13 1 9 1S3.268 2.788 1.144 6.5C3.268 10.212 5.87 12 9 12zM9 0c3.667 0 6.667 2.167 9 6.5-2.333 4.333-5.333 6.5-9 6.5s-6.667-2.167-9-6.5C2.333 2.167 5.333 0 9 0zm0 9a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5zm0 1a3.5 3.5 0 1 1 0-7 3.5 3.5 0 0 1 0 7z' id='a'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse fill='%235C677D' fill-rule='nonzero' xlink:href='%23a'/%3E%3Cg mask='url(%23b)' fill=' %235C677D'%3E%3Cpath d=' M-1-4h20v20H-1z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); --icon-hide-pass: url("data: image/svg+xml,%3Csvg width='18' height='15' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M12.148 5.969a3.5 3.5 0 0 1-4.68 4.68l.768-.768a2.5 2.5 0 0 0 3.145-3.145l.767-.767zM5.82 12.297c.993.47 2.052.703 3.18.703 3.13 0 5.732-1.788 7.856-5.5-.837-1.463-1.749-2.628-2.738-3.501l.708-.708C15.994 4.337 17.052 5.74 18 7.5c-2.333 4.333-5.333 6.5-9 6.5a8.294 8.294 0 0 1-3.926-.957l.746-.746zM15.89.813L2.313 14.39a.5.5 0 0 1-.667-.744L3.393 11.9C2.138 10.837 1.007 9.37 0 7.5 2.333 3.167 5.333 1 9 1c1.51 0 2.907.367 4.19 1.102L15.147.146a.5.5 0 0 1 .744.667zm-3.436 2.026A7.315 7.315 0 0 0 9 2C5.87 2 3.268 3.788 1.144 7.5c.9 1.572 1.884 2.798 2.959 3.69l1.893-1.893a3.5 3.5 0 0 1 4.801-4.801l1.657-1.657zm-2.396 2.395a2.5 2.5 0 0 0-3.324 3.324l3.324-3.324z' id='a'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse fill='%235C677D' fill-rule='nonzero' xlink:href='%23a'/%3E%3Cg mask='url(%23b)' fill=' %235C677D'%3E%3Cpath d=' M-1-3h20v20H-1z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); --icon-arrow-left: url("data: image/svg+xml,%3Csvg width='10' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23B0B5C0' stroke-width='2' d='M9 1L2 8l7 7' fill='none'/%3E%3C/svg%3E"); --icon-arrow-right: url("data: image/svg+xml,%3Csvg width='6' height='13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1l6 5.5L0 12' stroke='%236F7780' fill='none'/%3E%3C/svg%3E"); --icon-device: url("data: image/svg+xml,%3Csvg width='12' height='18' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M2 1a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H2zm0-1h8a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zM1 3h10v1H1V3zm0 9h10v1H1v-1zm5 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2z' id='a'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse fill='%235C677D' fill-rule='nonzero' xlink:href='%23a'/%3E%3Cg mask='url(%23b)' fill=' %235C677D'%3E%3Cpath d=' M-4-1h20v20H-4z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); --icon-tenant: url("data: image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.39.5l-1.75 7h4.153L8 4.293 11.207 7.5h4.153l-1.75-7H2.39zM2.5 8v6.5h4V10a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v4.5h4V8' fill='none' stroke='%235C677D'/%3E%3C/svg%3E"); --icon-guardian: url("data: image/svg+xml,%3Csvg width='14' height='18' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M6.5 4V1a.5.5 0 0 1 1 0v4h2V4H13a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h3.5v1h2V4zm1 1v7.293l2.146-2.147a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 .708-.708L6.5 12.293V5H1v12h12V5H7.5z' id='a'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse fill='%235C677D' fill-rule='nonzero' xlink:href='%23a'/%3E%3Cg mask='url(%23b)' fill=' %235C677D'%3E%3Cpath d=' M-3-1h20v20H-3z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); --icon-sms: url("data: image/svg+xml,%3Csvg width='18' height='18' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M9 16.255L12.616 13H16a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h7v3.255zM2 0h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-3l-4.166 3.749A.5.5 0 0 1 8 17.377V14H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zm1.5 4a.5.5 0 0 1 0-1h11a.5.5 0 1 1 0 1h-11zm0 3a.5.5 0 0 1 0-1h11a.5.5 0 1 1 0 1h-11zm0 3a.5.5 0 0 1 0-1h5a.5.5 0 0 1 0 1h-5z' id='a'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse fill='%235C677D' fill-rule='nonzero' xlink:href='%23a'/%3E%3Cg mask='url(%23b)' fill=' %235C677D'%3E%3Cpath d=' M-1-1h20v20H-1z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); --icon-recovery-code: url("data: image/svg+xml,%3Csvg width='18' height='18' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M12.16 6.547c.526.678.84 1.529.84 2.453 0 .924-.314 1.775-.84 2.453l2.84 2.84A7.97 7.97 0 0 0 17 9a7.97 7.97 0 0 0-2-5.292l-2.84 2.84zm-.707-.707L14.293 3A7.97 7.97 0 0 0 9 1a7.97 7.97 0 0 0-5.292 2l2.84 2.84A3.983 3.983 0 0 1 9 5c.924 0 1.775.314 2.453.84zm-5.613.707L3 3.707A7.97 7.97 0 0 0 1 9a7.97 7.97 0 0 0 2 5.292l2.84-2.84A3.983 3.983 0 0 1 5 9c0-.924.314-1.775.84-2.453zm.707 5.613L3.707 15A7.97 7.97 0 0 0 9 17a7.97 7.97 0 0 0 5.292-2l-2.84-2.84A3.983 3.983 0 0 1 9 13a3.983 3.983 0 0 1-2.453-.84zM9 18A9 9 0 1 1 9 0a9 9 0 0 1 0 18zm0-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z' id='a'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse fill='%235C677D' fill-rule='nonzero' xlink:href='%23a'/%3E%3Cg mask='url(%23b)' fill=' %235C677D'%3E%3Cpath d=' M-1-1h20v20H-1z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); --icon-webauthn-roaming: url("data: image/svg+xml,%3Csvg width='20' height='20' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.5 6.5v8h13v-8h-13zM1 5a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-1.667h3a1 1 0 0 0 1-1V8.5a1 1 0 0 0-1-1h-3V6a1 1 0 0 0-1-1H1zm17.5 4h-2v2.833h2V9zm-9.215 2.5a1.167 1.167 0 1 0 0-2.334 1.167 1.167 0 0 0 0 2.334zm0 1.5a2.667 2.667 0 1 0 0-5.333 2.667 2.667 0 0 0 0 5.333zM3.95 10.333a.667.667 0 1 1-1.333 0 .667.667 0 0 1 1.333 0z' /%3E%3C/svg%3E"); --icon-webauthn-platform: url("data: image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.789.949c-2.107 0-4.037.63-5.56 1.68a.474.474 0 1 1-.539-.781C5.374.688 7.493 0 9.79 0c2.16 0 4.165.61 5.797 1.649a.474.474 0 1 1-.51.8C13.599 1.508 11.772.95 9.79.95zm0 2.646c-2.107 0-4.037.631-5.56 1.68a8.182 8.182 0 0 0-2.35 2.449.474.474 0 1 1-.81-.496A9.13 9.13 0 0 1 3.69 4.494c1.684-1.16 3.803-1.848 6.099-1.848 3.75 0 7.038 1.838 8.719 4.582a.475.475 0 0 1-.81.496c-1.493-2.44-4.46-4.129-7.91-4.129z' fill='%236F7780'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.787 6.2c-1.707 0-3.508.593-4.748 1.605-.836.683-1.586 1.607-1.961 2.848-.375 1.24-.388 2.841.328 4.906a.474.474 0 1 1-.897.31c-.769-2.216-.782-4.025-.34-5.49.442-1.463 1.324-2.537 2.27-3.309 1.428-1.165 3.448-1.819 5.348-1.819 2.249 0 4.304.829 5.761 2.319 1.46 1.494 2.292 3.625 2.136 6.175a2.239 2.239 0 0 1-.669 1.483c-.437.422-1.07.675-1.883.675-.977 0-1.674-.262-2.143-.697-.465-.431-.647-.977-.704-1.43-.012-.097-.021-.206-.031-.324-.037-.438-.084-.999-.334-1.528a1.871 1.871 0 0 0-.685-.803c-.32-.205-.779-.355-1.448-.355-1.077 0-1.696.349-2.045.77-.36.435-.49 1.017-.451 1.576.08 1.126.627 2.62 1.544 3.68 1 1.156 1.901 1.583 2.518 1.875.162.077.304.144.423.213a.475.475 0 0 1-.474.822 4.473 4.473 0 0 0-.308-.152c-.597-.279-1.726-.806-2.877-2.137C7.06 16.19 6.438 14.5 6.344 13.18c-.052-.735.114-1.58.668-2.248.565-.683 1.477-1.114 2.775-1.114.815 0 1.459.184 1.959.504s.823.754 1.033 1.198c.333.708.396 1.51.43 1.93.006.087.012.158.018.208.039.308.154.618.407.853.25.23.692.444 1.498.444.61 0 .992-.185 1.225-.409.237-.23.36-.54.38-.858.14-2.301-.608-4.165-1.868-5.454C13.606 6.941 11.802 6.2 9.787 6.2z' fill='%236F7780'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.247 8.37c-1.929.279-2.894 1.106-3.557 2.053-.953 1.36-1.367 5.01 1.776 8.438a.474.474 0 0 1-.7.641c-3.39-3.698-3.104-7.838-1.854-9.624.804-1.147 1.997-2.133 4.216-2.45l.015-.002.016-.001c2.046-.158 3.602.44 4.644 1.506 1.032 1.056 1.508 2.521 1.508 4.015a.475.475 0 0 1-.949 0c0-1.302-.415-2.51-1.238-3.352-.812-.831-2.072-1.36-3.877-1.224z' fill='%236F7780'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.789 12.252c.262 0 .474.213.474.475 0 .618.076 1.238.356 1.848.279.606.774 1.235 1.667 1.844 1.578 1.078 3.513 1.085 4.067 1.085a.475.475 0 0 1 0 .948h-.01c-.571 0-2.762 0-4.592-1.249-1.015-.694-1.634-1.45-1.994-2.232-.358-.779-.443-1.55-.443-2.244 0-.262.213-.475.475-.475z' /%3E%3C/svg%3E"); --icon-error: url("data: image/svg+xml,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 14.667A6.667 6.667 0 1 0 8 1.333a6.667 6.667 0 0 0 0 13.334z' fill='%23D00E17' stroke='%23D00E17' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 4.583a.75.75 0 0 1 .75.75V8a.75.75 0 0 1-1.5 0V5.333a.75.75 0 0 1 .75-.75z' fill='%23fff'/%3E%3Cpath d='M8.667 10.667a.667.667 0 1 1-1.334 0 .667.667 0 0 1 1.334 0z' fill='%23fff'/%3E%3C/svg%3E"); --button-height: var(--base-form-element-height); --input-height: var(--base-form-element-height); --input-background-color: var(--widget-background-color); --input-text-color: var(--font-default-color); --social-button-border-width: 1px; --social-button-border-color: var(--gray-mid); --secondary-button-border-color: var(--gray-mid); --secondary-button-text-color: var(--font-default-color); --radio-button-border-color: var(--gray-mid); --spacing: 8px; --spacing-1: var(--spacing); --spacing-2: calc(var(--spacing)*2); --spacing-3: calc(var(--spacing)*3); --spacing-4: calc(var(--spacing)*4); --spacing-5: calc(var(--spacing)*5); --spacing-6: calc(var(--spacing)*6); --spacing-6-5: calc(var(--spacing)*6.5); --spacing-7: calc(var(--spacing)*7); --spacing-8: calc(var(--spacing)*8); --spacing-9: calc(var(--spacing)*9); --spacing-10: calc(var(--spacing)*10); --spacing-11: calc(var(--spacing)*11); --spacing-12: calc(var(--spacing)*12); --spacing-13: calc(var(--spacing)*13); --spacing-14: calc(var(--spacing)*14); --spacing-15: calc(var(--spacing)*15); --spacing-16: calc(var(--spacing)*16); --spacing-17: calc(var(--spacing)*17); --spacing-18: calc(var(--spacing)*18); --spacing-19: calc(var(--spacing)*19); --spacing-20: calc(var(--spacing)*20); --base-form-element-height: var(--spacing-6-5); --prompt-width: calc(var(--spacing)*50); --outer-padding: calc(var(--spacing)*10); --prompt-min-height: calc(var(--spacing)*67.5); --transition-speed: 0.15s; --transition-easing: ease-in-out; --border-default-color: var(--gray-mid); --button-border-width: 1px; --box-border-color: transparent; --box-border-width: 0; --box-border-style: solid; --out-input-border-radius: 3px; --out-input-padding: 0 var(--spacing-2); --out-input-box-shadow-depth: 0 0 0 1px; --out-input-line-height: var(--input-height); --out-input-label-top: 50%; --out-input-label-top-focus: -2px; --out-input-label-transform: translateY(-50%); --out-input-label-transform-focus: scale(0.88) translateX(calc(-1*var(--spacing-1))) translateY(-50%); --out-input-border-color: var(--border-default-color); --out-input-border-width: 1px; --input-box-shadow-depth: var(--out-input-box-shadow-depth); --input-border-radius: var(--out-input-border-radius); --input-padding: var(--out-input-padding); --input-line-height: var(--out-input-line-height); --input-label-top: var(--out-input-label-top); --input-label-top-focus: var(--out-input-label-top-focus); --input-label-transform: var(--out-input-label-transform); --input-label-transform-focus: var(--out-input-label-transform-focus); --input-border-color: var(--out-input-border-color); --input-border-width: var(--out-input-border-width); --FSI-input-border-radius: 5px 5px 0 0; --FSI-input-padding: var(--spacing-1) var(--spacing-2) 0; --FSI-input-box-shadow: none; --FSI-input-line-height: 1; --FSI-input-label-top: 50%; --FSI-input-label-top-focus: var(--spacing-1); --FSI-input-label-transform: translateY(-50%); --FSI-input-label-transform-focus: scale(0.7) translateX(-7px) translateY(-50%); --FSI-input-border-width: 0 0 1px 0; --overlay-box-shadow-size: inset 0 0 0 150px; --base-hover-color-values: 0, 0, 0; --base-hover-color: rgb(var(--base-hover-color-values)); --hover-transparency-value: 0.1; --transparency-hover-color: rgba(var(--base-hover-color-values), var(--hover-transparency-value)); --button-hover-shadow: var(--overlay-box-shadow-size) var(--transparency-hover-color); --base-focus-color: var(--link-color); --focus-transparency-value: 0.15; --transparency-focus-color: rgba(var(--link-color-values), var(--focus-transparency-value)); --button-dark-focus-shadow: var(--overlay-box-shadow-size) var(--transparency-focus-color); --border-radius-component: 3px; --border-radius-outer: 5px; --border-radius-form-elements: 3px; --button-border-radius: 3px; --radio-border-width: 1px; --radio-border-radius: var(--button-border-radius); --shadow-component-outer: 0 12px 40px rgba(0, 0, 0, 0.12); --z-index-background: -1; --z-index-base: 1; --z-index-first: 2; --z-index-second: 3; --z-index-third: 4; } body { height: 100%; background: #F0F1F3; font-family: ulp-font, -apple-system, BlinkMacSystemFont, Roboto, Helvetica, sans-serif; } .box_outter { display: flex; flex-direction: column; margin: auto; height: auto; white-space: normal; border-radius: var(--border-radius-outer); position: relative; width: var(--prompt-width); } .box_wrapper, .box_inner { flex-grow: 1; display: flex; flex-direction: column; overflow: hidden; } .box_wrapper { position: relative; } .box_inner { position: relative; font-size: var(--default-font-size); color: var(--font-default-color); background-color: var(--widget-background-color); box-shadow: var(--shadow-component-outer); border-radius: var(--border-radius-outer); border: var(--box-border-width) var(--box-border-style) var(--box-border-color); } .ddx { padding: var(--outer-padding); } .header_section { padding: var(--spacing-5) var(--spacing-5) var(--spacing-3); line-height: 1.5; text-align: center; flex-shrink: 0; } #logo { display: none; width: auto; height: 60px; position: static; margin: auto; padding: 0; background-color: transparent; background-position: center; background-size: contain; background-repeat: no-repeat; } .logo_img { display: block; object-fit: contain; max-height: var(--logo-height); max-width: 100%; margin: var(--logo-alignment); } @supports (grid-gap:1px) { .ddx_container .ddx { display: grid; align-items: center; justify-content: center; justify-items: center; grid-column-gap: calc(var(--outer-padding)*2); column-gap: calc(var(--outer-padding)*2); width: 100%; padding: var(--outer-padding); min-height: 98vh; height: fit-content; } } .header_title { margin: var(--header-title-spacing, var(--spacing-3)) 0 var(--spacing-2); font-size: var(--title-font-size); font-weight: var(--title-font-weight); letter-spacing: 0; color: var(--title-font-color); text-align: var(--header-alignment); } .header_bottom_con { text-align: var(--header-alignment); } .header_bottom_con .header_subtitle { font-size: 18px; } .header_bottom_error { text-align: left; border: 1px solid #c77; padding: 0.5em 1em; background-color: #fdd; margin-bottom: 1.8em; line-height: 1.6em; } .header_bottom_error .header_subtitle { font-weight: bold; } /* content_section */ .content_section { padding: 0 var(--spacing-5) var(--spacing-8); text-align: center; flex-shrink: 0; } /* input */ .input_box { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: space-between; flex-wrap: wrap; transition: box-shadow .2s ease-in-out, border-color .2s ease-in-out; background-color: var(--input-background-color); } .input_box.focus .input, .input_box:focus-within .input_outline_text { color: var(--base-focus-color); } .input_box.focus .input, .input_box:focus-within .input { box-shadow: var(--input-box-shadow-depth) var(--base-focus-color); border-color: var(--base-focus-color); } .input:focus~.input_outline_text, .input:valid~.input_outline_text, .input:-webkit-autofill~.input_outline_text, .input[readonly]~.input_outline_text { top: var(--input-label-top-focus); transform: var(--input-label-transform-focus); overflow: visible; white-space: normal; color: var(--base-focus-color); } .input_label { position: absolute; left: var(--spacing-2); color: var(--font-light-color); background-color: var(--input-background-color); z-index: var(--z-index-base); padding: 1px 6px; top: var(--input-label-top); transform: var(--input-label-transform); transition: transform .15s ease-in-out, top .15s ease-in-out, padding .15s ease-in-out; transform-origin: 0; max-width: 90%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .input:not(:-webkit-autofill) { animation-name: onAutoFillFinish; } .input:-webkit-autofill { animation-name: onAutoFillStart; } .input { border-style: solid; -webkit-appearance: none; font-family: inherit; font-size: var(--lg-font-size); height: var(--input-height); line-height: var(--base-line-height); outline: none; padding: 0 44px; width: 100%; color: var(--input-text-color); background-color: var(--input-background-color); transition: box-shadow .2s ease-in-out, border-color .2s ease-in-out; border-radius: var(--input-border-radius); border: var(--input-border-width) solid var(--input-border-color); } .sms .input { padding: 0 16px; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input:-webkit-autofill, input:-webkit-autofill.focus, input:-webkit-autofill:active, input:-webkit-autofill:focus, input:-webkit-autofill:hover { -webkit-box-shadow: 0 0 0 30px var(--input-background-color) inset !important; transition: none; } .no-js { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } .input_outline_text { position: absolute; left: var(--spacing-5); color: var(--font-light-color); background-color: var(--input-background-color); z-index: var(--z-index-base); padding: 1px 6px; top: var(--input-label-top); transform: var(--input-label-transform); transition: transform .15s ease-in-out, top .15s ease-in-out, padding .15s ease-in-out; transform-origin: 0; max-width: 90%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: var(--spacing-1); font-size: var(--lg-font-size); pointer-events: none; } .phone_input { padding: 0 20px; } .icon_style { position: absolute; left: 10px; } .icon_right_style { width: 36px; height: 30px; position: absolute; right: 4px; top: 16px; cursor: pointer; } .icon_right_closeeyes { background: url("data: image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' %3E%3Cpath d='M2,5.27L3.28,4L20,20.72L18.73,22L15.65,18.92C14.5,19.3 13.28,19.5 12,19.5C7,19.5 2.73,16.39 1,12C1.69,10.24 2.79,8.69 4.19,7.46L2,5.27M12,9A3,3 0 0,1 15,12C15,12.35 14.94,12.69 14.83,13L11,9.17C11.31,9.06 11.65,9 12,9M12,4.5C17,4.5 21.27,7.61 23,12C22.18,14.08 20.79,15.88 19,17.19L17.58,15.76C18.94,14.82 20.06,13.54 20.82,12C19.17,8.64 15.76,6.5 12,6.5C10.91,6.5 9.84,6.68 8.84,7L7.3,5.47C8.74,4.85 10.33,4.5 12,4.5M3.18,12C4.83,15.36 8.24,17.5 12,17.5C12.69,17.5 13.37,17.43 14,17.29L11.72,15C10.29,14.85 9.15,13.71 9,12.28L5.6,8.87C4.61,9.72 3.78,10.78 3.18,12Z' fill='%230A66C2'/%3E%3C/svg%3E") right center no-repeat; } .icon_right_openeyes { background: url("data: image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' %3E%3Cpath d='M12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9M12,4.5C17,4.5 21.27,7.61 23,12C21.27,16.39 17,19.5 12,19.5C7,19.5 2.73,16.39 1,12C2.73,7.61 7,4.5 12,4.5M3.18,12C4.83,15.36 8.24,17.5 12,17.5C15.76,17.5 19.17,15.36 20.82,12C19.17,8.64 15.76,6.5 12,6.5C8.24,6.5 4.83,8.64 3.18,12Z' fill='%230A66C2'/%3E%3C/svg%3E") right center no-repeat; } #logo.icon_check { background:url("data: image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill%3D%22%2343C428%22 d%3D%22M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z%22 %2F%3E%3C%2Fsvg%3E") center no-repeat; display: block !important; margin: 50px auto 30px; height: 120px; background-size: contain; width: 100%; } #logo.icon_error { background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill%3D%22%23D32F2F%22 d%3D%22M8.27,3L3,8.27V15.73L8.27,21H15.73C17.5,19.24 21,15.73 21,15.73V8.27L15.73,3M9.1,5H14.9L19,9.1V14.9L14.9,19H9.1L5,14.9V9.1M9.12,7.71L7.71,9.12L10.59,12L7.71,14.88L9.12,16.29L12,13.41L14.88,16.29L16.29,14.88L13.41,12L16.29,9.12L14.88,7.71L12,10.59%22 %2F%3E%3C%2Fsvg%3E") center no-repeat; display: block !important; margin: 50px auto 30px; height: 120px; background-size: contain; width: 100%; } #logo.icon_info { background:url('data:image/svg+xml,') center no-repeat; display: block !important; margin: 50px auto 30px; height: 120px; background-size: contain; width: 100%; } .submit_contibue { display: flex; align-items: center; justify-content: center; position: relative; width: 100%; padding: 4px var(--spacing-2); margin-top: var(--spacing-3); min-height: var(--button-height); font-family: inherit; font-size: var(--lg-font-size); font-weight: var(--font-default-weight); outline: none; cursor: pointer; color: var(--button-font-color); border: 0; border-radius: var(--button-border-radius); transition: background-color .25s ease-in-out, box-shadow .25s ease-in-out; background-color: #635DFF; color: #ffffff; text-decoration: none; } .gray_btn { background-color: var(--bg-7f-color); } .submit_contibue:hover { box-shadow: var(--button-hover-shadow); } .prompt_box { text-align: left; margin: var(--spacing-2) 0 0 0; } .prompt_txt_box { color: var(--gray-dark); } .phone_num { font-weight: var(--font-bold-weight); } .resend { position: absolute; right: 10px; top: 16.5px; color: var(--base-focus-color); font-size: inherit; font-weight: var(--font-bold-weight); outline: none; background-color: transparent; border: none; } .prompt_link { width: 100%; border: none; background-color: transparent; border-radius: var(--border-radius-component); padding: 4px; font-weight: var(--font-bold-weight); font-size: 15px; color: var(--link-color); text-decoration: none; line-height: 1.5; text-align: center; cursor: pointer; } .other_methods_line { width: 100%; display: flex; flex-direction: row; text-transform: uppercase; border: none; font-size: 12px; font-weight: 500; margin: 0; padding: var(--spacing-3) 0 0 0; } .other_methods_line:before, .other_methods_line:after { content: ""; border-bottom: 1px solid var(--border-default-color); flex: 1 0 auto; height: 0.75em; margin: 0; } .other_or { text-align: center; flex: 0.2 0 auto; margin: 0; } .other_methods_list { margin-top: var(--spacing-3); } .other_method:not(:last-child) { margin-bottom: var(--spacing-1); } .other_method2:not(:last-child) { margin-bottom: var(--spacing-2); } .other_method_button { display: flex; position: relative; padding: 0 var(--spacing-1) 0 var(--spacing-6-5); background: var(--widget-background-color); align-items: center; width: 100%; font-size: var(--lg-font-size); font-family: inherit; height: var(--button-height); border: 1px solid #c2c8d0; border: var(--social-button-border-width) solid var(--social-button-border-color); border-radius: var(--button-border-radius); color: var(--secondary-button-text-color); cursor: pointer; outline: 0; transition: box-shadow var(--transition-speed) var(--transition-easing), background-color var(--transition-speed) var(--transition-easing); } .other_method_button[disabled] { cursor: default; } .other_method_button[disabled] .right_prompt { cursor: default; color: var(--bg-7f-color); } .other_method_logo { position: absolute; left: calc(var(--spacing-6-5)/2); top: 52%; transform: translateX(-50%) translateY(-50%); display: inline-block; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: 50%; } .other_method_logo[data-provider^=google] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' %3E%3Cpath d='M21.35,11.1H12.18V13.83H18.69C18.36,17.64 15.19,19.27 12.19,19.27C8.36,19.27 5,16.25 5,12C5,7.9 8.2,4.73 12.2,4.73C15.29,4.73 17.1,6.7 17.1,6.7L19,4.72C19,4.72 16.56,2 12.1,2C6.42,2 2.03,6.8 2.03,12C2.03,17.05 6.16,22 12.25,22C17.6,22 21.5,18.33 21.5,12.91C21.5,11.76 21.35,11.1 21.35,11.1V11.1Z' fill='%230A66C2'/%3E%3C/svg%3E"); } .other_method_logo[data-provider^=sms_auth] { background-image: url("data: image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' %3E%3Cpath d='M20,2A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H6L2,22V4C2,2.89 2.9,2 4,2H20M4,4V17.17L5.17,16H20V4H4M6,7H18V9H6V7M6,11H15V13H6V11Z' /%3E%3C/svg%3E"); } .other_method_logo[data-provider^=link] { background-image: url("data: image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' %3E%3Cpath d='M10.59,13.41C11,13.8 11,14.44 10.59,14.83C10.2,15.22 9.56,15.22 9.17,14.83C7.22,12.88 7.22,9.71 9.17,7.76V7.76L12.71,4.22C14.66,2.27 17.83,2.27 19.78,4.22C21.73,6.17 21.73,9.34 19.78,11.29L18.29,12.78C18.3,11.96 18.17,11.14 17.89,10.36L18.36,9.88C19.54,8.71 19.54,6.81 18.36,5.64C17.19,4.46 15.29,4.46 14.12,5.64L10.59,9.17C9.41,10.34 9.41,12.24 10.59,13.41M13.41,9.17C13.8,8.78 14.44,8.78 14.83,9.17C16.78,11.12 16.78,14.29 14.83,16.24V16.24L11.29,19.78C9.34,21.73 6.17,21.73 4.22,19.78C2.27,17.83 2.27,14.66 4.22,12.71L5.71,11.22C5.7,12.04 5.83,12.86 6.11,13.65L5.64,14.12C4.46,15.29 4.46,17.19 5.64,18.36C6.81,19.54 8.71,19.54 9.88,18.36L13.41,14.83C14.59,13.66 14.59,11.76 13.41,10.59C13,10.2 13,9.56 13.41,9.17Z' /%3E%3C/svg%3E"); } .other_method_logo[data-provider^=form_password] { background-image: url("data: image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' %3E%3Cpath d='M12,1A5,5 0 0,0 7,6V8H6A2,2 0 0,0 4,10V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V10A2,2 0 0,0 18,8H17V6A5,5 0 0,0 12,1M12,2.9C13.71,2.9 15.1,4.29 15.1,6V8H8.9V6C8.9,4.29 10.29,2.9 12,2.9M12.19,10.5C13.13,10.5 13.88,10.71 14.42,11.12C14.96,11.54 15.23,12.1 15.23,12.8C15.23,13.24 15.08,13.63 14.79,14C14.5,14.36 14.12,14.64 13.66,14.85C13.4,15 13.23,15.15 13.14,15.32C13.05,15.5 13,15.72 13,16H11C11,15.5 11.1,15.16 11.29,14.92C11.5,14.68 11.84,14.4 12.36,14.08C12.62,13.94 12.83,13.76 13,13.54C13.14,13.33 13.22,13.08 13.22,12.8C13.22,12.5 13.13,12.28 12.95,12.11C12.77,11.93 12.5,11.85 12.19,11.85C11.92,11.85 11.7,11.92 11.5,12.06C11.34,12.2 11.24,12.41 11.24,12.69H9.27C9.22,12 9.5,11.4 10.05,11.04C10.59,10.68 11.3,10.5 12.19,10.5M11,17H13V19H11V17Z' fill='%230A66C2'/%3E%3C/svg%3E"); } .other_method_logo[data-provider^=password] { background-image: url("data: image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' %3E%3Cpath d='M17,7H22V17H17V19A1,1 0 0,0 18,20H20V22H17.5C16.95,22 16,21.55 16,21C16,21.55 15.05,22 14.5,22H12V20H14A1,1 0 0,0 15,19V5A1,1 0 0,0 14,4H12V2H14.5C15.05,2 16,2.45 16,3C16,2.45 16.95,2 17.5,2H20V4H18A1,1 0 0,0 17,5V7M2,7H13V9H4V15H13V17H2V7M20,15V9H17V15H20M8.5,12A1.5,1.5 0 0,0 7,10.5A1.5,1.5 0 0,0 5.5,12A1.5,1.5 0 0,0 7,13.5A1.5,1.5 0 0,0 8.5,12M13,10.89C12.39,10.33 11.44,10.38 10.88,11C10.32,11.6 10.37,12.55 11,13.11C11.55,13.63 12.43,13.63 13,13.11V10.89Z' fill='%23000000'/%3E%3C/svg%3E"); } .other_method_logo[data-provider^=message] { background-image: url("data: image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' %3E%3Cpath d='M17,11H15V9H17M13,11H11V9H13M9,11H7V9H9M20,2H4A2,2 0 0,0 2,4V22L6,18H20A2,2 0 0,0 22,16V4C22,2.89 21.1,2 20,2Z' fill='%230A66C2'/%3E%3C/svg%3E"); } .other_method_logo[data-provider^=usb] { background-image: url("data: image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' %3E%3Cpath d='M8 15C8.55 15 9 15.45 9 16C9 16.55 8.55 17 8 17C7.45 17 7 16.55 7 16C7 15.45 7.45 15 8 15M15.07 4.69L16.5 6.1L15.07 7.5L13.66 6.1L15.07 4.69M17.9 7.5L19.31 8.93L17.9 10.34L16.5 8.93L17.9 7.5M8 13C6.34 13 5 14.34 5 16C5 17.66 6.34 19 8 19C9.66 19 11 17.66 11 16C11 14.34 9.66 13 8 13M9.77 4.33L10.5 5.08L14.29 1.29C14.47 1.11 14.72 1 15 1C15.28 1 15.53 1.11 15.71 1.29L22.78 8.36L22.78 8.37C22.92 8.54 23 8.76 23 9C23 9.3 22.87 9.57 22.66 9.76L22.66 9.76L18.93 13.5L19.67 14.23L12.95 20.95C11.68 22.22 9.93 23 8 23C4.13 23 1 19.87 1 16C1 14.07 1.78 12.32 3.05 11.05L9.77 4.33M20.59 9L15 3.41L11.93 6.5L17.5 12.08L20.59 9Z' /%3E%3C/svg%3E"); } .other_method_logo[data-provider^=fingerprint] { background-image: url("data: image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' %3E%3Cpath d='M17.81,4.47C17.73,4.47 17.65,4.45 17.58,4.41C15.66,3.42 14,3 12,3C10.03,3 8.15,3.47 6.44,4.41C6.2,4.54 5.9,4.45 5.76,4.21C5.63,3.97 5.72,3.66 5.96,3.53C7.82,2.5 9.86,2 12,2C14.14,2 16,2.47 18.04,3.5C18.29,3.65 18.38,3.95 18.25,4.19C18.16,4.37 18,4.47 17.81,4.47M3.5,9.72C3.4,9.72 3.3,9.69 3.21,9.63C3,9.47 2.93,9.16 3.09,8.93C4.08,7.53 5.34,6.43 6.84,5.66C10,4.04 14,4.03 17.15,5.65C18.65,6.42 19.91,7.5 20.9,8.9C21.06,9.12 21,9.44 20.78,9.6C20.55,9.76 20.24,9.71 20.08,9.5C19.18,8.22 18.04,7.23 16.69,6.54C13.82,5.07 10.15,5.07 7.29,6.55C5.93,7.25 4.79,8.25 3.89,9.5C3.81,9.65 3.66,9.72 3.5,9.72M9.75,21.79C9.62,21.79 9.5,21.74 9.4,21.64C8.53,20.77 8.06,20.21 7.39,19C6.7,17.77 6.34,16.27 6.34,14.66C6.34,11.69 8.88,9.27 12,9.27C15.12,9.27 17.66,11.69 17.66,14.66A0.5,0.5 0 0,1 17.16,15.16A0.5,0.5 0 0,1 16.66,14.66C16.66,12.24 14.57,10.27 12,10.27C9.43,10.27 7.34,12.24 7.34,14.66C7.34,16.1 7.66,17.43 8.27,18.5C8.91,19.66 9.35,20.15 10.12,20.93C10.31,21.13 10.31,21.44 10.12,21.64C10,21.74 9.88,21.79 9.75,21.79M16.92,19.94C15.73,19.94 14.68,19.64 13.82,19.05C12.33,18.04 11.44,16.4 11.44,14.66A0.5,0.5 0 0,1 11.94,14.16A0.5,0.5 0 0,1 12.44,14.66C12.44,16.07 13.16,17.4 14.38,18.22C15.09,18.7 15.92,18.93 16.92,18.93C17.16,18.93 17.56,18.9 17.96,18.83C18.23,18.78 18.5,18.96 18.54,19.24C18.59,19.5 18.41,19.77 18.13,19.82C17.56,19.93 17.06,19.94 16.92,19.94M14.91,22C14.87,22 14.82,22 14.78,22C13.19,21.54 12.15,20.95 11.06,19.88C9.66,18.5 8.89,16.64 8.89,14.66C8.89,13.04 10.27,11.72 11.97,11.72C13.67,11.72 15.05,13.04 15.05,14.66C15.05,15.73 16,16.6 17.13,16.6C18.28,16.6 19.21,15.73 19.21,14.66C19.21,10.89 15.96,7.83 11.96,7.83C9.12,7.83 6.5,9.41 5.35,11.86C4.96,12.67 4.76,13.62 4.76,14.66C4.76,15.44 4.83,16.67 5.43,18.27C5.53,18.53 5.4,18.82 5.14,18.91C4.88,19 4.59,18.87 4.5,18.62C4,17.31 3.77,16 3.77,14.66C3.77,13.46 4,12.37 4.45,11.42C5.78,8.63 8.73,6.82 11.96,6.82C16.5,6.82 20.21,10.33 20.21,14.65C20.21,16.27 18.83,17.59 17.13,17.59C15.43,17.59 14.05,16.27 14.05,14.65C14.05,13.58 13.12,12.71 11.97,12.71C10.82,12.71 9.89,13.58 9.89,14.65C9.89,16.36 10.55,17.96 11.76,19.16C12.71,20.1 13.62,20.62 15.03,21C15.3,21.08 15.45,21.36 15.38,21.62C15.33,21.85 15.12,22 14.91,22Z' fill='%230A66C2'/%3E%3C/svg%3E"); } @media only screen and (max-width: 600px) { body, html { height: 100%; } .ddx_container .ddx { width: auto; padding: 0; margin: 0; justify-content: center; } .box_outter { width: 100vw; min-height: 100%; border-radius: initial; box-shadow: none; grid-area: center; } @supports (grid-gap:1px) { .ddx_container .ddx { display: grid; align-items: center; justify-content: center; justify-items: center; grid-template-rows: [left-start center-start right-start] 1fr [left-end center-end right-end]; grid-template-columns: [left-start center-start] 1fr [left-end right-start] 1fr [center-end right-end]; grid-column-gap: calc(var(--outer-padding)*2); column-gap: calc(var(--outer-padding)*2); width: 100%; min-height: 98vh; height: fit-content; } } } .sms .input_outline_text { position: absolute; left: var(--spacing-2); color: var(--font-light-color); background-color: var(--input-background-color); z-index: var(--z-index-base); padding: 1px 6px; top: var(--input-label-top); transform: var(--input-label-transform); transition: transform .15s ease-in-out, top .15s ease-in-out, padding .15s ease-in-out; transform-origin: 0; max-width: 90%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: var(--spacing-1); font-size: var(--lg-font-size); pointer-events: none; } /* verify_methods */ .other_method_logo[data-provider^=phone] { width: 24px; height: 24px; background: url("data: image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' %3E%3Cpath d='M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10M6,7H18V9H6V7M6,11H15V13H6V11Z' /%3E%3C/svg%3E") left 2px no-repeat; } /* verify_methods */ .other_method_logo[data-provider^=wechat] { width: 24px; height: 24px; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M1 9H3V11H1V9M9 3H11V7H9V3M7 9H11V13H9V11H7V9M13 9H15V11H17V9H19V11H17V13H19V17H17V19H15V17H11V19H9V15H13V13H15V11H13V9M17 17V13H15V17H17M13 1H19V7H13V1M15 3V5H17V3H15M1 1H7V7H1V1M3 3V5H5V3H3M1 13H7V19H1V13M3 15V17H5V15H3Z%22%20%2F%3E%3C%2Fsvg%3E") left 2px no-repeat; } .other_method_logo[data-provider^=key] { width: 24px; height: 24px; background: url("data: image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' %3E%3Cpath d='M8 13C9.66 13 11 14.34 11 16C11 17.66 9.66 19 8 19C6.34 19 5 17.66 5 16C5 14.34 6.34 13 8 13M8 15C7.45 15 7 15.45 7 16C7 16.55 7.45 17 8 17C8.55 17 9 16.55 9 16C9 15.45 8.55 15 8 15M9.77 4.33L10.5 5.08L14.29 1.29C14.47 1.11 14.72 1 15 1C15.28 1 15.53 1.11 15.71 1.29L22.78 8.36L22.78 8.37C22.92 8.54 23 8.76 23 9C23 9.3 22.87 9.57 22.66 9.76L22.66 9.76L18.93 13.5L19.67 14.23L12.95 20.95C11.68 22.22 9.93 23 8 23C4.13 23 1 19.87 1 16C1 14.07 1.78 12.32 3.05 11.05L9.77 4.33M11.54 19.54L16.84 14.23L9.77 7.16L4.46 12.46C3.56 13.37 3 14.62 3 16C3 18.76 5.24 21 8 21C9.38 21 10.63 20.44 11.54 19.54M15.07 4.69L16.5 6.1L15.07 7.5L13.66 6.1L15.07 4.69M17.9 7.5L19.31 8.93L17.9 10.34L16.5 8.93L17.9 7.5M20.59 9L15 3.41L11.93 6.5L17.5 12.08L20.59 9Z' /%3E%3C/svg%3E") left 1px no-repeat; } .other_method_logo[data-provider^=email] { width: 24px; height: 24px; background: var(--icon-email) left 1px no-repeat; } .other_method_logo[data-provider^=webauthn-platform] { width: 24px; height: 24px; background: var(--icon-webauthn-platform) left 1px no-repeat; } .other_method_logo[data-provider^=webauthn-roaming] { width: 24px; height: 24px; background: var(--icon-webauthn-roaming) left 1px no-repeat; } .center_info { font-size: var(--default-font-size); font-weight: var(--font-bold-weight); } .center_info img{ border-radius: 12px; margin-right: 4px; } .right_prompt { position: absolute; right: 12px; color: var(--base-focus-color); font-weight: var(--font-bold-weight); font-size: var(--default-font-size); } .verify_methods_list { margin-top: var(--spacing-2); } .verify_methods_list:first-child { margin-top: 0; } .verify_methods_btn { margin-top: var(--spacing-6); background-color: var(--bg-gray-lighter); border: var(--social-button-border-width) solid var(--secondary-button-border-color); color: var(--title-font-color); font-weight: var(--font-bold-weight); } /* send_email */ .send_email_btn { width: 100%; background-color: transparent; border: var(--social-button-border-width) solid var(--secondary-button-border-color); color: var(--title-font-color); font-weight: var(--font-weight-6); text-decoration: none; } /* add_security_key */ .list_prompt_icon[data-provider^=one] { min-width: 26px; height: 24px; background: url("data: image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' %3E%3Cpath d='M10,7V9H12V17H14V7H10M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z' /%3E%3C/svg%3E") no-repeat; } .list_prompt_icon[data-provider^=two] { min-width: 26px; height: 24px; background: url("data: image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' %3E%3Cpath d='M9,7V9H13V11H11A2,2 0 0,0 9,13V17H11L15,17V15H11V13H13A2,2 0 0,0 15,11V9A2,2 0 0,0 13,7H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z' /%3E%3C/svg%3E") no-repeat; } .list_prompt_icon[data-provider^=three] { min-width: 26px; height: 24px; background: url("data: image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' %3E%3Cpath d='M15,15V13.5A1.5,1.5 0 0,0 13.5,12A1.5,1.5 0 0,0 15,10.5V9C15,7.89 14.1,7 13,7H9V9H13V11H11V13H13V15H9V17H13A2,2 0 0,0 15,15M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z' /%3E%3C/svg%3E") no-repeat; } .key_list_prompt { width: 100%; height: 28px; display: flex; align-items: flex-start; } .list_info { font-size: var(--default-font-size); margin-left: var(--spacing-1); text-align: left; padding-top: 3px; } .security_list { margin-top: 0; } .wait_con { cursor: text; margin-top: var(--spacing-2); } .wait_loading { width: 100%; display: flex; align-items: center; justify-content: center; position: relative; width: 100%; padding: 4px var(--spacing-6); min-height: var(--button-height); background-color: var(--bg-gray-lighter); border: var(--social-button-border-width) solid var(--secondary-button-border-color); color: var(--title-font-color); justify-content: flex-start; border-radius: 3px; font-size: var(--lg-font-size); font-weight: var(--font-default-weight); } .loader { position: absolute; top: 26%; left: 6%; border-top: 2px solid rgba(0, 0, 0, 0.1); border-right: 2px solid rgba(0, 0, 0, 0.1); border-bottom: 2px solid rgba(0, 0, 0, 0.1); border-left: 2px solid var(--gray-dark); -moz-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateY(40%); -moz-animation: loader 1200ms infinite linear; -webkit-animation: loader 1200ms infinite linear; animation: loader 1200ms infinite linear; -moz-transition: all 1200ms ease; -o-transition: all 1200ms ease; -webkit-transition: all 1200ms ease; transition: all 1200ms ease; z-index: 9999; } .loader.error { border: 0 none; animation: none; -webkit-transform: none; transform: none; background: var(--icon-error) no-repeat; background-size: 100% 100%; } .loader, .loader:after { border-radius: 50%; width: 22px; height: 22px; } #qrcode { display: flex; justify-content: center; position: relative; overflow: hidden; } #qrcode .overlay[data-icon=expired] { background-image: url('data:image/svg+xml,'); } #qrcode .overlay[data-icon=scanned] { background-image: url('data:image/svg+xml,'); } #qrcode .overlay[data-icon=done] { background-image: url('data:image/svg+xml,'); } #qrcode .overlay[data-icon=error] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill%3D%22%23D32F2F%22 d%3D%22M8.27,3L3,8.27V15.73L8.27,21H15.73C17.5,19.24 21,15.73 21,15.73V8.27L15.73,3M9.1,5H14.9L19,9.1V14.9L14.9,19H9.1L5,14.9V9.1M9.12,7.71L7.71,9.12L10.59,12L7.71,14.88L9.12,16.29L12,13.41L14.88,16.29L16.29,14.88L13.41,12L16.29,9.12L14.88,7.71L12,10.59%22 %2F%3E%3C%2Fsvg%3E"); } #qrcode .overlay { position: absolute; width: 300px; height: 300px; top: -50px; z-index: 100; background: rgba(255, 255, 255, 0.88) no-repeat center center; background-size: 60px; display: none; cursor: pointer; transition: 0.3s; opacity: 1; } #qrcode .overlay[data-icon=expired]:hover { transform: rotate(90deg); } .qr-message { font-size: 15px; margin-top: 10px; } .footer { text-align: center; font-size: 14px; margin-bottom: 8px; } .footer a,.footer a:active { color: #aaa; text-decoration: none; } .footer a:hover { color: #999; text-decoration: none; } @keyframes onAutoFillStart { from {/**/} to {/**/} } @keyframes onAutoFillCancel { from {/**/} to {/**/} } @-webkit-keyframes loader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); border-left: 2px solid var(--gray-dark); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); border-left: 2px solid var(--gray-dark); } } @-moz-keyframes loader { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); border-left: 2px solid var(--gray-dark); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); border-left: 2px solid var(--gray-dark); } } @keyframes loader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); border-left: 2px solid var(--gray-dark); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); border-left: 2px solid var(--gray-dark); } }