/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./blocks/log-in/assets/sass/log-in.scss ***!
  \**********************************************************************************************************************************************************************************************************************************/
.log-in__inner {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media all and (min-width: 768px) {
  .log-in__inner {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.log-in__content {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media all and (min-width: 768px) {
  .log-in__content {
    flex-direction: row;
  }
}
.log-in__panel {
  width: 100%;
  border-radius: 10px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media all and (min-width: 768px) {
  .log-in__panel {
    width: calc(50% - 15px);
  }
}
@media all and (min-width: 1024px) {
  .log-in__panel {
    padding: 60px;
    gap: 40px;
  }
}
.log-in__panel .heading-1:not(:last-child), .log-in__panel .heading-2:not(:last-child), .log-in__panel .heading-3:not(:last-child), .log-in__panel .heading-4:not(:last-child), .log-in__panel .heading-5:not(:last-child), .log-in__panel .heading-6:not(:last-child) {
  margin-bottom: 20px;
}
@media all and (min-width: 1024px) {
  .log-in__panel .heading-1:not(:last-child), .log-in__panel .heading-2:not(:last-child), .log-in__panel .heading-3:not(:last-child), .log-in__panel .heading-4:not(:last-child), .log-in__panel .heading-5:not(:last-child), .log-in__panel .heading-6:not(:last-child) {
    margin-bottom: 40px;
  }
}
.log-in__panel-fields {
  display: flex;
  flex-direction: column;
  gap: 20px;
  opacity: 1;
  transition: opacity 0.3s;
}
.log-in__panel-fields .input__label {
  font-weight: 600;
}
.log-in__forgot-password a {
  font-weight: 600;
  color: var(--btn-solid-background-colour);
}
.log-in__panel-btn {
  margin-top: auto;
  display: flex;
  align-items: flex-start;
  gap: 30px;
  flex-wrap: wrap;
  opacity: 1;
  transition: opacity 0.3s;
}
.log-in__form--loading {
  pointer-events: none;
}
.log-in__form--loading .log-in__panel-fields, .log-in__form--loading .log-in__panel-btn {
  opacity: 0.5;
}
.log-in__turnstile {
  margin-left: auto;
}

/**
 * Overlaps block if previous block has same background colour
 */
.block--background-color-white:not(.block--skip) + .log-in.block--background-color-white,
.block--background-color-white:not(.block--skip) + .block--skip + .log-in.block--background-color-white {
  margin-top: -30px;
}

.block--background-color-indigo-10:not(.block--skip) + .log-in.block--background-color-indigo-10,
.block--background-color-indigo-10:not(.block--skip) + .block--skip + .log-in.block--background-color-indigo-10 {
  margin-top: -30px;
}

@media all and (min-width: 768px) {
  .block--background-color-white:not(.block--skip) + .log-in.block--background-color-white,
  .block--background-color-white:not(.block--skip) + .block--skip + .log-in.block--background-color-white {
    margin-top: -80px;
  }
  .block--background-color-indigo-10:not(.block--skip) + .log-in.block--background-color-indigo-10,
  .block--background-color-indigo-10:not(.block--skip) + .block--skip + .log-in.block--background-color-indigo-10 {
    margin-top: -80px;
  }
}

/*# sourceMappingURL=block-log-in.63233cf725d6ab277b7e.css.map*/