/*
 * The styles in here are actually not legacy: The reason why this is not bundled is that we want to
 * include it only when the access layout is used, i.e. also in <noscript>.
 */

:root {
  --login-bg: var(--primary-color); /* THEMING API */
}

.d-access {
  background-color: var(--login-bg);
  display: flex;
  height: 100%;
}

.d-access-aside {
  background-color: white;
  display: none;
  flex: 1;
}

.d-access-aside--image-box {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}

.d-access-aside--image-box img {
    max-width: 700px;
    width: 100%;
  }

@media (min-width: 1024px) {
  .d-access-main {
    width: 480px;
  }

  .d-access-aside {
    display: block;
    padding-left: 48px;
  }
}

@media (min-width: 1200px) {
  .d-access-aside {
    padding-left: 72px;
  }
}

@media (min-width: 1500px) {
  .d-access-main {
    width: 600px;
  }
}