<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
*  VARIABLES TABLE CONTENT
*
*  1.0 - General
*  2.0 - Font Family, Size and Text-Color
*  3.0 - Primary and Accent Color
*  4.0 - Non-Specify
*  5.0 - Transition
*  6.0 - Utilities
*       6.1 - Inputs, selects and text areas
*       6.2 - Buttons
*       6.3 - Links
*       6.4 - Icons
*       6.5 - Navbar
*       6.6 - Overlay
*  7.0 - Responsiveness
*/
/*** 1.0 - GENERAL ***/
/*** 2.0 - FONT FAMILY, SIZE AND TEXT-COLOR ***/
/*** 3.0 - PRIMARY AND ACCENT COLOR ***/
/*** 4.0 - NON-SPECIFY ***/
/*** 5.0 - TRANSITION ***/
/*** 6.0 - UTILITIES ***/
body[centered] {
  height: 100%;
  width: 100%;
  display: table;
  overflow: hidden;
}
body[centered] #wrapper {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  text-align: center;
}
body[centered] .overlay {
  top: 0;
}

.login-form .logo {
  width: 160px;
}
.login-form .box {
  margin-top: 40px;
}
@media screen and (min-width: 1024px) {
  .login-form {
    width: 400px;
  }
}
.login-form .bottom-links {
  margin-top: 1.75rem;
  padding: 1.75rem;
  border-top: 1px solid #c7d1d6;
  background-color: #f4f5f7;
}

@media screen and (min-width: 1024px) {
  body.b2c .login-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    width: 80%;
    gap: 50px;
  }
  body.b2c .field.box:first-of-type {
    grid-column: 1;
    grid-row: 1/3;
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
    flex-flow: column;
  }
  body.b2c .field.box:not(:first-of-type) {
    grid-column: 2;
  }
  body.b2c .login-form .box,
  body.b2c .login-form .field {
    margin: 0px;
  }
}
body.b2c .button {
  display: flex;
  align-items: center;
  gap: 5px;
}
body.b2c .title {
  margin-top: 0px;
}
</pre></body></html>