.avatarPicker__change{color:#aaa;font:inherit;cursor:pointer;background:0 0;border:0;margin-top:.6rem;padding:0;font-size:.7rem;font-weight:700}.avatarPicker__change:hover{color:#fff}.avatarPicker__statusPanel{height:180px}.avatarPicker__status--error{color:#d58f8f}
.accountMenu{font-family:var(--font-body);position:relative}.accountMenu--guest{align-items:center;gap:.4rem;display:flex}.accountMenu--guest a,.accountMenu__profileLink{color:var(--almostwhite);font:inherit;filter:drop-shadow(0 0 .4rem var(--darkestgray));text-decoration:none}.accountMenu--guest a{color:#c8c8c8;border-radius:9px;padding:.52rem .72rem;font-size:.82rem;font-weight:700}.accountMenu--guest a:not(.accountMenu__signup):hover{color:#fff}.accountMenu--guest .accountMenu__signup{color:var(--almostwhite);background:radial-gradient(circle at 0 0, transparent 7px, var(--lightgray) 8px), radial-gradient(circle at 100% 0, transparent 7px, var(--lightgray) 8px), radial-gradient(circle at 0 100%, transparent 7px, var(--lightgray) 8px), radial-gradient(circle at 100% 100%, transparent 7px, var(--lightgray) 8px);filter:drop-shadow(0 0 .4rem var(--darkestgray));background-position:0 0,100% 0,0 100%,100% 100%;background-repeat:no-repeat;background-size:55% 55%;border-radius:0;padding-inline:.9rem;transition:filter .12s,transform .12s,color .12s}.accountMenu--guest .accountMenu__signup:hover{filter:drop-shadow(0 0 1.8rem var(--darkestgray)) brightness(1.2);z-index:1;transform:scale(1.025)}.accountMenu--guest .accountMenu__signup:active{transform:scale(.97)}.accountMenu__skeleton{background:radial-gradient(circle at 0 0, transparent 7px, var(--darkestgray) 8px), radial-gradient(circle at 100% 0, transparent 7px, var(--darkestgray) 8px), radial-gradient(circle at 0 100%, transparent 7px, var(--darkestgray) 8px), radial-gradient(circle at 100% 100%, transparent 7px, var(--darkestgray) 8px);background-position:0 0,100% 0,0 100%,100% 100%;background-repeat:no-repeat;background-size:55% 55%;border-radius:0;width:6.5rem;height:2rem}.accountMenu__skeleton--accountPage{background:0 0;width:13.5rem;height:4.25rem}.accountMenu--user{align-items:center;display:flex}.accountMenu__profileLink{cursor:pointer;background:0 0;align-items:center;gap:.62rem;padding:.12rem 0;transition:transform .12s,opacity .12s;display:flex}.accountMenu__profileLink:hover{opacity:.9;background:0 0;transform:scale(1.025)}.accountMenu__profileLink:active{transform:scale(.98)}.accountMenu__identityText{flex-direction:column;align-items:flex-end;min-width:0;display:flex}.accountMenu__avatar{color:#efefef;background:#242424;border-radius:0;flex:none;place-items:center;width:2.2rem;height:2.2rem;font-size:.86rem;font-weight:800;display:grid;overflow:hidden;-webkit-mask:radial-gradient(circle at 0 0,#0000 6px,#000 6.5px) 0 0/55% 55% no-repeat,radial-gradient(circle at 100% 0,#0000 6px,#000 6.5px) 100% 0/55% 55% no-repeat,radial-gradient(circle at 0 100%,#0000 6px,#000 6.5px) 0 100%/55% 55% no-repeat,radial-gradient(circle at 100% 100%,#0000 6px,#000 6.5px) 100% 100%/55% 55% no-repeat;mask:radial-gradient(circle at 0 0,#0000 6px,#000 6.5px) 0 0/55% 55% no-repeat,radial-gradient(circle at 100% 0,#0000 6px,#000 6.5px) 100% 0/55% 55% no-repeat,radial-gradient(circle at 0 100%,#0000 6px,#000 6.5px) 0 100%/55% 55% no-repeat,radial-gradient(circle at 100% 100%,#0000 6px,#000 6.5px) 100% 100%/55% 55% no-repeat}.accountMenu__avatar img{object-fit:cover;object-position:center 18%;width:100%;height:100%;display:block}.accountMenu__username{text-overflow:ellipsis;white-space:nowrap;max-width:11rem;font-size:.95rem;font-weight:800;line-height:1;overflow:hidden}.accountMenu__joined{display:none}.accountMenu--accountPage .accountMenu__profileLink{gap:.92rem}.accountMenu--accountPage .accountMenu__username{max-width:15rem;font-family:var(--font-heading);letter-spacing:.015em;font-size:1.45rem;line-height:1}.accountMenu--accountPage .accountMenu__joined{color:#7f7f7f;text-transform:uppercase;margin-top:.22rem;font-size:.7rem;font-weight:500;line-height:1;display:block}.accountMenu--accountPage .accountMenu__avatar{width:4.25rem;height:4.25rem;font-size:1.28rem;-webkit-mask:radial-gradient(circle at 0 0,#0000 11px,#000 11.5px) 0 0/55% 55% no-repeat,radial-gradient(circle at 100% 0,#0000 11px,#000 11.5px) 100% 0/55% 55% no-repeat,radial-gradient(circle at 0 100%,#0000 11px,#000 11.5px) 0 100%/55% 55% no-repeat,radial-gradient(circle at 100% 100%,#0000 11px,#000 11.5px) 100% 100%/55% 55% no-repeat;mask:radial-gradient(circle at 0 0,#0000 11px,#000 11.5px) 0 0/55% 55% no-repeat,radial-gradient(circle at 100% 0,#0000 11px,#000 11.5px) 100% 0/55% 55% no-repeat,radial-gradient(circle at 0 100%,#0000 11px,#000 11.5px) 0 100%/55% 55% no-repeat,radial-gradient(circle at 100% 100%,#0000 11px,#000 11.5px) 100% 100%/55% 55% no-repeat}@media (max-width:620px){.accountMenu--guest a:first-child{display:none}.accountMenu__profileLink{gap:.45rem}.accountMenu__avatar{width:2rem;height:2rem}.accountMenu__username{max-width:7rem;font-size:.88rem}.accountMenu--accountPage .accountMenu__username{max-width:7rem;font-size:1rem}.accountMenu--accountPage .accountMenu__joined{font-size:.5rem}.accountMenu--accountPage .accountMenu__avatar{width:2.7rem;height:2.7rem}}.accountMenu__identityLink{color:inherit;text-decoration:none}.accountMenu__avatarPickerTrigger{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex:none;padding:0;display:block;position:relative}.accountMenu__avatarPickerTrigger .accountMenu__avatar{transition:filter .14s,transform .14s}.accountMenu__avatarEditIcon{z-index:2;color:#f4f4f4;opacity:0;pointer-events:none;filter:drop-shadow(0 2px 4px #000000b3);place-items:center;width:1.45rem;height:1.45rem;transition:opacity .14s,transform .14s;display:grid;position:absolute;top:50%;left:56%;transform:translate(-50%,-43%)scale(.82)}.accountMenu__avatarEditIcon svg{width:100%;height:100%;display:block}.accountMenu__avatarPickerTrigger:hover .accountMenu__avatar,.accountMenu__avatarPickerTrigger:focus-visible .accountMenu__avatar{filter:brightness(.48);transform:scale(1.015)}.accountMenu__avatarPickerTrigger:hover .accountMenu__avatarEditIcon,.accountMenu__avatarPickerTrigger:focus-visible .accountMenu__avatarEditIcon{opacity:1;transform:translate(-50%,-50%)scale(1)}.accountMenu__avatarPickerTrigger:focus-visible{outline-offset:3px;outline:2px solid #f3f3f36b}@media (max-width:520px){.accountMenu--user:not(.accountMenu--accountPage) .accountMenu__username{max-width:4rem;font-size:.8rem}.accountMenu--user:not(.accountMenu--accountPage) .accountMenu__avatar{width:2rem;height:2rem}.accountMenu__skeleton--accountPage{width:8.5rem;height:2.35rem}.accountMenu--accountPage{max-width:8.5rem;margin-right:.45rem}.accountMenu--accountPage .accountMenu__profileLink{gap:.4rem;max-width:100%}.accountMenu--accountPage .accountMenu__identityText{min-width:0;max-width:5.6rem}.accountMenu--accountPage .accountMenu__username{max-width:5.6rem;font-size:.82rem}.accountMenu--accountPage .accountMenu__joined{text-overflow:clip;white-space:nowrap;max-width:5.6rem;font-size:.43rem;overflow:visible}.accountMenu--accountPage .accountMenu__avatar{width:2.3rem;height:2.3rem;-webkit-mask:radial-gradient(circle at 0 0,#0000 5px,#000 5.5px) 0 0/55% 55% no-repeat,radial-gradient(circle at 100% 0,#0000 5px,#000 5.5px) 100% 0/55% 55% no-repeat,radial-gradient(circle at 0 100%,#0000 5px,#000 5.5px) 0 100%/55% 55% no-repeat,radial-gradient(circle at 100% 100%,#0000 5px,#000 5.5px) 100% 100%/55% 55% no-repeat;mask:radial-gradient(circle at 0 0,#0000 5px,#000 5.5px) 0 0/55% 55% no-repeat,radial-gradient(circle at 100% 0,#0000 5px,#000 5.5px) 100% 0/55% 55% no-repeat,radial-gradient(circle at 0 100%,#0000 5px,#000 5.5px) 0 100%/55% 55% no-repeat,radial-gradient(circle at 100% 100%,#0000 5px,#000 5.5px) 100% 100%/55% 55% no-repeat}}