.modal-backdrop.svelte-zu8myi{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:9999;animation:svelte-zu8myi-fadeIn .12s ease-out;outline:none}.unLoginDialog.svelte-zu8myi{background:#f2f2f7fc;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:24px;border:1px solid white;padding:24px;min-width:380px;max-width:400px;box-shadow:0 20px 40px #00000026;margin:20px;animation:svelte-zu8myi-dialogExpandIn .12s ease-out;transform-origin:center center;position:absolute;will-change:transform,opacity;transform:translateZ(0);display:flex;flex-direction:column;place-items:center;place-content:center}@keyframes svelte-zu8myi-fadeIn{0%{opacity:0;background-color:#0000}to{opacity:1;background-color:#0006}}@keyframes svelte-zu8myi-dialogExpandIn{0%{opacity:0;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes svelte-zu8myi-fadeOut{0%{opacity:1}to{opacity:0}}.modal-backdrop.fadeOut.svelte-zu8myi,.unLoginDialog.fadeOut.svelte-zu8myi{animation:svelte-zu8myi-fadeOut .1s ease-in}.contentArea.svelte-zu8myi{margin:28px 0;animation:svelte-zu8myi-contentFadeIn .08s ease-out 0s both}@keyframes svelte-zu8myi-contentFadeIn{0%{opacity:0}to{opacity:1}}.title.svelte-zu8myi{margin:0 0 12px;font-size:25px;font-weight:700;color:#000;letter-spacing:-.2px}.message.svelte-zu8myi{margin:0;color:#3c3c43;font-size:22px;font-weight:400;opacity:.8}.buttonArea.svelte-zu8myi{width:100%;display:flex;flex-direction:column;gap:12px;animation:svelte-zu8myi-contentFadeIn .08s ease-out 0s both}.buttonArea.svelte-zu8myi a:where(.svelte-zu8myi){width:100%;display:flex}.buttonArea.svelte-zu8myi .or:where(.svelte-zu8myi){place-self:center;font-size:18px}.loginButton.svelte-zu8myi,.joinButton.svelte-zu8myi{flex:1;padding:16px 24px;border-radius:50px;border:1px solid rgba(255,255,255,.2);cursor:pointer;font-size:17px;font-weight:600;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease;min-height:56px;display:flex;align-items:center;justify-content:center;letter-spacing:-.2px;backdrop-filter:none;-webkit-backdrop-filter:none;will-change:transform;transform:translateZ(0)}.loginButton.svelte-zu8myi{background:#e5e5ead9;color:#000}.loginButton.svelte-zu8myi:hover{background:#d1d1d6e6;transform:scale(.98)}.loginButton.svelte-zu8myi:active{transform:scale(.96)}.joinButton.svelte-zu8myi{background:#f40029e6;color:#fff}.joinButton.svelte-zu8myi:hover{background:#f40029f2;transform:scale(.98)}.joinButton.svelte-zu8myi:active{transform:scale(.96)}.closeButton.svelte-zu8myi{width:35px;height:35px;display:flex;flex-direction:column;place-content:center;place-items:center;border:1px solid #999;padding:5px;border-radius:100px;background-color:transparent;cursor:pointer;align-self:start}.logo.svelte-zu8myi{height:50px;width:80px;background-color:#555;justify-self:center;place-self:center;align-self:center}