body.login > section {
  height: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
body.login > section > aside {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-color: var(--enlivy-kit-gray-background-color);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  padding: 0 100px 220px;
}
body.login > section > aside > img, body.login > section > aside > picture > img {
  max-width: 148px;
  width: 100%;
  margin: 0 0 var(--enlivy-kit-spacing-md);
}
body.login > section > aside > picture {
  display: flex;
}
body.login > section > aside > h2 {
  font-family: var(--enlivy-kit-text-heading-font-family);
  font-size: var(--enlivy-kit-text-heading1-font-size);
  font-style: var(--enlivy-kit-text-heading-font-style);
  font-weight: var(--enlivy-kit-text-heading1-font-weight);
  line-height: var(--enlivy-kit-text-heading-line-height);
  letter-spacing: var(--enlivy-kit-text-heading-letter-spacing);
  color: var(--enlivy-kit-text-heading1-color);
  --enlivy-kit-text-heading1-color: var( --enlivy-kit-white-color );
  margin: 0 0 var(--enlivy-kit-spacing-sm);
  text-align: left;
}
body.login > section > aside > .enlivy-kit-content-from-editor {
  --enlivy-kit-text-default-color: var( --enlivy-kit-white-color );
}
body.login > section > div {
  background-color: var(--enlivy-kit-primary-background-color);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: var(--enlivy-kit-spacing-md) var(--enlivy-kit-spacing-md) 0;
}
body.login > section > div > #login {
  width: 100%;
  max-width: 520px;
  background-color: var(--enlivy-kit-primary-background-color);
  padding: var(--enlivy-kit-spacing-md);
  display: flex;
  flex-direction: column;
  border: 1px solid var(--enlivy-kit-primary-color);
  -webkit-border-radius: var(--enlivy-kit-general-border-radius);
  border-radius: var(--enlivy-kit-general-border-radius);
}
body.login > section > div > #login > h1 > a {
  background-size: 200px;
  width: 200px;
}
body.login > section > div > #login > .message {
  font-family: var(--enlivy-kit-text-overline-font-family);
  font-size: var(--enlivy-kit-text-overline-font-size);
  font-style: var(--enlivy-kit-text-overline-font-style);
  font-weight: var(--enlivy-kit-text-overline-font-weight);
  line-height: var(--enlivy-kit-text-overline-line-height);
  letter-spacing: var(--enlivy-kit-text-overline-letter-spacing);
  color: var(--enlivy-kit-text-overline-color);
  color: var(--enlivy-kit-primary-color-darken);
  background-color: rgba(var(--enlivy-kit-primary-color-rgb), 0.1);
  border: none;
  -webkit-border-radius: var(--enlivy-kit-general-border-radius);
  border-radius: var(--enlivy-kit-general-border-radius);
  box-shadow: none;
}
body.login > section > div > #login > #login_error {
  font-family: var(--enlivy-kit-text-overline-font-family);
  font-size: var(--enlivy-kit-text-overline-font-size);
  font-style: var(--enlivy-kit-text-overline-font-style);
  font-weight: var(--enlivy-kit-text-overline-font-weight);
  line-height: var(--enlivy-kit-text-overline-line-height);
  letter-spacing: var(--enlivy-kit-text-overline-letter-spacing);
  color: var(--enlivy-kit-text-overline-color);
  color: var(--enlivy-kit-status-warning-color);
  background-color: var(--enlivy-kit-status-warning-background-color);
  border: none;
  -webkit-border-radius: var(--enlivy-kit-general-border-radius);
  border-radius: var(--enlivy-kit-general-border-radius);
  box-shadow: none;
}
body.login > section > div > #login > form {
  padding: 0;
  border: none;
  box-shadow: none;
  overflow: unset;
  margin: 0 0 var(--enlivy-kit-spacing-md);
  background-color: var(--enlivy-kit-primary-background-color);
}
body.login > section > div > #login > form > p > label, body.login > section > div > #login > form > .user-pass-wrap > label {
  font-family: var(--enlivy-kit-text-overline-font-family);
  font-size: var(--enlivy-kit-text-overline-font-size);
  font-style: var(--enlivy-kit-text-overline-font-style);
  font-weight: var(--enlivy-kit-text-overline-font-weight);
  line-height: var(--enlivy-kit-text-overline-line-height);
  letter-spacing: var(--enlivy-kit-text-overline-letter-spacing);
  color: var(--enlivy-kit-text-overline-color);
  --enlivy-kit-text-overline-color: var( --enlivy-kit-black-color );
}
body.login > section > div > #login > form > p input, body.login > section > div > #login > form > .user-pass-wrap input {
  font-family: var(--enlivy-kit-text-default-font-family);
  font-size: var(--enlivy-kit-text-default-font-size);
  font-style: var(--enlivy-kit-text-default-font-style);
  font-weight: var(--enlivy-kit-text-default-font-weight);
  line-height: var(--enlivy-kit-text-default-line-height);
  letter-spacing: var(--enlivy-kit-text-default-letter-spacing);
  color: var(--enlivy-kit-text-default-color);
  color: var(--enlivy-kit-text-primary-color);
  background-color: rgba(246, 246, 247, 0.3);
  -webkit-border-radius: var(--enlivy-kit-general-border-radius);
  border-radius: var(--enlivy-kit-general-border-radius);
  border: 1px solid var(--enlivy-kit-layout-secondary-border-color);
  padding: 10px;
}
body.login > section > div > #login > form > p input:focus, body.login > section > div > #login > form > p input:focus-within, body.login > section > div > #login > form > .user-pass-wrap input:focus, body.login > section > div > #login > form > .user-pass-wrap input:focus-within {
  border: 1px solid var(--enlivy-kit-primary-color);
  outline: none;
  box-shadow: none;
}
body.login > section > div > #login > form > .user-pass-wrap {
  margin: 0 0 var(--enlivy-kit-spacing-sm);
}
body.login > section > div > #login > form > .user-pass-wrap input {
  margin: 0;
}
body.login > section > div > #login > form > .user-pass-wrap button {
  padding: 0;
  bottom: 0;
  margin: 0;
  width: auto;
  height: auto;
}
body.login > section > div > #login > form > .user-pass-wrap button:focus, body.login > section > div > #login > form > .user-pass-wrap button:focus-visible {
  outline: none;
  border: none;
  box-shadow: none;
}
body.login > section > div > #login > form > #reg_passmail {
  display: none !important;
}
body.login > section > div > #login > form > .forgetmenot {
  display: flex;
  align-items: center;
  gap: var(--enlivy-kit-spacing-sm);
  margin: var(--enlivy-kit-spacing-md) var(--enlivy-kit-spacing-sm) 8px 0;
}
body.login > section > div > #login > form > .forgetmenot > input {
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  max-width: 30px;
  max-height: 30px;
  -webkit-border-radius: var(--enlivy-kit-general-border-radius);
  border-radius: var(--enlivy-kit-general-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
}
body.login > section > div > #login > form > .submit {
  margin: var(--enlivy-kit-spacing-sm) 0 0 0;
}
body.login > section > div > #login > form > .submit > input {
  margin: 0;
  border: none;
  height: inherit;
  cursor: pointer;
  padding: 8px var(--enlivy-kit-spacing-sm);
  text-shadow: none;
  display: flex;
  align-items: center;
  align-content: center;
  text-decoration: none;
  -webkit-appearance: none;
  justify-content: center;
  width: fit-content;
  text-align: center;
  line-height: unset;
  gap: 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: var(--enlivy-kit-button-border-radius) !important;
  border-radius: var(--enlivy-kit-button-border-radius) !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-family: var(--enlivy-kit-text-default-font-family);
  font-size: var(--enlivy-kit-text-default-font-size);
  font-style: var(--enlivy-kit-text-default-font-style);
  font-weight: var(--enlivy-kit-text-default-font-weight);
  line-height: var(--enlivy-kit-text-default-line-height);
  letter-spacing: var(--enlivy-kit-text-default-letter-spacing);
  color: var(--enlivy-kit-text-default-color);
  --enlivy-kit-text-default-font-weight: var( --enlivy-kit-text-bold-font-weight );
  background: var(--enlivy-kit-button-primary-background-color);
  color: var(--enlivy-kit-button-primary-text-color);
  -webkit-border-radius: 100px !important;
  border-radius: 100px !important;
}
body.login > section > div > #login > form > .submit > input svg {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  max-width: 20px;
  max-height: 20px;
  margin: 0;
}
body.login > section > div > #login > form > .submit > input svg[data-enlivy-kit-svg-type=fill] {
  fill: var(--enlivy-kit-icon-primary-color);
}
body.login > section > div > #login > form > .submit > input svg[data-enlivy-kit-svg-type=stroke] {
  stroke: var(--enlivy-kit-icon-primary-color);
}
body.login > section > div > #login > form > .submit > input > svg > path {
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
body.login > section > div > #login > form > .submit > input:not([disabled]):hover {
  opacity: var(--enlivy-kit-button-hover-opacity);
}
body.login > section > div > #login > form > .submit > input > svg[data-enlivy-kit-svg-type=fill] {
  fill: var(--enlivy-kit-button-primary-text-color);
}
body.login > section > div > #login > form > .submit > input > svg[data-enlivy-kit-svg-type=stroke] {
  stroke: var(--enlivy-kit-button-primary-text-color);
}
body.login > section > div > #login > #nav, body.login > section > div > #login > #backtoblog {
  padding: 0;
  margin: 0;
  text-align: center;
}
body.login > section > div > #login > #nav:not(:last-child), body.login > section > div > #login > #backtoblog:not(:last-child) {
  margin: 0 0 var(--enlivy-kit-spacing-sm);
}
body.login > section > div > #login > #nav > a, body.login > section > div > #login > #backtoblog > a {
  color: var(--enlivy-kit-black-color);
}
body.login > section > div > footer {
  width: 100%;
  max-width: 600px;
  margin: var(--enlivy-kit-spacing-md) 0 var(--enlivy-kit-spacing-divider-sm);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--enlivy-kit-spacing-sm);
  row-gap: var(--enlivy-kit-spacing-sm);
}
body.login > section > div > footer > span {
  font-family: var(--enlivy-kit-text-overline-font-family);
  font-size: var(--enlivy-kit-text-overline-font-size);
  font-style: var(--enlivy-kit-text-overline-font-style);
  font-weight: var(--enlivy-kit-text-overline-font-weight);
  line-height: var(--enlivy-kit-text-overline-line-height);
  letter-spacing: var(--enlivy-kit-text-overline-letter-spacing);
  color: var(--enlivy-kit-text-overline-color);
  --enlivy-kit-text-overline-color: var( --enlivy-kit-black-color );
}
body.login > section > div > footer > ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: flex;
  align-items: center;
  gap: var(--enlivy-kit-spacing-sm);
  row-gap: 0;
  flex-wrap: wrap;
}
body.login > section > div > footer > ul > li > a {
  font-family: var(--enlivy-kit-text-overline-font-family);
  font-size: var(--enlivy-kit-text-overline-font-size);
  font-style: var(--enlivy-kit-text-overline-font-style);
  font-weight: var(--enlivy-kit-text-overline-font-weight);
  line-height: var(--enlivy-kit-text-overline-line-height);
  letter-spacing: var(--enlivy-kit-text-overline-letter-spacing);
  color: var(--enlivy-kit-text-overline-color);
  --enlivy-kit-text-overline-color: var( --enlivy-kit-black-color );
  text-decoration: none;
}
body.login > section > div > footer > ul > li > a:hover {
  --enlivy-kit-text-overline-color: rgba( var( --enlivy-kit-black-color ), 0.5 );
}
@media only screen and (max-width: 1440px) {
  body.login > section > div {
    align-items: flex-start;
  }
  body.login > section > div > #login {
    margin-left: -60px;
    z-index: 1;
  }
}
@media only screen and (max-width: 992px) {
  body.login > section > aside {
    padding: 0 100px 220px 50px;
  }
}
@media only screen and (max-width: 767px) {
  body.login > section {
    grid-template-columns: 100%;
  }
  body.login > section > aside {
    display: none;
  }
  body.login > section > div {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    align-items: center;
  }
  body.login > section > div > #login {
    margin-left: auto;
    max-width: 420px;
  }
  body.login > section > div > footer {
    flex-direction: column;
    justify-content: center;
    border-top: 1px solid rgba(var(--enlivy-kit-white-color-rgb), 0.5);
    margin-top: var(--enlivy-kit-spacing-md);
    padding-top: var(--enlivy-kit-spacing-md);
  }
  body.login > section > div > footer > span {
    text-align: center;
  }
  body.login > section > div > footer > ul {
    justify-content: center;
  }
}
@media only screen and (max-width: 575px) {
  body.login > section > div {
    padding: var(--enlivy-kit-spacing-sm) var(--enlivy-kit-spacing-sm) 0;
  }
  body.login > section > div > #login {
    max-width: fit-content;
    width: 100%;
  }
}
@media only screen and (max-width: 390px) {
  body.login > section > div {
    padding: var(--enlivy-kit-spacing-sm) var(--enlivy-kit-spacing-sm) 0;
  }
}