.wplab-social-login-wrap{display:flex;margin:14px 0}.wplab-social-login-wrap.is-align-left{justify-content:flex-start}.wplab-social-login-wrap.is-align-center{justify-content:center}.wplab-social-login-wrap.is-align-right{justify-content:flex-end}.wplab-social-login-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:11px 18px;border:1px solid transparent;border-radius:9px;text-decoration:none!important;font:600 14px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-sizing:border-box;transition:filter .15s ease,transform .15s ease;cursor:pointer}.wplab-social-login-button:hover{filter:brightness(.95);transform:translateY(-1px)}.wplab-social-login-button.is-blue{background:#0077ff;color:#fff}.wplab-social-login-button.is-dark{background:#17212b;color:#fff}.wplab-social-login-button.is-light{background:#fff;color:#26323d;border-color:#dce3e8}.wplab-social-login-button.is-full{width:100%}.wplab-social-login-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:12px;font-weight:800;background:rgba(255,255,255,.2);letter-spacing:-1px}.wplab-social-login-button.is-light .wplab-social-login-icon{background:#eef3f7}.wplab-social-accounts{padding:18px;border:1px solid #dce3e8;border-radius:12px;max-width:620px}.wplab-social-accounts h3{margin-top:0}.wplab-social-login-disconnect{border:1px solid #cbd4da;border-radius:8px;background:#fff;color:#26323d;padding:9px 12px;cursor:pointer}.wplab-social-login-message{font-size:13px;color:#64727d;line-height:1.55}
.wplab-social-login-button.is-custom-color { background: var(--wplab-social-login-custom-color, #0073aa); border-color: var(--wplab-social-login-custom-color, #0073aa); color:#fff; }
.wplab-social-login-button.is-icons-layout { width:48px; min-width:48px; height:48px; padding:0; justify-content:center; border-radius:12px; }
.wplab-social-login-button.is-icons-layout > span:last-child { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.wplab-social-login-button.is-icons-layout .wplab-social-login-icon { margin:0; }
.wplab-social-login-button { border-radius:var(--wplab-social-login-radius,9px); padding:var(--wplab-social-login-padding,12px) 18px; justify-content:space-between; }
.wplab-social-login-button .wplab-social-login-icon { width:28px; height:28px; flex:0 0 28px; border-radius:7px; overflow:hidden; background:transparent; }
.wplab-social-login-button .wplab-social-login-icon svg { display:block; width:100%; height:100%; }
.wplab-social-login-button.is-custom-color { background:var(--wplab-social-login-custom-color,#0073aa); border-color:var(--wplab-social-login-custom-color,#0073aa); }
.wplab-social-login-button.is-icons-layout { justify-content:center; border-radius:var(--wplab-social-login-radius,9px); padding:0; }
.wplab-social-login-button.is-icons-layout .wplab-social-login-icon { width:30px; height:30px; flex-basis:30px; }
.wplab-social-login-button.is-icons-layout > span:last-child { display:none; }

.wplab-social-login-button.is-custom-color { color:var(--wplab-social-login-custom-text-color,#fff); }
.wplab-social-login-button.is-custom-color .wplab-social-login-icon { color:var(--wplab-social-login-custom-text-color,#fff); }
.wplab-social-login-wp-placement { clear:both; width:100%; margin:14px 0; }
.wplab-social-login-or { display:flex; align-items:center; gap:12px; width:100%; margin:14px 0; color:#77838c; font-size:13px; line-height:1; }
.wplab-social-login-or:before,.wplab-social-login-or:after { content:""; height:1px; flex:1; background:#dce3e8; }
.wplab-social-login-wp-placement .wplab-social-login-wrap { margin:10px 0; }
.login form .wplab-social-login-wp-placement { max-width:100%; }

/* WP LAB Social Login 0.2.3 */
.wplab-social-login-button{min-height:0;padding:var(--wplab-social-login-padding,12px);border-radius:var(--wplab-social-login-radius,9px);box-sizing:border-box}
.wplab-social-login-button.is-custom-color{background:var(--wplab-social-login-custom-color,#0073aa);border-color:var(--wplab-social-login-custom-color,#0073aa);color:var(--wplab-social-login-custom-text-color,#fff)}
.wplab-social-login-icon{width:32px;height:32px;flex:0 0 32px;display:inline-flex;align-items:center;justify-content:center;line-height:1;background:transparent;border-radius:0;letter-spacing:0}
.wplab-social-login-icon svg{display:block;width:100%;height:100%;overflow:visible}
.wplab-social-login-button.is-icons-layout{padding:8px;min-height:0}
.wplab-social-login-button.is-icons-layout .wplab-social-login-icon{width:32px;height:32px;flex-basis:32px}
.wplab-social-login-notice{box-sizing:border-box;width:100%;margin:0 0 12px;padding:12px 14px;border:1px solid #f0d7a1;border-radius:10px;background:#fff9e9;color:#614b19;font-size:13px;line-height:1.55;text-align:left}
.wplab-social-login-wrap{flex-wrap:wrap;gap:0}
.wplab-social-login-wrap .wplab-social-login-notice{flex:0 0 100%}
.wplab-social-login-wp-placement{box-sizing:border-box;margin:14px 0}
.wplab-social-login-or{display:flex;align-items:center;gap:12px;margin:10px 0;color:#7b8790;font-size:12px;line-height:1.2}
.wplab-social-login-or:before,.wplab-social-login-or:after{content:"";height:1px;flex:1;background:#dce3e8}
.wplab-social-login-wp-placement .wplab-social-login-wrap{margin:0}
.wplab-social-accounts .wplab-social-login-button{min-height:0;padding:12px 16px}

/* WP LAB Social Login 0.2.4: provider colors and account connections */
.wplab-social-login-button.wplab-social-login-provider-yandex.is-blue:not(.is-custom-color){background:#fc3f1d;border-color:#fc3f1d;color:#fff}
.wplab-social-login-button.wplab-social-login-provider-yandex.is-light:not(.is-custom-color){color:#26323d}
.wplab-social-accounts-list{display:flex;flex-direction:column;gap:10px}
.wplab-social-account-provider{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid #dce3e8;border-radius:12px;background:#fff}
.wplab-social-account-provider.is-connected{border-color:#b8dfc9;background:#f5fbf7}
.wplab-social-account-provider-info{display:flex;flex-direction:column;gap:4px;min-width:0}
.wplab-social-account-provider-info>strong{font-size:14px;color:#26323d}
.wplab-social-account-provider-status{font-size:12px;color:#64727d}
.wplab-social-account-provider.is-connected .wplab-social-account-provider-status{color:#218653;font-weight:600}
.wplab-social-account-provider-info small{font-size:12px;color:#64727d;overflow-wrap:anywhere}
.wplab-social-account-provider-action{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto}
.wplab-social-account-provider-action .wplab-social-login-wrap{margin:0}
.wplab-social-account-provider-action .wplab-social-login-button{min-height:38px;padding:8px 12px;font-size:13px}
.wplab-social-account-provider-action form{margin:0}
.wplab-social-account-provider-hint{font-size:12px;color:#71808d}
@media(max-width:600px){.wplab-social-account-provider{align-items:flex-start;flex-direction:column}.wplab-social-account-provider-action{width:100%;justify-content:flex-start}}

/* WP LAB Social Login 0.2.5: consistent 30px provider marks and account rows */
.wplab-social-login-icon{width:30px;height:30px;flex:0 0 30px;border-radius:0;background:transparent;font-size:0;letter-spacing:0;overflow:visible}
.wplab-social-login-icon svg{display:block;width:30px;height:30px;max-width:30px;max-height:30px}
.wplab-social-login-button.is-light .wplab-social-login-icon{background:transparent}
.wplab-social-login-notice{box-sizing:border-box;margin:0 0 14px;padding:11px 14px;border:1px solid #e6c46b;border-radius:8px;background:#fff8e5;color:#6c5011;font-size:13px;line-height:1.5}
.wplab-social-accounts-list{gap:10px}
.wplab-social-account-provider{display:flex;align-items:center;justify-content:flex-start;gap:14px;min-height:70px;padding:14px 16px;border-radius:12px;background:#f5f8fa;border-color:#e1e7eb;box-sizing:border-box}
.wplab-social-account-provider.scheme-custom{background:var(--wplab-account-bg);border-color:var(--wplab-account-bg);color:var(--wplab-account-fg)}
.wplab-social-account-provider.scheme-custom .wplab-social-account-provider-info>strong,.wplab-social-account-provider.scheme-custom .wplab-social-account-provider-status,.wplab-social-account-provider.scheme-custom .wplab-social-account-provider-info small{color:var(--wplab-account-fg)}
.wplab-social-account-provider-logo{display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;border-radius:8px;font-size:15px;font-weight:800;line-height:1;box-sizing:border-box}
.wplab-social-account-provider-logo-vk{background:#0077ff;color:#fff;letter-spacing:-1px}
.wplab-social-account-provider-logo-yandex{background:#fc3f1d;color:#fff}
.wplab-social-account-provider-info{flex:1 1 auto;min-width:0}
.wplab-social-account-provider-action{margin-left:auto}
.wplab-social-account-provider-action .wplab-social-login-wrap{width:auto;flex:0 0 auto}
.wplab-social-account-provider-action .wplab-social-login-button{width:auto;min-width:160px;min-height:40px;padding:8px 12px;gap:8px}
.wplab-social-account-provider-action form{margin:0}
.wplab-social-account-provider.scheme-custom .wplab-social-account-provider-action .wplab-social-login-button.is-custom-color{background:var(--wplab-account-bg);color:var(--wplab-account-fg);border-color:var(--wplab-account-fg)}
.wplab-social-account-provider.scheme-brand.wplab-social-account-provider-vk{background:#f2f7ff;border-color:#dbe8ff}
.wplab-social-account-provider.scheme-brand.wplab-social-account-provider-yandex{background:#fff5f2;border-color:#ffe1d8}
@media(max-width:600px){.wplab-social-account-provider{align-items:flex-start;flex-wrap:wrap}.wplab-social-account-provider-action{width:100%;margin-left:44px}.wplab-social-account-provider-action .wplab-social-login-button{min-width:0;width:100%}}
.wplab-social-account-provider-action .wplab-social-login-button.is-icons-layout{width:auto;min-width:160px;height:auto;min-height:40px;padding:8px 12px;justify-content:center;border-radius:var(--wplab-social-login-radius,9px)}
.wplab-social-account-provider-action .wplab-social-login-button.is-icons-layout>span:last-child{position:static;display:inline;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal;border:0}
.wplab-social-account-provider-action .wplab-social-login-button.is-icons-layout .wplab-social-login-icon{margin:0;width:30px;height:30px;flex-basis:30px}

/* WP LAB Social Login 0.2.6: shared layout and official provider SVG marks */
.wplab-social-login-wrap{box-sizing:border-box;display:flex;align-items:center;gap:10px;width:100%;margin:14px 0;flex-wrap:wrap}
.wplab-social-login-wrap.wplab-social-login-layout-buttons{flex-direction:column;align-items:stretch}
.wplab-social-login-wrap.wplab-social-login-layout-icons{flex-direction:row;align-items:center}
.wplab-social-login-wrap.wplab-social-login-layout-buttons .wplab-social-login-button.is-full{width:100%}
.wplab-social-login-wrap.wplab-social-login-layout-icons .wplab-social-login-button{width:auto;min-width:0;max-width:none;height:auto;min-height:0;padding:var(--wplab-social-login-padding,12px);flex:0 0 auto;justify-content:center}
.wplab-social-login-wrap.wplab-social-login-layout-icons .wplab-social-login-button>span:last-child{display:none}
.wplab-social-login-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex:0 0 30px;overflow:visible;background:transparent;border-radius:0;color:inherit;line-height:1}
.wplab-social-login-icon svg{display:block;width:30px;height:30px;max-width:30px;max-height:30px;overflow:visible}
.wplab-social-login-provider-yandex .wplab-social-login-icon svg{width:15px;height:30px}
.wplab-social-login-button.is-custom-color{background:var(--wplab-social-login-custom-color,#0073aa);border-color:var(--wplab-social-login-custom-color,#0073aa);color:var(--wplab-social-login-custom-text-color,#fff)}
.wplab-social-login-button.is-custom-color .wplab-social-login-icon{color:var(--wplab-social-login-custom-text-color,#fff)}
.wplab-social-login-button.is-icons-layout{border-radius:var(--wplab-social-login-radius,9px);padding:var(--wplab-social-login-padding,12px)}
.wplab-social-login-button.is-icons-layout .wplab-social-login-icon{width:30px;height:30px;flex-basis:30px}
.wplab-social-login-button.is-icons-layout .wplab-social-login-icon svg{width:30px;height:30px}
.wplab-social-login-button.is-icons-layout.wplab-social-login-provider-yandex .wplab-social-login-icon svg{width:15px;height:30px}
.wplab-social-account-provider-logo svg{display:block;width:30px;height:30px;max-width:30px;max-height:30px}
.wplab-social-account-provider-logo-yandex svg{width:15px;height:30px}
.wplab-social-account-provider-logo-vk svg{width:30px;height:30px}
.wplab-social-account-provider.scheme-custom .wplab-social-account-provider-logo{background:transparent;color:var(--wplab-account-fg)}
.wplab-social-account-provider.scheme-brand.wplab-social-account-provider-vk .wplab-social-account-provider-logo{background:#0077ff;color:#fff}
.wplab-social-account-provider.scheme-brand.wplab-social-account-provider-yandex .wplab-social-account-provider-logo{background:#fc3f1d;color:#fff}
.wplab-social-account-provider-action .wplab-social-login-wrap{display:flex;width:auto;flex:0 0 auto;margin:0}
.wplab-social-account-provider-action .wplab-social-login-button{max-width:100%;white-space:nowrap}
@media(max-width:600px){.wplab-social-login-wrap.wplab-social-login-layout-icons{flex-wrap:wrap}}
.wplab-social-login-wrap.wplab-social-login-layout-buttons.is-align-left{align-items:flex-start}
.wplab-social-login-wrap.wplab-social-login-layout-buttons.is-align-center{align-items:center}
.wplab-social-login-wrap.wplab-social-login-layout-buttons.is-align-right{align-items:flex-end}
.wplab-social-login-wrap.wplab-social-login-layout-buttons .wplab-social-login-button.is-full{align-self:stretch}

/* 0.2.7: account widget follows the global appearance settings */
.wplab-social-account-provider{border-radius:var(--wplab-social-login-radius,9px);padding:var(--wplab-social-login-padding,12px);box-sizing:border-box}
.wplab-social-account-provider.scheme-custom{background:var(--wplab-account-bg);border-color:var(--wplab-account-bg);color:var(--wplab-account-fg)}
.wplab-social-account-provider.scheme-custom .wplab-social-account-provider-logo{background:transparent;color:var(--wplab-account-fg)}
.wplab-social-account-provider.scheme-custom .wplab-social-account-provider-info>strong,.wplab-social-account-provider.scheme-custom .wplab-social-account-provider-status,.wplab-social-account-provider.scheme-custom .wplab-social-account-provider-info small{color:var(--wplab-account-fg)}
.wplab-social-login-disconnect,.wplab-social-login-disconnect:hover,.wplab-social-login-disconnect:focus{background:transparent!important;color:inherit!important;border:1px solid currentColor!important;box-shadow:none!important;filter:none!important;transform:none!important;outline-offset:2px}
.wplab-social-account-provider.scheme-custom .wplab-social-login-disconnect{color:var(--wplab-account-fg)!important;border-color:var(--wplab-account-fg)!important}
.wplab-social-account-provider-action .wplab-social-login-button{border-radius:var(--wplab-social-login-radius,9px);padding:var(--wplab-social-login-padding,12px);box-sizing:border-box}
.wplab-social-account-provider-logo{border-radius:calc(var(--wplab-social-login-radius,9px) * .65)}


/* 0.2.8: align account rows with the widget's configured appearance */
.wplab-social-account-provider{gap:16px;border-radius:var(--wplab-social-login-radius,9px)!important;padding:var(--wplab-social-login-padding,12px)!important;box-sizing:border-box}
.wplab-social-account-provider-logo{flex:0 0 30px;width:30px;height:30px;min-width:30px;min-height:30px;display:inline-flex;align-items:center;justify-content:center;overflow:visible;background:transparent!important;border-radius:0!important;margin:0 4px 0 0;box-sizing:border-box}
.wplab-social-account-provider-logo svg{display:block;width:30px;height:30px;max-width:30px;max-height:30px}
.wplab-social-account-provider-logo-yandex svg{width:15px;height:30px}
.wplab-social-account-provider.scheme-brand.wplab-social-account-provider-vk .wplab-social-account-provider-logo{color:#0077ff!important}
.wplab-social-account-provider.scheme-brand.wplab-social-account-provider-yandex .wplab-social-account-provider-logo{color:#fc3f1d!important}
.wplab-social-account-provider.scheme-custom .wplab-social-account-provider-logo{color:var(--wplab-account-fg)!important}
.wplab-social-account-provider-action .wplab-social-login-disconnect{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px!important;border-radius:var(--wplab-social-login-radius,9px)!important;font:inherit;font-size:13px;font-weight:600;line-height:1.3;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease}
.wplab-social-account-provider-action .wplab-social-login-disconnect:hover{background:rgba(0,115,170,.08)!important;border-color:#0073aa!important;color:#0073aa!important}
.wplab-social-account-provider.scheme-custom .wplab-social-account-provider-action .wplab-social-login-disconnect:hover{background:rgba(255,255,255,.12)!important;border-color:var(--wplab-account-fg)!important;color:var(--wplab-account-fg)!important}

/* Keep the tall Yandex glyph inside the same 25×25 icon viewport used by other providers. */
.wplab-social-login-icon svg[viewBox="0 0 256 512"]{width:12.5px!important;height:25px!important;max-width:25px!important;max-height:25px!important}

.wplab-social-account-provider-logo-yandex svg,.wplab-social-login-provider-yandex .wplab-social-login-icon svg,.wplab-social-login-button.is-icons-layout.wplab-social-login-provider-yandex .wplab-social-login-icon svg{width:12.5px!important;height:25px!important;max-width:25px!important;max-height:25px!important}

.wplab-social-login-provider-ok{--wplab-social-login-custom-color:#ee8208}

/* 0.3.9: Google remains multicolor by default; custom text color also recolors all Google paths. */
.wplab-social-login-button.wplab-social-login-provider-google.is-custom-color .wplab-social-login-icon svg path{fill:var(--wplab-social-login-custom-text-color,#fff)!important}

.wplab-social-login-provider-max{--wplab-provider-color:#6959ed}

.wplab-social-brand-telegram{background:#229ed9;color:#fff}.wplab-social-brand-telegram svg{width:25px;height:25px;max-width:25px;max-height:25px}

.wplab-social-brand-telegram{background:#229ed9;color:#fff}.wplab-social-brand-telegram svg{width:25px;height:25px;max-width:25px;max-height:25px}