:host(.sk-login){--sk-font:"Nunito", ui-sans-serif, system-ui, -apple-system, sans-serif;--sk-base-100:oklch(100% 0 0);--sk-base-200:oklch(98% 0 0);--sk-base-300:oklch(95% 0 0);--sk-base-content:oklch(21% .006 285.885);--sk-primary:oklch(62% .0873 281);--sk-primary-content:oklch(93% .034 272.788);--sk-radius:.625rem;--sk-border:color-mix(in oklch, var(--sk-base-300) 85%, transparent);--sk-btn-radius:9999px;--sk-btn-border-width:1px;--sk-btn-border-color:color-mix(in oklch, var(--sk-base-300) 90%, transparent);--sk-btn-padding:.5625rem 1.125rem;--sk-btn-gap:.625rem;--sk-btn-bg:var(--sk-base-100);--sk-btn-color:var(--sk-base-content);--sk-btn-hover-bg:var(--sk-base-200);--sk-btn-hover-border-color:color-mix(in oklch, var(--sk-base-content) 30%, transparent);--sk-btn-font-size:.875rem;--sk-btn-font-weight:600;--sk-btn-shadow:0 1px 2px color-mix(in oklch, var(--sk-base-content) 8%, transparent);--sk-btn-logo-size:1.125rem;--sk-btn-logo-color:color-mix(in oklch, var(--sk-base-content) 80%, transparent);--sk-avatar-bg:var(--sk-primary);--sk-avatar-color:var(--sk-primary-content);--sk-signout-color:color-mix(in oklch, var(--sk-base-content) 70%, transparent);box-sizing:border-box;font-family:var(--sk-font);color:var(--sk-base-content);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:.8125rem;line-height:1.5;display:block}*,:after,:before{box-sizing:inherit}@media (prefers-color-scheme:dark){:host(.sk-login){--sk-base-100:oklch(0% 0 0);--sk-base-200:oklch(20% .016 285.938);--sk-base-300:oklch(25% .013 285.805);--sk-base-content:oklch(97.807% .029 256.847);--sk-primary:oklch(50% .0873 281);--sk-primary-content:oklch(96% .018 272.314);--sk-border:color-mix(in oklch, var(--sk-base-300) 85%, transparent);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.sk-login__guest{flex-direction:column;align-items:center;gap:.5rem;padding:.5rem;display:flex}.sk-login__error{color:var(--sk-primary);margin:0;font-size:.75rem}.sk-login__solarpass{align-items:center;gap:var(--sk-btn-gap);padding:var(--sk-btn-padding);font-family:var(--sk-font);font-size:var(--sk-btn-font-size);font-weight:var(--sk-btn-font-weight);color:var(--sk-btn-color);background:var(--sk-btn-bg);border:var(--sk-btn-border-width) solid var(--sk-btn-border-color);border-radius:var(--sk-btn-radius);box-shadow:var(--sk-btn-shadow);cursor:pointer;line-height:1.25rem;transition:background .12s,border-color .12s;display:inline-flex}.sk-login__solarpass:hover{background:var(--sk-btn-hover-bg);border-color:var(--sk-btn-hover-border-color)}.sk-login__solarpass:disabled{opacity:.6;cursor:default}.sk-login__logo{color:var(--sk-btn-logo-color);display:inline-flex}.sk-login__logo svg,.sk-login__logo--image img{width:var(--sk-btn-logo-size);height:var(--sk-btn-logo-size);display:block}.sk-login__label,.sk-login__name{white-space:nowrap}.sk-login__user{align-items:center;gap:.5rem;padding:.5rem;display:flex}.sk-login__avatar{width:2rem;height:2rem;color:var(--sk-avatar-color);background:var(--sk-avatar-bg);border-radius:9999px;flex:none;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.sk-login__name{text-overflow:ellipsis;min-width:0;font-weight:600;overflow:hidden}.sk-login__signout{font-family:var(--sk-font);color:var(--sk-signout-color);border:1px solid var(--sk-border);border-radius:var(--sk-btn-radius);cursor:pointer;background:0 0;margin-left:auto;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.sk-login__signout:hover{background:var(--sk-base-200)}