.account-avatar.avatar-trigger{cursor:pointer;padding:0;position:relative;overflow:visible}.crew-avatar{border-radius:inherit;background-image:url(/avatars/voxel-crew.png);background-repeat:no-repeat;background-size:400% 300%;width:100%;height:100%;display:block}.avatar-trigger>i{color:#17210e;background:#a9d681;border:2px solid #080b09;border-radius:50%;place-items:center;width:19px;height:19px;display:grid;position:absolute;bottom:-2px;right:-3px}.avatar-dialog{background:var(--surface);width:min(440px,100% - 32px);max-height:calc(100dvh - 40px);color:var(--ui-text);border:1px solid #ffffff18;border-radius:16px;margin:auto;padding:24px;overflow-y:auto;box-shadow:0 28px 90px #0008}.avatar-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020503bb}.avatar-dialog>header{justify-content:space-between;align-items:center;gap:10px;display:flex}.avatar-dialog>header small{color:#929e8e;letter-spacing:.12em;font:9px DM Mono,monospace}.avatar-dialog h2{letter-spacing:-.04em;margin:8px 0 0;font-size:23px;font-weight:500}.avatar-dialog>header button{width:40px;height:40px;color:inherit;background:0 0;border:0;place-items:center;display:grid}.avatar-dialog>p{color:#a4ada2;margin:14px 0 20px;font-size:13px;line-height:1.5}.avatar-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.avatar-options>button{aspect-ratio:1;background:var(--surface-raised);cursor:pointer;border:2px solid #0000;border-radius:13px;min-width:0;padding:0;position:relative}.avatar-options>button:hover{border-color:#a9d68170}.avatar-options>button.selected{outline-offset:2px;border-color:#b0dc89;outline:2px solid #a9d68118}.avatar-options>button>i{color:#17210e;background:#b0dc89;border:2px solid #0d120f;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;bottom:-3px;right:-3px}.avatar-secondary{justify-content:space-between;align-items:center;gap:12px;margin:16px 0;display:flex}.avatar-secondary button{color:#c4cebf;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;min-height:40px;padding:0;font-size:12px;display:flex}.avatar-secondary button[aria-pressed=true]{color:#a9d681}.avatar-dialog>footer{border-top:1px solid #ffffff12;justify-content:flex-end;gap:12px;padding-top:18px;display:flex}.avatar-dialog>footer button{color:#b9c4b4;cursor:pointer;background:0 0;border:0;border-radius:7px;min-height:44px;padding:0 16px;font-size:13px}.avatar-dialog>footer button:last-child{color:#18210f;background:#a9d681;font-weight:600}.avatar-dialog button:disabled{opacity:.5;cursor:default}.avatar-error{color:var(--negative);flex-direction:column;align-items:flex-start;gap:6px;padding:12px 0;font-size:12px;line-height:1.5;display:flex}.avatar-error button{min-height:36px;color:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.terminal-page.light-preview .avatar-dialog{color:#253020;background:#f9fbf7;border-color:#c9d5c0}.terminal-page.light-preview .avatar-dialog :is(p,header small,.avatar-secondary button){color:#5c6955}.terminal-page.light-preview .avatar-dialog>footer{border-color:#25302020}.terminal-page.light-preview .avatar-dialog>footer button:first-child{color:#5c6955}@media (width<=360px){.avatar-dialog{padding:18px}.avatar-options{gap:8px}.avatar-dialog h2{font-size:21px}}