.extranet-sign-in {
  /* BOF CONF CSS */
  /* CONNECTION FORM */
  --extranet-sign-in-form-login-order: 10;
  --extranet-sign-in-form-password-order: 20;
  --extranet-sign-in-form-submit-order: 30;
  --extranet-sign-in-form-remember-me-order: 40;
  --extranet-sign-in-form-forgotten-password-order: 50;
  /* AUTHENTIFIED */
  --extranet-sign-in-connected-alignment: var(--extranet-form-alignment);
  --extranet-sign-in-connected-orientation: var(--extranet-form-orientation);
  --extranet-sign-in-connected-horizontal-spacing: var(--extranet-form-horizontal-spacing);
  --extranet-sign-in-connected-vertical-spacing: var(--extranet-form-vertical-spacing);
  /* --text */
  --extranet-sign-in-connected-welcome-display: block;
  --extranet-sign-in-connected-welcome-user-font-weight: inherit;
  --extranet-sign-in-connected-welcome-user-color: inherit;
  /* --logout */
  --extranet-sign-in-connected-logout-margin: 0;
  --extranet-sign-in-connected-logout-color: var(--extranet-link-color);
  --extranet-sign-in-connected-logout-colorHover: var(--extranet-link-colorHover);
  --extranet-sign-in-connected-logout-background: transparent;
  --extranet-sign-in-connected-logout-backgroundHover: transparent;
  --extranet-sign-in-connected-logout-border: none;
  --extranet-sign-in-connected-logout-borderHover: none;
  --extranet-sign-in-connected-logout-border-radius: 0;
  --extranet-sign-in-connected-logout-text-transform: none;
  --extranet-sign-in-connected-logout-text-decoration: var(--extranet-link-decoration);
  --extranet-sign-in-connected-logout-text-decorationHover: var(--extranet-link-decorationHover);
  --extranet-sign-in-connected-logout-padding: 0;
  --extranet-sign-in-connected-logout-font-weight: normal;
  --extranet-sign-in-connected-logout-font-size: inherit;
  --extranet-sign-in-connected-logout-icon-display: none;
  /* none or block */
  --extranet-sign-in-connected-logout-icon-size: 2rem;
  --extranet-sign-in-connected-logout-text-display: block;
  /* none or block */
  /* EOF CONF CSS */ }
  .extranet-sign-in_form-login {
    -webkit-order: var(--extranet-sign-in-form-login-order);
        -ms-flex-order: var(--extranet-sign-in-form-login-order);
            order: var(--extranet-sign-in-form-login-order); }
  .extranet-sign-in_form-password {
    -webkit-order: var(--extranet-sign-in-form-password-order);
        -ms-flex-order: var(--extranet-sign-in-form-password-order);
            order: var(--extranet-sign-in-form-password-order); }
  .extranet-sign-in_form-submit {
    -webkit-order: var(--extranet-sign-in-form-submit-order);
        -ms-flex-order: var(--extranet-sign-in-form-submit-order);
            order: var(--extranet-sign-in-form-submit-order); }
  .extranet-sign-in_form-remember-me {
    -webkit-order: var(--extranet-sign-in-form-remember-me-order);
        -ms-flex-order: var(--extranet-sign-in-form-remember-me-order);
            order: var(--extranet-sign-in-form-remember-me-order); }
  .extranet-sign-in_form-forgotten-password {
    -webkit-order: var(--extranet-sign-in-form-forgotten-password-order);
        -ms-flex-order: var(--extranet-sign-in-form-forgotten-password-order);
            order: var(--extranet-sign-in-form-forgotten-password-order); }
  .extranet-sign-in_connected {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    max-width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: var(--extranet-sign-in-connected-orientation);
        -ms-flex-direction: var(--extranet-sign-in-connected-orientation);
            flex-direction: var(--extranet-sign-in-connected-orientation);
    -webkit-align-items: var(--extranet-sign-in-connected-alignment);
        -ms-flex-align: var(--extranet-sign-in-connected-alignment);
            align-items: var(--extranet-sign-in-connected-alignment);
    row-gap: var(--extranet-sign-in-connected-vertical-spacing);
    -webkit-column-gap: var(--extranet-sign-in-connected-horizontal-spacing);
            column-gap: var(--extranet-sign-in-connected-horizontal-spacing); }
  .extranet-sign-in_welcome {
    display: var(--extranet-sign-in-connected-welcome-display); }
  .extranet-sign-in_user {
    font-weight: var(--extranet-sign-in-connected-welcome-user-font-weight);
    color: var(--extranet-sign-in-connected-welcome-user-color); }
  .extranet-sign-in_logout {
    transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    cursor: pointer;
    outline: none;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: .5rem;
            column-gap: .5rem;
    margin: var(--extranet-sign-in-connected-logout-margin);
    color: var(--extranet-sign-in-connected-logout-color) !important;
    background: var(--extranet-sign-in-connected-logout-background);
    border: var(--extranet-sign-in-connected-logout-border);
    border-radius: var(--extranet-sign-in-connected-logout-border-radius);
    text-transform: var(--extranet-sign-in-connected-logout-text-transform) !important;
    text-decoration: var(--extranet-sign-in-connected-logout-text-decoration);
    padding: var(--extranet-sign-in-connected-logout-padding);
    font-weight: var(--extranet-sign-in-connected-logout-font-weight);
    font-size: var(--extranet-sign-in-connected-logout-font-size); }
    .extranet-sign-in_logout:hover {
      color: var(--extranet-sign-in-connected-logout-colorHover) !important;
      background: var(--extranet-sign-in-connected-logout-backgroundHover);
      border: var(--extranet-sign-in-connected-logout-borderHover);
      text-decoration: var(--extranet-sign-in-connected-logout-text-decorationHover) !important; }
    .extranet-sign-in_logout svg {
      display: var(--extranet-sign-in-connected-logout-icon-display);
      width: var(--extranet-sign-in-connected-logout-icon-size);
      height: var(--extranet-sign-in-connected-logout-icon-size); }
    .extranet-sign-in_logout-text {
      display: var(--extranet-sign-in-connected-logout-text-display); }