:root {
	--login-modal--height: 535px;
}
.login-component {
	max-width: 930px;
	margin: 51px auto 162px auto;
	text-align: left;
	justify-content: space-between;
}
.login-component,
.lc-login-tools {
	display: flex;
}
.login-component img {
	max-width: 100% !important;
	height: auto !important;
	width: unset !important;
}
.lc-get-started,
.lc-modal-banner,
.lc-small-banner,
.lclt-forgot-password,
.signin-modal .lc-not-member,
.signin-modal .lc-forgot-password {
	display: none;
}
.signin-modal .lc-signin,
.signin-modal .lc-remember,
.signin-modal .lc-modal-banner,
.login-component .steps-slider,
.signin-modal .lclt-forgot-password {
	flex-basis: 50%;
}
.login-component h1{
	font-size: 16px;
	margin-bottom: 16px;
	/* override FTV css */
	letter-spacing: unset;
	font-weight: unset;
    text-transform: unset;
}
.lcnm-main .lcnmm-benefits{
	font-size: 16px;
	margin-bottom: 16px;
}
.lcnm-info,
.lc-not-member h1 {
	padding-left: 94px;
}
.login-component p {
	margin-bottom: 23px;
}
.login-component p,
.login-component ul,
.login-component .button,
.lc-get-started,
.lc-link,
.lc-get-started span {
	font-size: 14px;
}
.login-component .button,
.lc-forgot-password,
.lc-not-member,
.lc-get-started span,
.lc-link {
	font-weight: 600;
}
.login-component ul .medium,
.lcnm-main .lcnmm-benefits { /* override old class that's RB'd */ 
	font-weight: 700;
}
.login-component ul {
	margin-left: -39px;
}
.login-component .fabletics-form {
	padding: 0;
}
.login-component .fabletics-form input[type="text"],
.login-component .fabletics-form input[type="email"],
.login-component .fabletics-form input[type="password"] {
	font-size: 15px;
	padding: 10px;
	box-shadow: none;
	border-radius: 3px;
	-webkit-appearance: none;
}
.login-component .fabletics-form input,
.lcnmm-banner-cta img,
.login-component li,
.lc-reset-password,
.lc-error {
	margin-bottom: 16px;
}
.login-component .fabletics-form input[type="password"] {
	margin-bottom: 8px;
}
.login-component .lc-remember {
	margin-bottom: 4px;
}
.login-component .lc-remember input {
	height: auto;
	margin-right: 2px;
}
.lc-form-label {
	margin-bottom: 3px;
    display: block;
}
.lc-sign-in-form-title {
	font-size: 15px;
	margin-bottom: 15px;
	font-weight: 700;
	font-family: var(--fonts-body-family);
	letter-spacing: unset;
}
.login-component .button,
.login-component #fb > .buttonFBLogin {
	width: 100%;
	text-align: center;
}
.login-component .button {
    line-height: 22px;
    padding: 9px 12px;
	margin-bottom: 16px;
	margin-left: 0px;
    background: unset;
    background-color: #ff906d;
    opacity: 1;
    cursor: pointer;
    transition: all 0.3s ease;
}
.login-component #fb > .buttonFBLogin {
	border: 2px solid #4268b2;
	background-color: #fff;
	color: #4268b2;
	margin-bottom: 0;
	text-transform: unset;
	font-weight: 600;
}
.login-component .icon-facebook {
	position: relative;
}
.login-component .icon-facebook:before {
	font-size: 21px;
	position: absolute;
	top: -3px;
    left: -20px;
}
.lc-forgot-password {
	text-align: center;
	font-size: 13px;
}
.lc-link-back,
.lc-get-started {
	position: relative;
}
.lc-link-back {
	padding-left: 10px;
}
.lc-get-started span {
	position: relative;
}
.lc-link-back:before,
.lc-get-started span:before {
	content: "";
    position: absolute;
    font: 20px/1 FontAwesome;
    pointer-events: none;
    color: #2e9bad;
}
.lc-get-started span:before {
    left: 68px;
    top: 0;
    transform: rotate(-90deg);
}
.lc-link-back:before {
    transform: rotate(90deg);
    left: -3px;
    top: -1px;
}
.lc-link,
.lc-get-started span {
	color: #2e9bad;
}
.login-component .containerFBLogin {
	margin-bottom: 17px;
}
.lcnm-main {
	border-left: 2px solid #d1d1d1;
	padding-left: 94px;
}
.lc-not-member {
	flex-basis: 57%;
}
.lcnm-info,
.lcnmm-banner-cta {
	max-width: 320px;
}
.fabletics-form input[type="text"].form-field-error,
.fabletics-form input[type="password"].form-field-error {
	border: 1px solid #f64441;
}
.signin-modal .lc-signin,
.lc-password,
.lc-signin {
	box-sizing: border-box;
}
.lc-password,
.lc-signin {
	padding: 0 66px; 
}
.login-component .steps-slider {
	min-height: 595px;
}
.signin-modal .lc-modal-banner {
 	min-height: var(--login-modal--height);
}
.signin-modal .steps-slider {
	padding-top: 34px;
}
.signin-modal .lc-signin {
	max-height: var(--login-modal--height);
}
.signin-modal .login-component {
	width: 900px;
	margin: 0;
}
.signin-modal .lc-modal-banner {
	max-height: var(--login-modal--height);
}
.signin-modal .lc-modal-banner,
.signin-modal .lclt-forgot-password,
.signin-modal .lc-get-started {
	display: inherit;
}
.signin-modal .lclt-forgot-password {
	text-align: right;
	text-decoration: underline;
}
.signin-modal .lc-get-started span,
.lc-link {
	color: #2e9bad;
}	
.signin-modal .lclt-forgot-password  {
	font-size: 12px;
}
.lclt-forgot-password,
.lc-get-started span,
.lc-forgot-password,
.lc-link,
.lc-get-started span {
	cursor: pointer;
}
.lc-error {
	color: #f64441;
	font-size: 12px;
}
.signin-modal .steps-slider {
	min-height: unset;
}
.steps-slider-step.lc-password.expanded {
	left: 0;
}
.login-component button.btn-disabled {
    pointer-events: none;
    opacity: 0.5;
}
.login-component button {
    pointer-events: unset;
    opacity: 1;
}
.login-component .FL-captcha{
	text-align: -webkit-center;
	text-align: -moz-center;
    margin-bottom: 16px;
}

.pw-grp {
	position: relative;
}
.pw-grp img {
	width: 16px !important;
    height: 11px !important;
}
.field-icon {
	position: absolute;
    right: 5%;
    top: 35%;
	z-index: 2;
}
.login-component .fabletics-form .pw-grp input[type="text"] {
	margin-bottom: 8px;
}

.signin-modal .login-component .fabletics-form.FG-password-verify input[type="email"] {
	width: 100%;
}

@media (max-width: 812px) {
	.login-component {
		margin: 6.875vw auto 0 auto;
		flex-wrap: wrap;
	}
	.lclt-forgot-password,
	.lc-get-started,
	.lc-error,
	.lc-reset-password,
	.lc-link,
	.lc-get-started span,
	.login-component .button,
	.login-component p  {
		font-size: 3.750vw;
	}
	.login-component h1,
	[data-layout=account-login] .login-component h1 {
		font-size: 5vw;
		margin-bottom: 5vw;
	}
	.login-component .fabletics-form input[type="text"],
	.login-component .fabletics-form input[type="email"],
	.login-component .fabletics-form input[type="password"] {
		font-size: 3.467vw;
		padding: 2.933vw;
		border-radius: 0.938vw;
	}
	.login-component .fabletics-form input,
	.lcnmm-banner-cta img,
	.lc-get-started,
	.lc-reset-password,
	.login-component li,
	.lc-error {
		margin-bottom: 5vw;
	}
	.login-component .lc-remember input {
		margin-right: 0.625vw;
	}
	.lc-form-label {
		margin-bottom: 0.938vw;
	}
	.lc-sign-in-form-title {
		font-size: 4.688vw;
		margin-bottom: 4.688vw;
	}
	.login-component .lc-remember {
		margin-bottom: 1.250vw;
	}
	.login-component #fb > .buttonFBLogin {
		font-size: 4.063vw;
	}
	.login-component .button,
	.login-component #fb > .button {
	    line-height: 6.875vw;
	    padding: 2.813vw 3.750vw;
	    margin-bottom: 5vw;
	}
	.login-component #fb > .button {
		margin-bottom: 0;
	}
	.login-component .icon-facebook:before {
		font-size: 6.563vw;
		top: -0.938vw;
	    left: -6.250vw;
	}
	.lc-forgot-password {
		font-size: 4.063vw;
	}
	.login-component .containerFBLogin {
		margin-bottom: 5.313vw;
	}
	.lc-not-member,
	.lc-forgot-password {
		display: none;
	}
	.login-component {
		margin-left: 5vw;
		margin-right: 5vw;
	}
	.lc-small-banner {
		flex-basis: 100%;
		margin-bottom: 5vw;
		text-align: center;
	}
	.lc-small-banner,
	.lc-get-started,
	.lclt-forgot-password {
		display: block;
	}
	.lc-remember,
	.lclt-forgot-password {
		flex-basis: 50%;
	}
	.lclt-forgot-password {
		text-align: right;
		text-decoration: underline;
	}
	.lc-get-started span {
		color: #2e9bad;
	}	
	.login-component .steps-slider {
		min-height: 185.938vw;
		flex-basis: 100%;
	}
	.lc-password,
	.lc-signin {
		padding: 0;
	}
	.login-component p {
		margin-bottom: 7.188vw;
	}
	.lc-link-back:before {
	    transform: rotate(90deg);
	    left: -0.625vw;
	    top: 0;
	}
	.lc-get-started:before {
		transform: rotate(-90deg);
	    right: 30.938vw;
	    left: unset;
	    top: 0.938vw;
	    height: 3.125vw;
	    width: 3.125vw;
	}
	.lc-link-back {
		padding-left: 3.125vw;
	}
	.lc-link-back:before,
	.lc-get-started:before {
	    font: 5.313vw/1 FontAwesome;
	}
	.lc-get-started span:before {
		display: block;
		left: 18.438vw;
		font-size: 5vw;
	}
	/* BEGIN sign-in modal */
	.signin-modal .login-component {
		max-width: 930px;
		margin: 51px auto 162px auto;
	}
	.signin-modal .login-component,
	.signin-modal .lc-login-tools {
		display: flex;
	}
	.signin-modal .lc-get-started,
	.signin-modal .lc-modal-banner,
	.signin-modal .lc-small-banner,
	.signin-modal .lclt-forgot-password,
	.signin-modal .lc-not-member,
	.signin-modal .lc-forgot-password {
		display: none;
	}
	.signin-modal .lc-signin,
	.signin-modal .lc-remember,
	.signin-modal .lc-modal-banner,
	.signin-modal .login-component .steps-slider,
	.signin-modal .lclt-forgot-password {
		flex-basis: 50%;
	}
	.login-component .FL-captcha{
		text-align: -webkit-center;
		text-align: -moz-center;
		margin-bottom: 16px;
	}
	.signin-modal .login-component h1,
	.signin-modal .lcnm-main .lcnmm-benefits {
		font-size: 16px;
		margin-bottom: 16px;
	}
	.signin-modal .lcnm-info,
	.signin-modal .lc-not-member h1 {
		padding-left: 94px;
	}
	.signin-modal .login-component p {
		margin-bottom: 23px;
	}
	.signin-modal .login-component p,
	.signin-modal .login-component ul,
	.signin-modal .login-component .button,
	.signin-modal .lc-get-started,
	.signin-modal .lc-link,
	.signin-modal .lc-get-started span {
		font-size: 14px;
	}
	.signin-modal .login-component ul {
		margin-left: -39px;
	}
	.signin-modal .login-component .fabletics-form {
		padding: 0;
	}
	.signin-modal .login-component .fabletics-form input[type="text"],
	.signin-modal .login-component .fabletics-form input[type="email"],
	.signin-modal .login-component .fabletics-form input[type="password"] {
		font-size: 15px;
		padding: 10px;
	}
	.signin-modal .login-component .fabletics-form input,
	.signin-modal .lcnmm-banner-cta img,
	.signin-modal .login-component li,
	.signin-modal .lc-reset-password,
	.signin-modal .lc-error {
		margin-bottom: 16px;
	}
	.signin-modal .login-component .fabletics-form input[type="password"] {
		margin-bottom: 8px;
	}
	.signin-modal .login-component .lc-remember {
		margin-bottom: 4px;
	}
	.signin-modal .login-component .lc-remember input {
		height: auto;
		margin-right: 2px;
	}
	.signin-modal .lc-form-label {
		margin-bottom: 3px;
	    display: block;
	}
	.signin-modal .lc-sign-in-form-title {
		font-size: 15px;
		margin-bottom: 15px;
	}
	.signin-modal .login-component .button,
	.signin-modal .login-component #fb > .buttonFBLogin {
		width: 100%;
	}
	.signin-modal .login-component #fb > .button {
	    line-height: 22px;
	    padding: 8px 24px;
	    font-size: 12px;
	}
	.signin-modal .login-component .button {
	    line-height: 22px;
	    padding: 9px 12px;
	    margin-bottom: 16px;
	}
	.signin-modal .login-component #fb > .buttonFBLogin {
		margin-bottom: 0;
	}
	.signin-modal .login-component .icon-facebook {
		position: relative;
	}
	.signin-modal .login-component .icon-facebook:before {
		font-size: 21px;
		position: absolute;
		top: -3px;
	    left: -20px;
	}
	.signin-modal .lc-forgot-password {
		font-size: 13px;
	}
	.signin-modal .lc-link-back,
	.signin-modal .lc-get-started {
		position: relative;
	}
	.signin-modal .lc-link-back {
		padding-left: 10px;
	}
	.signin-modal .lc-get-started:before {
		display:none;
	}
	.signin-modal .lc-link-back:before,
	.signin-modal .lc-get-started:before {
	    font: 20px/1 FontAwesome;
	}
	.signin-modal .lc-get-started:before {
	    transform: rotate(90deg);
	    left: 0;
	    top: 0;
	}
	.signin-modal .lc-link-back:before {
	    transform: rotate(90deg);
	    left: -3px;
	    top: -1px;
	}
	.signin-modal .login-component .containerFBLogin {
		margin-bottom: 17px;
	}
	.signin-modal .lcnm-main {
		padding-left: 94px;
	}
	.signin-modal .lc-not-member {
		flex-basis: 57%;
	}
	.signin-modal .lcnm-info,
	.signin-modal .lcnmm-banner-cta {
		max-width: 320px;
	}
	.signin-modal .lc-signin,
	.signin-modal .lc-password,
	.signin-modal .lc-signin {
		box-sizing: border-box;
	}
	.signin-modal .login-component .steps-slider {
		min-height: 595px;
	}
	.signin-modal .lc-modal-banner {
	 	min-height: var(--login-modal--height);
	}
	.signin-modal .steps-slider {
		padding-top: 34px;
	}
	.signin-modal .lc-signin {
		max-height: var(--login-modal--height);
	}
	.signin-modal .login-component {
		width: 900px;
		margin: 0;
	}
	.signin-modal .lc-modal-banner {
		max-height: var(--login-modal--height);
	}
	.signin-modal .lc-modal-banner,
	.signin-modal .lclt-forgot-password,
	.signin-modal .lc-get-started {
		display: block;
	}	
	.signin-modal .lclt-forgot-password  {
		font-size: 12px;
	}
	.signin-modal .lc-error {
		font-size: 12px;
	}
	.signin-modal .steps-slider {
		min-height: unset;
	}
	.signin-modal .steps-slider-step.lc-password.expanded {
		left: 0;
	}
	/* END sign-in modal */
}

.FG-password-disable{
	pointer-events: none !important;
	opacity: 0.5 !important;
}
.steps-slider-step:not(.expanded) {
	opacity: 0;
}
/* please forgive me. its misaligned on the second form for mobile and i have no true recourse to fix this */
.fl-mobile > div[style*="z-index: 2000000000"] {
	left: 0 !important;
}

/***** FLIP-233 ******/
[data-theme*="colorTheme"] .lc-link-back:before, .lc-get-started span:before {
    color: rgb(var(--rgbValues-light-black));
}
/***** END FLIP-233 ******/