.avatar{position:relative;transform:translateZ(0);z-index:-1;-webkit-user-select:none;user-select:none}@media(hover:hover){.styleguide .avatar:hover .avatar--gui-background{transform:translate3d(-50%,-50%,0) rotate(1turn)}.avatar:hover .avatar--cli-name{color:#00b9ff}}.size--xs .avatar--gui{width:40px;height:40px}.size--small .avatar--gui{width:70px;height:70px}.size--medium .avatar--gui{width:92px;height:92px}.size--large .avatar--gui{width:140px;height:140px}.size--extraLarge .avatar--gui{width:168px;height:168px}.avatar--gui-progress{transition:calc(var(--transition-duration)*2.5) background cubic-bezier(.25,.61,.355,1);border:1px solid #2f2f2f;background:conic-gradient(from 180deg at 50% 50%,#7800ff 0,#00b9ff var(--level-progress),#000 var(--level-progress));--level-progress:100%}.avatar--gui-progress.max--level{background:radial-gradient(ellipse farthest-corner at right bottom,#fedb37 0,#fdb931 8%,#9f7928 30%,#8a6e2f 40%,transparent 80%),radial-gradient(ellipse farthest-corner at left top,#fff 0,#ffffac 8%,#d1b464 25%,#5d4a1f 62.5%,#5d4a1f 100%)}.no--frame .avatar--gui-progress{border-color:#7c7c7c}.avatar--gui-progress,.avatar--gui-progress-shimmer{z-index:0;border-radius:50%}.size--small .avatar--gui-progress,.size--small .avatar--gui-progress-shimmer,.size--xs .avatar--gui-progress,.size--xs .avatar--gui-progress-shimmer{top:0;right:0;bottom:0;left:0}.size--medium .avatar--gui-progress,.size--medium .avatar--gui-progress-shimmer{top:2px;right:2px;bottom:2px;left:2px}.size--large .avatar--gui-progress,.size--large .avatar--gui-progress-shimmer{top:8px;right:8px;bottom:8px;left:8px}.size--extraLarge .avatar--gui-progress,.size--extraLarge .avatar--gui-progress-shimmer{top:10px;right:10px;bottom:10px;left:10px}.avatar--gui-progress-shimmer{transition:calc(var(--transition-duration)*2.5) background cubic-bezier(.25,.61,.355,1);background:conic-gradient(from 180deg at 50% 50%,transparent var(--shimmer-delta),#fff var(--level-progress),#fff var(--shimmer-start),transparent var(--shimmer-end));--level-progress:100%;--shimmer-delta:99%;--shimmer-start:99%;--shimmer-end:100%}.avatar--gui-background{top:50%;left:50%;transform:translate3d(-50%,-50%,0);transition:calc(var(--transition-duration)*3) transform cubic-bezier(.25,.61,.355,1);z-index:10;border:1px solid #2f2f2f;border-radius:50%;background:#000;overflow:hidden}.size--xs .avatar--gui-background{width:28px;height:28px}.size--small .avatar--gui-background{width:54px;height:54px}.size--medium .avatar--gui-background{width:70px;height:70px}.size--large .avatar--gui-background{width:100px;height:100px}.size--extraLarge .avatar--gui-background{width:120px;height:120px}.no--frame .avatar--gui-background{border-color:#7c7c7c}.avatar--gui-background img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar--gui-image{top:50%;left:50%;transform:translate3d(-50%,-50%,1px);z-index:20;border-radius:50%;overflow:hidden}.size--xs .avatar--gui-image{width:28px;height:28px}.size--small .avatar--gui-image{width:54px;height:54px}.size--medium .avatar--gui-image{width:70px;height:70px}.size--large .avatar--gui-image{width:100px;height:100px}.size--extraLarge .avatar--gui-image{width:120px;height:120px}.avatar--gui-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.avatar--gui-frame{top:-10px;right:-18px;bottom:-10px;left:-18px;transform:translateZ(2px);z-index:50}.avatar--gui-frame img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.avatar--gui-level{left:50%;transform:translate3d(-50%,0,3px);z-index:60;border:1px solid #2f2f2f;border-radius:50%;text-align:center;color:#eaeaea}.size--xs .avatar--gui-level{bottom:-3px;width:10px;height:10px;font:700 8px/10px Noto Sans,sans-serif}.size--small .avatar--gui-level{bottom:-4px;width:18px;height:18px;font:700 10px/16px Noto Sans,sans-serif}.size--medium .avatar--gui-level{bottom:-1px;width:22px;height:22px;font:700 12px/21px Noto Sans,sans-serif}.size--large .avatar--gui-level{bottom:3px;width:30px;height:30px;font:700 16px/30px Noto Sans,sans-serif}.size--extraLarge .avatar--gui-level{bottom:4px;width:36px;height:36px;font:700 16px/30px Noto Sans,sans-serif}.no--frame .avatar--gui-level{border-color:#7c7c7c;background:#000}.avatar--gui-epix-notification{width:9px;height:9px;background-color:var(--color-red-80);border-radius:50%;right:-2px;bottom:-2px;z-index:51}.avatar--cli{margin:0 0 0 16px;font-size:14px}.avatar--cli-name{transition:var(--transition-duration) color cubic-bezier(.25,.61,.355,1);line-height:19px;display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all}.avatar--cli-xp{margin:8px 0 0;line-height:1.077;color:#7c7c7c}