.sociallogin { font-family: 'Inter' }
.sociallogin__title, .fieldset .sociallogin__title { text-transform: uppercase; font-size: 14px; text-align: center; margin-bottom: 30px; font-family: 'Inter' }
.mychange-sociallogin-list { margin-bottom: 18px; }
.mychange-sociallogin-list .mychange-sociallogin-button { margin-bottom: 10px; text-align: center; }
.mychange-sociallogin-list .mychange-sociallogin-button+.mychange-sociallogin-button { border-left: 1px solid #ddd; }
.mychange-sociallogin-button div[class*=mychange-sociallogin-] { display: inline-block; position: relative; text-align: center; border-radius: 3px; border: solid 1px #dddddd; background-color: #ffffff; width: 100%; line-height: 35px; float: left; }
.mychange-sociallogin-image { width: 36px; display: inline-block; height: 36px; vertical-align: middle; border-right: 1px solid #ccc; position: absolute; left: 0; top: 0; }
.mychange-sociallogin-facebook .mychange-sociallogin-image { background: url('//cdn-sv2.stylevana.com/images/webicons/20-09w1-FacebookGoogle-LoginButton-Con-facebook.svg') center center / 22px 22px no-repeat; }
.mychange-sociallogin-google .mychange-sociallogin-image { background: url('//cdn-sv2.stylevana.com/images/webicons/20-09w1-FacebookGoogle-LoginButton-Con-google.svg') center center / 20px 20px no-repeat; }
.mychange-sociallogin-text { width: calc(100% - 36px); float: right; height: 36px; }
.sociallogin__separate::before, .sociallogin__separate::after { content:""; position: absolute; bottom: 0; left: 0; height: 0.5em; border-top: 1px solid #ddd; width: 45%; }
.sociallogin__separate::after { left: auto; right: 0; }
.sociallogin__separate { margin-bottom: 28px !important; position: relative; text-align: center; }

.customer-account-edit .mychange-sociallogin-list { margin-bottom: 0; }
.customer-account-edit .mychange-sociallogin-list .mychange-sociallogin-button { margin-bottom: 0; text-align: left; width: auto; }
.customer-account-edit .mychange-sociallogin-list .mychange-sociallogin-button+.mychange-sociallogin-button { border: 0; }
.customer-account-edit .mychange-sociallogin-facebook, .customer-account-edit .mychange-sociallogin-google { border-radius: 3px; border: solid 1px #cccccc; background-color: #ffffff; line-height: 35px; margin-right: 11px; }
.customer-account-edit .mychange-sociallogin-text { font-family: 'Inter'; font-size: 13px; font-weight: 500; color: #686868; padding-right: 60px; padding-left: 40px; width: auto; }
.customer-account-edit .sociallogin .field-label { line-height: 39px; }

.customer-account-edit .mychange-sociallogin-list .onoffswitch { position: absolute; width: 34px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; display: block; top: 50%; right: 12px; margin-top: -7px;}
.customer-account-edit .mychange-sociallogin-list .onoffswitch-checkbox { position: absolute; opacity: 0; pointer-events: none; }
.customer-account-edit .mychange-sociallogin-list .onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border-radius: 15px; }
.customer-account-edit .mychange-sociallogin-list .onoffswitch-inner { display: block; width: 200%; margin-left: -100%; transition: margin 0.3s ease-in 0s; }
.customer-account-edit .mychange-sociallogin-list .onoffswitch-inner:before, .customer-account-edit .mychange-sociallogin-list .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 14px; padding: 0; line-height: 14px;
    font-size: 0px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.customer-account-edit .mychange-sociallogin-list .onoffswitch-inner:before { content: "ON"; padding-left: 5px; background-color: #DEA2B0; color: #BD4762; }
.customer-account-edit .mychange-sociallogin-list .onoffswitch-inner:after { content: "OFF"; padding-right: 5px; background-color: #C5C5C5; color: #F1F1F1; text-align: right; }
.customer-account-edit .mychange-sociallogin-list .onoffswitch-switch { display: block; width: 20px; height: 20px; margin: -4px -3px 0 0; background: #f1f1f1; position: absolute; top: 0; bottom: 0; right: 18px; border-radius: 15px; transition: all 0.3s ease-in 0s; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24); }
.customer-account-edit .mychange-sociallogin-list .connected .onoffswitch .onoffswitch-label .onoffswitch-inner { margin-left: 0; }
.customer-account-edit .mychange-sociallogin-list .connected .onoffswitch .onoffswitch-label .onoffswitch-switch { right: 0px; background: #BD4762; }

.mychange-sociallogin-account-connect .sociallogin-form-grid { margin-top: 20px; }
.mychange-sociallogin-account-connect .owl-carousel { display: flex; flex-direction: column-reverse; }
.mychange-sociallogin-account-connect .sociallogin-connect { width: 522px; margin: 40px auto; }
.mychange-sociallogin-account-connect .form-pager-container { display: flex; margin-bottom: 0; }
.mychange-sociallogin-account-connect .form-pager { width: 50%; line-height: 50px; text-align: center; cursor: pointer; font-family: 'Inter'; font-size: 15px; font-weight: bold; color: #999; }
/*.mychange-sociallogin-account-connect .form-pager+.form-pager { border-left: 1px solid #ddd; }*/
.mychange-sociallogin-account-connect .form-pager:hover, .mychange-sociallogin-account-connect .form-pager.active { color: #222; border-bottom: 2px solid #222; }
.mychange-sociallogin-account-connect .account-login, .mychange-sociallogin-account-connect .account-create { margin-top: 1px; }

@media (max-width: 1200px) {
	.customer-account-edit .sociallogin .field-label { line-height: inherit; }
}

@media (max-width: 767px) {
	.mychange-sociallogin-list .mychange-sociallogin-button+.mychange-sociallogin-button { border: none; }
	.customer-account-edit .mychange-sociallogin-list .mychange-sociallogin-button { margin-bottom: 8px; }
}