/*
.pj-popin-big-authent {
	.pj-popin-authent {
		max-width: 96rem;
	}
	.authent-container {
		display: grid;
		grid-template-columns: 43rem auto;
		grid-template-rows: 1fr;
		gap: 1px 1px;
		grid-template-areas:
			"authent-banner authent-footer";
		height: 100%;
	}
	.authent-banner {
    background-color:yellow;
		grid-area: authent-banner;
		padding: 13rem 6rem 6rem;
		background-image: url('../images/boussole.svg'), url('../images/coeur.svg'), url('../images/poi.svg');
		background-position: -1.6rem -1.6rem,110% 35rem, -10px 104%;
		background-size: 15rem, 15rem, 11rem;
	}
	.authent-footer {
		grid-area: authent-footer;
		padding: 9rem 4rem 2rem;
	}
}
.authent-banner {
	background-size: 15rem;
	padding: 7rem;
}
.authent-footer {
	padding: 14rem;
}
*/

.pj-popin-big-authent {
	.pj-popin-authent {
		max-width: 96rem;
	}
	.authent-container {
	}
	.authent-banner {
    background-color:yellow;
	}
	#kc-content-wrapper {
		display: grid;
		grid-template-columns: calc(50% - 20px) 40px calc(50% - 20px);
		grid-template-rows: 1fr 1fr;
		grid-template-areas: "auth-left auth-divide auth-right" "auth-info auth-info auth-info";
		height: 100%;
    .pj-form {
      position: relative;
      background-color: azure;
      grid-area: auth-right;
    }
    hr,.hr {
      text-align: center;
      width:100%;
      display: block;
      color: transparent;
      background-color: transparent;
      border:none;
      position: relative;
      grid-area: auth-divide;
      &:before {
        content: "";
        position: absolute;
        display:block;
        width:2px;
        height: 100%;
        left:calc(50% - 1px);
        background-color: black;
      }
      &:after {
        color:black;
        position: absolute;
        content: "OU";
        display:block;
        background-color: white;
        height:40px;
        line-height: 40px;
        bottom:calc(50% - 20px);
        left:0;
        right:0;
      }
    }
    #kc-info {
      grid-area: auth-info;
    }
    .social-providers {
      position: relative;
      grid-area: auth-left;
    }
	}
}