
.wd-registration-page {
	margin-right: auto;
	margin-left: auto;
	max-width: 1000px;
}

.wd-registration-page.wd-no-registration {
	max-width: 450px;
}

#customer_login {
	--wd-col-lg: 2;
	--wd-col-sm: 1;
	--wd-gap-lg: 80px;
	--wd-gap-md: 40px;
	--wd-gap-sm: 30px;
}

.register>*:last-child {
	margin-bottom: 0;
}

.wd-login-title {
	text-transform: uppercase;
	font-size: 22px;
}

.col-register-text {
	text-align: center;
}

.wd-switch-to-register {
	border-radius: var(--btn-default-brd-radius);
	color: var(--btn-default-color);
	box-shadow: var(--btn-default-box-shadow);
	background-color: var(--btn-default-bgcolor);
	text-transform: var(--btn-default-transform, var(--btn-transform, uppercase));
	font-weight: var(--btn-default-font-weight, var(--btn-font-weight, 600));
	font-family: var(--btn-default-font-family, var(--btn-font-family, inherit));
	font-style: var(--btn-default-font-style, var(--btn-font-style, unset));
}

.wd-switch-to-register:hover {
	color: var(--btn-default-color-hover);
	box-shadow: var(--btn-default-box-shadow-hover);
	background-color: var(--btn-default-bgcolor-hover);
}

.wd-switch-to-register:active {
	box-shadow: var(--btn-default-box-shadow-active);
	bottom: var(--btn-default-bottom-active);
}

.registration-info, .login-info {
	margin-bottom: 20px;
}

.wd-register-tabs :is(.col-register, .col-login) {
	animation: wd-fadeIn .7s ease;
}

.wd-register-tabs .col-register {
	display: none;
}

.active-register .col-register {
	display: block;
}

.active-register .col-login {
	display: none;
}

.with-login-reg-info :is(.registration-info, .login-info) {
	animation: wd-fadeIn .7s ease;
}

.with-login-reg-info .login-info {
	display: none;
}

.with-login-reg-info.active-register .registration-info {
	display: none;
}

.with-login-reg-info.active-register .login-info {
	display: block;
}

.register>p {
	position: relative;
}

#reg_password:focus+.woocommerce-password-strength+.woocommerce-password-hint {
	visibility: visible;
	opacity: 1;
}

.woocommerce-password-hint {
	position: absolute;
	inset-inline-end: 0;
	bottom: calc(100% + 15px);
	padding: 20px;
	max-width: 300px;
	width: 100%;
	background: var(--bgcolor-white);
	box-shadow: 0 0 4px rgba(0, 0, 0, .15);
	border-radius: var(--wd-brd-radius);
	opacity: 0;
	visibility: hidden;
	transition: opacity .5s, visibility .5s;
}

.woocommerce-password-hint:after {
	content: "";
	position: absolute;
	inset-inline-start: 30px;
	bottom: -5px;
	width: 10px;
	height: 10px;
	transform: rotate(45deg);
	background-color: inherit;
	box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, .2);
}

.woocommerce-password-strength {
	margin-top: 20px;
	margin-bottom: -10px;
	padding: 10px 20px;
	border-radius: var(--wd-brd-radius);
}

.woocommerce-password-strength:is(.short, .bad) {
	background-color: var(--notices-warning-bg);
	color: var(--notices-warning-color);
}

.woocommerce-password-strength:is(.strong, .good) {
	background-color: var(--notices-success-bg);
	color: var(--notices-success-color);
}

.woocommerce-password-strength:empty {
	display: none;
	margin: 0;
	padding: 0;
}

@media (min-width: 769px) {
	#customer_login>div:not(:first-child):last-child {
		border-inline-start: 1px solid var(--brdcolor-gray-300);
	}
	
	.col-register-text .wd-login-divider {
		display: none;
	}
}
