section.screen.screen--my-cashlib-register {
    height: 1275px;
}

.screen--my-cashlib-register {
    position: relative;
  }
  .pad-register {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    width: 50.25rem;
    border-radius: 2rem;
    padding: 3rem;
    filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.3));
    z-index: 90;
  }
  .pad-register--title {
    font-size: var(--text-4xl-m);
  }
  .pad-register--subtitle {
    font-size: var(--text-3xl-m);
    font-weight: 500;
  }
  .pad-register--form {
    display: flex;
    flex-direction: column;
    gap: var(--gap-m);
    margin: 2rem 0 4rem 0;
    font-style: var(--text-m-m);
  }
  .form-pad--row2 {
    display: flex;
    gap: 1rem;
    width: 100%;
  }
  .form-pad input.pad-register--input {
    border: 0.15em solid var(--blue-light);
    padding: 0.5em 1em;
    border-radius: 0.5rem;
  }
  .form-pad--password input.pad-register--input {
    padding-right: 3em;
  }
  .form-pad input.pad-register--input {
    border: 0.15em solid var(--blue-light);
    padding: 0.5em 1em;
    border-radius: 0.5rem;
  }
  .form-pad select.pad-register--input {
    border: 0.15em solid var(--blue-light);
    padding: 0.5em 1em;
    border-radius: 0.5rem;
    background: url('../images/picto-select-blue.svg') no-repeat right center;
    background-position: right;
    background-size: 10%;
    background-repeat: no-repeat;
    background-position-x: 95%;
  }
  .pad-register--form .form-pad--password span {
    height: 100%;
  }
  .pad-register--button {
    margin: var(--gap-sm) 0;
  }
  .pad-register--text {
    text-align: center;
    font-style: var(--text-xs-m);
  }
  .pad-register hr {
    width: 100%;
    border: 0;
    border-top: 1px solid var(--blue-light);
    margin: 1.5rem 0;
  }
  .pad-register--text a {
    color: var(--orange);
  }
  .pad-register--text a:hover {
    text-decoration: underline;
  }
  
  #registration_form_form ul {
    color: red;
    font-size: 0.9rem;
    margin: 0;
    list-style: none;
    padding: 0;
  }

  #registration_form_form li {
      color: red;
  }
  .register-f {
    display: flex;
    flex-direction: column;
    gap: var(--gap-m);
    padding-top: var(--gap-2xl);
    padding-bottom: var(--gap-2xl);
    margin: auto;
    max-height: calc(100vh - var(--menu-height));
    overflow: hidden;
    filter: blur(1rem);
  }
  .register-f-row {
    display: flex;
    gap: var(--gap-m);
  }
  .register-f-row-column {
    display: flex;
    gap: var(--gap-m);
  }
  .register-f-column-row {
    display: flex;
    flex-direction: column;
    gap: var(--gap-m);
  }
  .register-f-pad {
    border-radius: 1rem;
  }
  .register-f-pad_1 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    height: 18.5rem;
    width: 18.5rem;
    background: var(--blue-light);
  }
  .register-f-circle {
    height: 11.625rem;
    width: 11.625rem;
    border-radius: 100%;
    background: var(--orange);
  }
  .register-f-pad_2 {
    background: var(--orange);
    width: 100%;
  }
  .register-f-pad_3 {
    background: var(--orange-light);
    width: 100%;
  }
  .register-f-pad_4 {
    background: var(--blue);
    height: 7rem;
    width: 18.5rem;
  }
  .register-f-pad_5 {
    background: var(--orange);
    height: 7rem;
    width: 18.5rem;
  }
  .register-f-pad_6 {
    background: var(--blue-light);
    height: 7rem;
    width: 18.5rem;
  }
  
  @media screen and (min-width: 1024px) and (max-height: 700px) {
    .screen--my-cashlib-register {
      min-height: calc(700px + var(--menu-height));
    }
  }
  
  @media screen and (min-width: 1024px) {
    .register-f-title {
      height: 4.5rem;
    }
  }
  
  @media screen and (max-width: 1023px) {
    .pad-register {
      transform: translate(-50%, -50%) scale(0.7);
    }
    .register-f {
      padding-bottom: var(--gap-2xl);
    }
    .register-f-row-column {
      flex-direction: column;
    }
    .register-f-column-row {
      flex-direction: row;
      flex-wrap: wrap;
    }
    .register-f-title {
      height: 8rem;
    }
    .register-f-pad_3 {
      height: 18rem;
    }
    .register-f-pad_4,
    .register-f-pad_5 {
      width: calc((100% - var(--gap-m)) / 2);
    }
    .register-f-pad_6 {
      width: 100%;
    }

    section.screen.screen--my-cashlib-register {
      height: 500px;
    }
  }