@font-face {
  font-family:Sora;
  src:url('../fonts/Sora.ttf') format('truetype');
  font-style:normal;
  font-weight:100 800;
  font-display:swap
}
@font-face {
  font-family:'Plus Jakarta Sans';
  src:url('../fonts/PlusJakartaSans.ttf') format('truetype');
  font-style:normal;
  font-weight:200 800;
  font-display:swap
}
.morapel-auth {
  --auth-blue:#03436b;
  --auth-muted:#4e6c82;
  --auth-red:#c0000c;
  --auth-border:rgba(3,67,107,.16);
  --auth-border-soft:rgba(3,67,107,.10);
  margin:0;
  background:#fff;
  color:var(--auth-blue);
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}
.morapel-auth * {
  box-sizing:border-box
}
.morapel-auth label,
.morapel-auth .label {
  text-align:left
}
.morapel-auth .auth-shell {
  display:flex;
  min-height:100vh;
  min-height:100svh;
  align-items:stretch
}
.auth-story {
  display:flex;
  flex:1 1 50%;
  min-width:0;
  padding:64px;
  align-items:flex-end;
  background-image:linear-gradient(to top,rgba(0,0,0,.3),transparent),linear-gradient(rgba(3,67,107,.2),rgba(3,67,107,.2)),var(--auth-story-image);
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  background-color:#b3a799;
}
.auth-story__copy {
  display:flex;
  flex-direction:column;
  gap:16px;
  max-width:592px;
  color:#fff
}
.morapel-auth .auth-story h2 {
  margin:0;
  color:inherit;
  font-family: Sora, sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.25;
  text-transform:none
}
.morapel-auth p {
  margin:0
}
.auth-story p {
  color:#fff;
  font-size:14px;
  line-height:1.5
}
.auth-panel {
  display:flex;
  flex:1 1 50%;
  min-width:0;
  padding:80px;
  align-items:center;
  justify-content:center
}
.auth-panel__inner {
  display:flex;
  flex-direction:column;
  gap:40px;
  width:100%;
  max-width:560px
}
.auth-content,.auth-heading {
  display:flex;
  flex-direction:column;
  gap:24px
}
.auth-panel--status .auth-content {
  gap:32px;
  text-align:center
}
.auth-panel--status .auth-heading {
  gap:12px
}
.auth-status-icon {
  display:flex;
  align-items:center;
  justify-content:center;
  align-self:center;
  width:64px;
  height:64px;
  border-radius:50%;
  background:#e4edf1;
  color:var(--auth-blue)
}
.auth-panel--status .auth-note {
  text-align:left
}
.morapel-auth .auth-field > div:has(> .password-strength-feedback) {
  width:100%;
  min-width:0
}
.morapel-auth .auth-field .password-strength-feedback {
  margin:0;
  padding:0;
  font-size:13px;
  line-height:20px
}
.morapel-auth .password-strength-feedback p {
  font-size:13px;
  line-height:20px
}
.auth-heading {
  gap:8px
}
.morapel-auth h1 {
  margin:0;
  color:var(--auth-blue);
  font-family: Sora, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.25;
  text-transform:none
}
.auth-heading p {
  color:var(--auth-muted);
  font-size:14px;
  line-height:1.5
}
.auth-form,.morapel-auth #login-form {
  display:flex;
  flex-direction:column;
  gap:24px
}
.auth-field {
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:0;
  margin:0
}
.auth-label {
  display:flex;
  gap:4px;
  margin:0;
  color:var(--auth-blue);
  font-size:13px;
  font-weight:600;
  line-height:16px
}
.auth-required {
  color:var(--auth-red)
}
.morapel-auth .form-control {
  display:block;
  width:100%;
  min-width:0;
  height:46px;
  padding:12px 16px;
  border:1px solid var(--auth-border);
  border-radius:8px;
  background:#fff;
  color:var(--auth-blue);
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  box-shadow:none
}
.morapel-auth select.form-control {
  padding-right:28px
}
.morapel-auth .form-control::placeholder {
  color:#757575;
  opacity:1
}
.morapel-auth .form-control:focus {
  outline:0;
  box-shadow:none;
  border-color:var(--auth-border)
}
.auth-input-wrap {
  display:flex;
  flex-wrap:wrap;
  min-width:0;
  border:1.5px solid var(--auth-border);
  border-radius:8px
}
.morapel-auth .auth-input-wrap>.form-control {
  flex:1 1 0;
  width:0;
  border:0;
  height:44px;
  outline: none;
}
.morapel-auth .auth-input-wrap:focus-within {
  outline:0;
  box-shadow:none
}
.morapel-auth .auth-input-wrap>.form-control:focus {
  outline:0
}
.morapel-auth a:focus-visible,.auth-button:focus-visible {
  outline:2px solid var(--auth-blue);
  outline-offset:3px
}
.auth-input-wrap>.password-strength-feedback {
  flex:1 0 100%;
  padding:8px 12px
}
.auth-button,.morapel-auth .auth-button {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  min-height:48px;
  padding:13px 32px;
  border:1px solid var(--auth-red);
  border-radius:8px;
  background:var(--auth-red);
  color:#fff;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  text-align:center;
  text-decoration:none;
  cursor:pointer;
  box-shadow:none;
  text-transform:none;
  white-space:normal
}
.morapel-auth .auth-button:hover {
  background:#a5000a;
  border-color:#a5000a;
  color:#fff
}
.morapel-auth .auth-button--secondary {
  background:#fff;
  border-color:var(--auth-border-soft);
  color:var(--auth-blue);
  font-weight:600
}
.morapel-auth .auth-button--secondary:hover {
  background:#f2f6f8;
  border-color:var(--auth-blue);
  color:var(--auth-blue)
}
.auth-actions {
  display:flex;
  flex-direction:column;
  gap:16px
}
.morapel-auth .auth-button--text {
  border-color:rgba(3, 67, 107, 0.10);
  background:transparent
  
}
.auth-login-options {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:12px 16px;
  min-height:20px
}
.auth-login-options>a {
  color:var(--auth-red);
  font-size:13px;
  line-height:16px;
  font-weight:600;
  text-decoration:none
}
.auth-login-options>a:hover {
  color:var(--auth-red);
  text-decoration:underline
}
.morapel-auth .form-footer {
  margin:0;
  padding:0
}
.morapel-auth .form-footer::after {
  display:none
}
.auth-note {
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:20px;
  background:#f1f6fa;
  border:0;
  border-radius:12px;
  color:var(--auth-muted);
  font-size:13px;
  line-height:1.5
}
.auth-note strong {
  color:var(--auth-blue);
  font-weight:700;
  line-height:16px
}
.auth-note p {
    color: #4E6C82;
    font-family: "Plus Jakarta Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.auth-logo {
  display:flex;
  align-self:flex-start;
  max-width:100%
}
.auth-logo img {
  display:block;
  width:176px;
  max-width:100%;
  height:auto
}
.auth-alert {
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:16px;
  background:#fdf2f2;
  border:1px solid rgba(192,0,12,.20);
  border-radius:8px;
  color:var(--auth-red);
  font-size:14px;
  font-weight:600
}
.auth-alert--login {
  flex-direction:row;
  align-items:center;
  gap:12px;
  padding:16px;
}
.morapel-auth .auth-alert--login,
.morapel-auth .auth-alert--login p {
  color:#C0000C;
  font-family:"Plus Jakarta Sans";
  font-size:14px;
  font-style:normal;
  font-weight:600;
  line-height:normal
}
.auth-alert__icon {
  flex:0 0 20px
}
.morapel-auth .has-error .auth-label {
  color:var(--auth-red)
}
.auth-field-errors {
  color:var(--auth-red);
  font-size:12px;
  font-weight:600;
  line-height:1.5
}
.auth-field-errors:empty {
  display:none
}
.morapel-auth .has-error .form-control,.morapel-auth .has-error .auth-input-wrap {
  border-color:var(--auth-red);
  background:#fffafa
}
.morapel-auth .has-success .auth-input-wrap {
  border-color:#00BF8F;
  align-items:center
}
.morapel-auth .has-success .auth-input-wrap::after {
  content:"";
  flex:0 0 16px;
  width:16px;
  height:16px;
  margin-right:16px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m3 8 3 3 7-7' stroke='%2300BF8F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px 16px no-repeat
}
.morapel-auth .has-success .password-strength-feedback {
  order:1
}
.auth-check,.auth-radio-group {
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin:0;
  font-size:13px;
  line-height:20px;
  color:var(--auth-muted)
}
.morapel-auth .auth-check[for="field-customer_privacy"] > span {
  min-width:0
}
.morapel-auth .auth-check[for="field-customer_privacy"] em {
  color:var(--auth-muted);
  font-family:"Plus Jakarta Sans",sans-serif;
  font-size:13px;
  font-style:normal;
  font-weight:400;
  line-height:20px
}
.auth-radio-group {
  flex-wrap:wrap
}
.auth-check input {
  position:static;
  flex:0 0 20px;
  appearance:auto;
  opacity:1;
  width:20px;
  height:20px;
  margin:0;
  accent-color:var(--auth-blue)
}
.morapel-auth .auth-check input[type="checkbox"] {
  -webkit-appearance:none;
  appearance:none;
  border:1.5px solid #03436B29;
  border-radius:4px;
  background-color:#fff;
  background-position:center;
  background-repeat:no-repeat;
  background-size:10px 8px;
  background-origin:border-box;
  cursor:pointer
}
.morapel-auth .auth-check input[type="checkbox"]:checked {
  border-color:var(--auth-blue);
  background-color:var(--auth-blue);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8' fill='none'%3E%3Cpath d='M8.33299 2L3.75012 5.6664L1.66699 3.99985' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")
}
.morapel-auth .auth-check input[type="checkbox"]:focus-visible {
  outline:2px solid var(--auth-blue);
  outline-offset:3px
}
.auth-check a {
  color:var(--auth-blue);
  text-decoration:underline
}
.auth-form-section {
  display:flex;
  flex-direction:column;
  gap:20px;
  padding:0;
  border:0
}
.morapel-auth .auth-form-section h2 {
  display:flex;
  align-items:center;
  gap:12px;
  margin:0;
  color:var(--auth-blue);
  font-family: Sora, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-transform:none
}
.auth-step {
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 24px;
  height:24px;
  border-radius:50%;
  background:rgba(3,67,107,.10);
  font-size:12px;
  font-weight:700
}
.auth-fields {
  display:flex;
  flex-wrap:wrap;
  gap:20px 16px
}
.auth-field-cell {
  flex:1 1 100%;
  min-width:0
}
.auth-field-cell--half {
  flex:1 1 calc(50% - 8px)
}
.auth-consents {
  border:0;
  padding:0;
  gap:16px
}
.morapel-auth .registration-form__invoice-fields {
  display:none
}
.morapel-auth .registration-form__invoice-fields.active {
  display:flex;
  flex-direction:column;
  gap:20px
}
.morapel-auth [hidden] {
  display:none!important
}
#registration.morapel-auth .auth-panel {
  align-items:flex-start
}
#registration.morapel-auth .auth-content,
#registration.morapel-auth .auth-form {
  gap:40px
}
@media(min-width:992px) and (max-width:1279px) {
  .auth-panel { padding:64px 40px; }
  .auth-story { padding:48px; }
}
@media(max-width:991px) {
  .auth-story {
    padding:32px;
    flex-basis:40%
  }
  .auth-panel {
    flex-basis:60%;
    padding:48px 32px
  }
  .morapel-auth .auth-story h2 {
    font-size:24px
  }
}
@media(max-width:767px) {
  .auth-shell {
    flex-direction:column
  }
  .auth-story {
    display:none
  }
  .auth-panel,#registration.morapel-auth .auth-panel {
    padding:32px 24px 48px;
    flex:1 1 auto;
    align-items:flex-start
  }
  .auth-panel__inner {
    gap:32px
  }
  .morapel-auth h1 {
    font-size:28px
  }
  .auth-field-cell--half {
    flex-basis:100%
  }
  .auth-note {
    padding:16px
  }
  .auth-button {
    padding-inline:12px
  }
}
@media(prefers-reduced-motion:reduce) {
  .morapel-auth * {
    scroll-behavior:auto;
    transition:none
  }
}