#user.svelte-1yk1aeo{height:var(--component-height);aspect-ratio:1;-webkit-user-select:none;user-select:none;border-radius:var(--border-radius-medium);display:grid;place-items:center;background-color:var(--user-color);border:2px solid transparent;transition:all .15s ease-in-out;box-sizing:border-box}#user.svelte-1yk1aeo:hover{border:2px solid var(--user-color);background-color:color-mix(in hsl,var(--user-color) 60%,transparent)}#user.svelte-1yk1aeo span:where(.svelte-1yk1aeo){font-family:var(--font-mono);color:var(--theme-base);font-weight:900}