:root {
    --primary-color: #0059d6;
    --action-primary-color: #007bad;
    --link-color: var(--action-primary-color);
    --page-background-color: #000;
    --info-color: #0a66e1;
    --success-color: #0a8852;
    --error-color: #d00e17;
    --warning-color: #ffdb5f;
    --button-font-color: #fff;
    --widget-background-color: #fff;
    --gray-lightest: #f1f2f3;
    --gray-light: #dee2e6;
    --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);
    --default-font-size: 14px;
    --lg-font-size: 16px;
    --font-default-weight: 400;
    --font-bold-weight: 500;
    --title-font-size: 24px;
    --title-font-weight: var(--font-default-weight);
    --base-line-height: 1.1;
    --logo-alignment: 0 auto;
    --logo-height: 52px;
    --header-alignment: center;
    --icon-height: 20px;
    --icon-width: 20px;
    --icon-default-color: var(--gray-dark);
    --icon-auth0-badge: url("data:image/svg+xml;charset=utf-8,%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;charset=utf-8,%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;charset=utf-8,%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;charset=utf-8,%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;charset=utf-8,%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;charset=utf-8,%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;charset=utf-8,%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;charset=utf-8,%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;charset=utf-8,%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;charset=utf-8,%3Csvg width='6' height='13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1l6 5.5L0 12' stroke='%23C7CCD6' fill='none'/%3E%3C/svg%3E");
    --icon-device: url("data:image/svg+xml;charset=utf-8,%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;charset=utf-8,%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;charset=utf-8,%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;charset=utf-8,%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;charset=utf-8,%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;charset=utf-8,%3Csvg width='20' height='20' fill='none' 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' fill='%23757575'/%3E%3C/svg%3E");
    --icon-webauthn-platform: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' 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' fill='%236F7780'/%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);
    --button-hover-shadow: inset 0 0 0 150px rgba(47,70,100,0.08);
    --button-disabled-shadow: inset 0 0 0 150px rgba(47,70,100,0.16);
    --social-button-border: 1px solid var(--border-default-color);
    --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);
    --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);
    --border-width-input: 1px;
    --border-width-input-2: 2px;
    --focus-border-color: rgba(10,132,174,0.14);
    --focus-error-color: rgba(229,94,63,0.14);
    --border-radius-component: 3px;
    --border-radius-outer: 5px;
    --border-radius-form-elements: 3px;
    --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
}

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;
}


/* Frame Breaker Style */
html{ display : none ; }

/* Login Control Style */
body {
    font-family: Knowledge2017,Helvetica Neue,Arial,sans-serif;
    font-size: 18px;
    font-size: 1rem;
    line-height: 36px;
}

.mainbackgroundposition {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-size: calc(((100vw - 400px) / 2) - 32px), calc(((100vw - 400px) / 2) - 32px), cover;
    background-color: rgb(244, 244, 244);
}

.mainbackground {
    background-image: url(https://pt.confirmation.com/24/_app-data_gcs_trstatic_net/emcm-ui/bundle-profile/bundle-profile-assets/img/background-left.svg), url(https://pt.confirmation.com/24/_app-data_gcs_trstatic_net/emcm-ui/bundle-profile/bundle-profile-assets/img/background_right.svg);
    background-attachment: fixed, fixed;
    background-size: 368px, 368px;
    background-repeat: no-repeat, no-repeat;
    background-position: left center, right center;
}

@media (max-width: 1200px) {
    .mainbackground {
        background-size: calc(((100vw - 400px) / 2) - 32px), calc(((100vw - 400px) / 2) - 32px), cover;
    }
}

a {
    text-decoration: none;

}

.main_layout {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: var(--outer-padding) 0;
    min-height: 100vh;
    height: fit-content;
}

.language_div {
    height: var(--outer-padding);
    width: var(--prompt-width);
}

.languageContainer {
    margin: auto;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}


    .languageContainer a {
        color: #676767;
        
    }

    .languageContainer a:hover {
        color: #B6B6B6;
    }

.forgot {
    color: #676767
}

    .forgot:hover {
        color: #B6B6B6;
    }


.languageButton, .languageButton:hover, .languageButton:focus {
    
    font-size: var(--default-font-size);
}

    /*.languageButton:hover {
        color: #B6B6B6;
    }*/

#languageOptions {
    left: -25px;
    margin-top: 8px;
    position: relative;
    width: 500px;
    line-height: 20px;
}
    #languageOptions a {
        display: block;
        margin-bottom: 5px;
        color: #676767;
    }

    #languageOptions a:hover {
        color: #B6B6B6;
    }




.login_div {
    height: auto;
    width: var(--prompt-width);
    overflow: hidden;
    white-space: normal;
    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-top: #fa6400 4px solid;
}

.create_account_div {
    flex-grow: 1;
    height: auto;
    width: var(--prompt-width);
    text-align: center;
    white-space: normal;
    font-size: var(--default-font-size);
    display: table;
}

.create_account_link {
    vertical-align: middle;
    display: table-cell;
}

.login_inner_div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 540px;
    min-height: var(--prompt-min-height);
    position: relative;
}

.login_h1 {
    margin: 24px 0 16px;
    margin: var(--spacing-3) 0 var(--spacing-2);
    font-size: 24px;
    letter-spacing: 0;
    text-align: center;
    font-weight: 900;
    line-height: 32px;
}

.login_header {
    padding: var(--spacing-5) var(--spacing-5) var(--spacing-3);
    line-height: 1.5;
    text-align: center;
    flex-shrink: 0;
    color: #404040;
}

.loginFooter {
    background-color: rgb(77,77,77);
    height: 71px;
    height: 4.4375rem;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
}

.loginFooterInner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 100%;
}

.loginFooterInnerLink {
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 1.5rem 1.125rem;
}
.loginFooterItems {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 .75rem;
    padding: .75rem 1.125rem;
}

.loginFooterItem {
    margin-top: 1.5rem;
}

a.loginFooterItemLink {
    color: #fff;
    font-size: 14px;
}

@media (max-width: 1200px) {
    .mainbackground {
        background-size: calc(((100vw - 400px) / 2) - 32px), calc(((100vw - 400px) / 2) - 32px), cover;
    }
}

@media (max-width: 480px) {
    .loginFooterItems {
        display: none;
    }
}

@media (min-width: 48em) {
    .loginFooterItems {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        margin-bottom: 0;
        padding: 0;
    }

    .loginFooterItem {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 4.4375rem;
        margin-left: 1.125rem;
        margin-right: 1.125rem;
        margin-top: 0;
    }

    .loginFooter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        overflow: hidden;
        background-color: rgb(77,77,77);
        height: 71px;
    }

    .loginFooterContainer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 75rem;
    }
}
.u-hiddenVisually {
    border: 0 !important;
    clip: rect(1px,1px,1px,1px) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}
.loginFooterInnerLogo {
    background-image: url(https://pt.confirmation.com/24/_app-data_gcs_trstatic_net/emcm-ui/bundle-profile/bundle-profile-assets/img/tr-logo_reversed.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 9.8125rem 1.4375rem;
    height: 23px;
    height: 1.4375rem;
    width: 157px;
    width: 9.8125rem;
}

.alert {
    font-size: 14px;
    padding: 5px;
    margin-bottom: 5px;
    border: 0px;
    color: #FF0A09;
    border-radius: 0px;
    font-weight: 200;
}

    .alert a, .alert-error a {
        color: #FF0A09;
    }


.login_button {
    position: relative;
    width: 100%;
    height: var(--button-height);
    border: 0;
    margin-top: var(--spacing-3);
    padding: 0 var(--spacing-2);
    background-color: #FF9933;
    color: #333c4d;
    border-radius: 32px !important;
    font-family: Knowledge2017,Helvetica Neue,Arial,sans-serif !important;
    font-size: 18px !important;
    font-weight: var(--font-bold-weight);
    outline: none;
    cursor: pointer;
    transition: background-color .25s ease-in-out,box-shadow .25s ease-in-out;
}

.control_container {
    padding: 0 var(--spacing-5) var(--spacing-5);
    text-align: center;
    flex-shrink: 0;
}

.div_userid {
    background-color: var(--input-background-color);
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 0 var(--spacing-1) 0;
    margin-bottom: 0;
    border-radius: var(--border-radius-form-elements);
    transition: box-shadow .2s ease-in-out,border-color .2s ease-in-out;
}

.input {
    -webkit-appearance: none;
    font-family: inherit;
    font-size: var(--lg-font-size);
    border: var(--border-width-input) solid var(--border-default-color);
    height: var(--input-height);
    line-height: 1.1;
    line-height: var(--base-line-height);
    outline: none;
    padding: 0 var(--spacing-2);
    width: 100%;
    background-color: var(--input-background-color);
    transition: box-shadow .2s ease-in-out,border-color .2s ease-in-out;
    border-radius: var(--border-radius-form-elements);
}

.input:not(:-webkit-autofill) {
    -webkit-animation-name: onAutoFillFinish;
    animation-name: onAutoFillFinish;
}

#username, #password, #phone, .ulp-authenticator-selector-text {
    font-family: Arial,Helvetica,sans-serif;
}

.inner_input_div {
    position: absolute;
    left: var(--spacing-1);
    color: var(--font-light-color);
    background-color: var(--input-background-color);
    z-index: var(--z-index-base);
    padding: 1px var(--spacing-1);
    top: 50%;
    transform: translateY(-50%);
    transition: transform .15s ease-in-out,top .15s ease-in-out;
    transform-origin: 50% 0;
    pointer-events: none;
    margin-bottom: var(--spacing-1);
    font-size: var(--lg-font-size);
    text-align: left;
}

.inner_input_label {
    position: absolute;
    left: var(--spacing-1);
    color: var(--font-light-color);
    background-color: var(--input-background-color);
    z-index: var(--z-index-base);
    padding: 1px var(--spacing-1);
    top: 50%;
    transform: translateY(-50%);
    transition: transform .15s ease-in-out,top .15s ease-in-out;
    transform-origin: 50% 0;
    pointer-events: none;
    margin-bottom: var(--spacing-1);
    font-size: var(--lg-font-size);
    text-align: left;
    display: none !important;
}