div.login-btn-container.svelte-1hsz38d{justify-content:center;align-items:center;gap:16px;display:flex;position:relative}div.login-btn-container.svelte-1hsz38d img.login-logo:where(.svelte-1hsz38d){object-fit:cover;border-radius:50%;width:auto;height:36px}div.login-btn-container.svelte-1hsz38d .xsolla-btn:where(.svelte-1hsz38d){color:#000;cursor:pointer;white-space:nowrap;background-color:#80eaff;border:none;border-radius:24px;align-items:center;gap:8px;height:40px;padding:0 12px;font-size:14px;font-weight:500;line-height:20px;transition:background-color .2s;display:flex;box-shadow:inset 0 0 0 1px #31cae8}div.login-btn-container.svelte-1hsz38d .xsolla-btn:where(.svelte-1hsz38d):hover{background-color:#b2f2ff;box-shadow:inset 0 0 0 1px #55dcf6}div.login-btn-container.svelte-1hsz38d .xsolla-btn:where(.svelte-1hsz38d):active{box-shadow:none;background-color:#55dcf6}div.login-btn-container.svelte-1hsz38d .xsolla-btn:where(.svelte-1hsz38d):disabled{box-shadow:none;color:#999;cursor:not-allowed;background-color:#ccc}div.login-btn-container.svelte-1hsz38d .xsolla-btn.pending:where(.svelte-1hsz38d){color:#000;cursor:progress;background-color:#80eaff;animation:1.2s ease-in-out infinite svelte-1hsz38d-xsolla-pulse;box-shadow:inset 0 0 0 1px #31cae8}div.login-btn-container.svelte-1hsz38d .xsolla-btn:where(.svelte-1hsz38d) .xsolla-mark:where(.svelte-1hsz38d){flex:none;width:20px;height:20px;display:block}div.login-btn-container.svelte-1hsz38d .xsolla-btn:where(.svelte-1hsz38d) .xsolla-mark:where(.svelte-1hsz38d) svg{width:100%;height:100%;display:block}@keyframes svelte-1hsz38d-xsolla-pulse{0%,to{opacity:1}50%{opacity:.55}}div.login-btn-container.svelte-1hsz38d .login-btn:where(.svelte-1hsz38d){background:var(--brand-primary);color:var(--text-primary);border:none;border-radius:24px;width:100%;height:40px;font-size:14px;font-weight:700;transition:all .2s}div.login-btn-container.svelte-1hsz38d .login-btn:where(.svelte-1hsz38d):active{background-color:var(--brand-primary-pressed)}div.login-btn-container.svelte-1hsz38d .login-btn:where(.svelte-1hsz38d):hover{background-color:var(--brand-primary-hover)}div.login-btn-container.svelte-1hsz38d .login-btn:where(.svelte-1hsz38d):disabled{background-color:var(--background-tertiary);cursor:not-allowed}div.login-btn-container.svelte-1hsz38d .login-btn.logged-in:where(.svelte-1hsz38d){background-color:var(--background-secondary);border:2px solid var(--background-elevated-surface);border-radius:24px;width:40px;padding:0}div.login-btn-container.svelte-1hsz38d .login-btn.logged-in:where(.svelte-1hsz38d):active{border:2px solid var(--brand-primary-pressed);background-color:#0000}div.login-btn-container.svelte-1hsz38d .login-btn.logged-in:where(.svelte-1hsz38d):hover{border:2px solid var(--brand-primary-hover);background-color:#0000}div.login-btn-container.svelte-1hsz38d .login-btn.logged-in:where(.svelte-1hsz38d):disabled{border:2px solid var(--background-tertiary);cursor:not-allowed;background-color:#0000}div.login-btn-container.svelte-1hsz38d .user-menu:where(.svelte-1hsz38d){background:var(--background-secondary);border:1px solid var(--background-elevated-surface);z-index:100;border-radius:12px;min-width:140px;padding:4px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 24px #0003}div.login-btn-container.svelte-1hsz38d .user-menu-item:where(.svelte-1hsz38d){color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:background-color .15s}div.login-btn-container.svelte-1hsz38d .user-menu-item:where(.svelte-1hsz38d):hover{background-color:var(--background-elevated-surface)}@media (width<=768px){div.login-btn-container.svelte-1hsz38d{gap:8px}div.login-btn-container.svelte-1hsz38d .xsolla-btn:where(.svelte-1hsz38d){border-radius:50%;justify-content:center;gap:0;width:40px;height:40px;padding:10px}div.login-btn-container.svelte-1hsz38d .xsolla-label:where(.svelte-1hsz38d){display:none}div.login-btn-container.svelte-1hsz38d .login-btn.logged-in:where(.svelte-1hsz38d){width:40px;min-width:40px;padding:0}}