:where(.auth-social-list,.auth-block) {align-items:center; display:flex; flex-wrap:wrap; gap:4px; justify-content:center;}
:where(.register-social-list, .social-accounts) {align-items:center; display:flex; flex-wrap:wrap; gap:8px;}
:where(.auth-social-list.inline-social-list) {justify-content:start; display: inline-flex; vertical-align: middle}
:where(.auth-modal > .auth-social-list) {padding-block:1rem}
:where(.login-with) {position:relative; width:var(--lw-icon-size,30px); height:var(--lw-icon-size, 30px); display:block; border-radius:var(--lw-icon-radius, var(--lw-icon-size, 30px)); transition:border-color .2s ease-in; border:1px solid var(--lw-icon-bg-color, #a5a5a5);}
:where(.login-with i) {width:100%; height:100%; border-radius:var(--lw-icon-radius,30px); display:block; background-color:var(--lw-icon-bg-color, #a5a5a5); pointer-events:none; transition:background-color .2s ease-in; -webkit-mask:var(--lw-icon) center / contain no-repeat; mask:var(--lw-icon) center / contain no-repeat;}

:where(.login-with.local) {--lw-active-color:#5E5E5E;--lw-icon:url("/.s/img/icon/social/login/local.svg")}
:where(.login-with.uid) {--lw-active-color:#498bfa;--lw-icon:url("/.s/img/icon/social/login/uid.svg")}
:where(.login-with.telegram) {--lw-active-color:#229ED9;--lw-icon:url("/.s/img/icon/social/login/tg.svg")}
:where(.login-with.vkontakte) {--lw-active-color:#0077ff;--lw-icon:url("/.s/img/icon/social/login/vk.svg")}
:where(.login-with.yandex) {--lw-active-color:#fc3f1d;--lw-icon:url("/.s/img/icon/social/login/ya.svg")}
:where(.login-with.facebook) {--lw-active-color:#1877F2;--lw-icon:url("/.s/img/icon/social/login/fb.svg")}
:where(.login-with.google) {--lw-active-color:#EBEDEF;--lw-icon:url("/.s/img/icon/social/login/google.svg")}
:where(.login-with.ok) {--lw-active-color:#ff7700;--lw-icon:url("/.s/img/icon/social/login/ok.svg")}

:where(.login-with.active) {--lw-icon-bg-color:var(--lw-active-color)}
:where(.login-with.active.google) i {background:url("/.s/img/icon/social/login/google.svg") center center/contain no-repeat;}

/*social connect loader*/
:where(.login-with.wait) {--lw-icon:url("/.s/img/icon/social/login/loader.svg"); pointer-events: none;}
:where(.login-with.wait i) {transform-origin:center center;animation: login-with-wait 2s linear infinite;}
@keyframes login-with-wait { 0% { transform:rotate(0deg); } 100% { transform: rotate(360deg);}}

@media (hover: hover) {
	:where(.login-with:not(.auth-comments-toggles .login-with):hover) {--lw-icon-bg-color:var(--lw-active-color)}
	:where(.login-with.google):hover i {background:url("/.s/img/icon/social/login/google.svg") center center/contain no-repeat;}
}