.settings-modal.svelte-xcf5pg{container-type:inline-size;container-name:settings-modal;--padd: 2rem;position:fixed;display:grid;place-content:center;top:0;left:0;width:100dvw;height:100dvh;background:var(--shade10-75);z-index:50}.settings-modal-content.svelte-xcf5pg{display:flex;align-items:stretch;width:calc(100dvw - 2rem);max-width:74rem;height:calc(100dvh - 8rem);background-color:var(--shade9)}.left.svelte-xcf5pg{width:18rem;padding:calc(var(--padd) / 2);background-color:var(--shade7);border-right:1px solid var(--shade3-15);overflow-y:auto;scrollbar-width:thin;scrollbar-color:transparent transparent;scrollbar-gutter:stable;&:hover{scrollbar-color:var(--shade4) transparent}@container settings-modal (inline-size <= 1000px){width:10rem}}.button-group.svelte-xcf5pg{display:grid}.account-button.svelte-xcf5pg{display:flex;align-items:center;gap:.75rem;text-align:left;padding:calc(var(--padd) / 4);margin-block-end:calc(var(--padd) / 2);border-radius:var(--br-lg);&:hover,&:focus,&.active{background-color:var(--shade6)}.avatar:where(.svelte-xcf5pg){position:relative;width:2.75rem;height:2.75rem;color:var(--avatar-color);background-color:color-mix(in hsl,currentColor 15%,transparent);border-radius:50%;svg{position:absolute;width:65%;height:65%;top:50%;left:50%;translate:-50% -50%}}.account-info:where(.svelte-xcf5pg){display:grid}.email:where(.svelte-xcf5pg){color:var(--shade2);line-height:1}}.games.svelte-xcf5pg{display:grid;gap:.5rem}.game-group.svelte-xcf5pg{display:grid;padding-block-end:.25rem;&:not(:last-child){border-bottom:1px solid var(--shade3-15)}}.game-name.svelte-xcf5pg{color:var(--shade1);padding-inline-start:calc(var(--padd) / 3);margin-block-end:calc(var(--padd) / 6)}.tab-button.svelte-xcf5pg{--color: var(--shade1);position:relative;display:flex;align-items:center;gap:.5rem;text-align:left;padding:.25rem .5rem;color:var(--color);border-radius:var(--br-lg);transition:background var(--transition),color var(--transition);>*{position:relative}&:hover{background-color:var(--shade6)}&:focus,&.active{--color: var(--shade0);background-color:var(--shade5)}svg{width:1.25rem;height:1.25rem}}.right.svelte-xcf5pg{flex:1;position:relative}.right-content.svelte-xcf5pg{display:grid;grid-auto-rows:min-content;gap:1.5rem;height:100%;padding:var(--padd);padding-block-end:calc(var(--padd) * 4);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--shade4) transparent;scrollbar-gutter:stable}.right-header.svelte-xcf5pg{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--shade3-15);padding:calc(var(--padd) / 4) var(--padd);padding-inline-end:calc(var(--padd) / 4);color:var(--shade1);line-height:1}.close-button.svelte-xcf5pg{padding:.5rem;background:none;border:none;cursor:pointer;svg{width:1.5rem;height:1.5rem}}