html {
  box-sizing: border-box;
}

body {
  margin: 0;
}

*,
*:before,
*:after {
  box-sizing: inherit;
  -webkit-tap-highlight-color: transparent;
}

:host {
  font-family: var(--c-font-family);
}

::-ms-reveal {
  display: none;
}

:host {
  /**
   * @prop --c-login-card-title-color: Login card title text color
   */
  --_c-login-card-title-color: var(--c-login-card-title-color, var(--c-primary-600));
  display: block;
  color: var(--_c-login-card-title-color);
  font-family: var(--c-font-family);
  font-size: 40px;
  font-weight: 700;
  line-height: 1.375;
  margin: 0 0 12px;
  text-wrap: balance;
}