<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">main.authentication {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
  min-height: 710px;
}

.authentication-form {
  width: 100%;
  max-width: 430px;
}

.authentication-form .uc-authentication {
  border: 1px solid #DADADA;
  border: 1px solid var(--cx-color-border);
  background-color: #FFFFFF;
  background-color: var(--cx-color-background);
}

/* media related css for mobile formatting */

@media (max-width: 511px) {

.verification-form {
    flex-direction: column-reverse
}
  }

.verification-form .input {
  width: 33%;
  min-width: 320px;
}

@media (max-width: 511px) {

.verification-form .input {
    align-content: center;
    width: 100%;
    height: 50%
}
  }

.verification-form .image {
  width: 67%;
  height: 100%;
}

@media (max-width: 511px) {

.verification-form .image {
    width: 100%;
    height: 50%
}
  }

.factor--button-hover &gt; .fill {
  fill: #0064E5;
  fill: var(--cx-color-interactive);
}

.factor--button-hover:hover &gt; .fill {
  fill: #FFFFFF;
  fill: var(--cx-color-background);
}

.factor--button-hover:hover {
  background-color: #0064E5;
  background-color: var(--cx-color-interactive);
  color: #FFFFFF;
  color: var(--cx-color-background);
}

.factor--button-hover:hover:active {
  background-color: #003375;
  background-color: var(--cx-color-darkInteractive);
}

body {
  margin: 0;
}

* {
  box-sizing: border-box;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;

  font-family: "Compass Sans", Helvetica, Arial, sans-serif;

  font-family: var(--font-familySans, "Compass Sans", Helvetica, Arial, sans-serif);

  font-weight: 400;

  font-weight: var(--font-weightRegular, 400);

  font-style: normal;
}

main {
  flex-grow: 1; /* Ensure that the footer is always being pushed down to the bottom. */
}

/* Override ng-cloak on main; even if all the elements are being hidden during Angular rendering,
   * we want to ensure that the main element pushes content to the bottom of the page. */

main [ng\:cloak],
  main [ng-cloak],
  main [data-ng-cloak],
  main [x-ng-cloak],
  main .ng-cloak,
  main .x-ng-cloak,
  main .ng-hide:not(.ng-hide-animate) {
    display: none !important;
  }

/* Holdovers from htmlSelectors.less. We should investigate whether these can be deprecated. */

img {
  vertical-align: middle;
}

a {
  text-decoration: none;
}

a:focus {
    outline: none;
  }

input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
}
</pre></body></html>