@media (hover: hover) and (pointer: fine) {
  html[data-luxora-page="public"],
  html[data-luxora-page="login"],
  html[data-luxora-page="register"],
  html[data-luxora-page="public"] body,
  html[data-luxora-page="login"] body,
  html[data-luxora-page="register"] body {
    background: #000;
  }

  .public-page-luxora-label-register,
  .login-page-di,
  .register-page-di {
    margin-left: auto;
    margin-right: auto;
    max-width: 430px;
    width: 100%;
  }
}