.badge{width:4.375rem;max-width:100%;height:100%;aspect-ratio:1/1;border-radius:50%;background-color:#9acd98;position:relative;cursor:pointer;margin:0 auto}.badge:hover .speech-bubble{opacity:1;visibility:visible}.badge.failed .badge__icon img{filter:grayscale(100%)}.badge.no-tooltip{cursor:default}.badge__icon{width:100%;height:100%;border-radius:50%;border:.1875rem solid #2d4921;overflow:hidden;position:relative;transform:translateY(-.3125rem)}.badge__icon:after{content:"";width:calc(100% - .5rem);height:calc(100% - .5rem);border-radius:50%;border:.25rem solid #fff}.badge__icon img,.badge__icon:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.badge__icon img{width:110%;border-radius:50%}.badge .speech-bubble{position:absolute;top:-1.25rem;left:50%;transform:translate(-50%,-100%);z-index:1;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;max-width:12.5rem}.badge .speech-bubble.shift-right{left:90%}.badge .speech-bubble.shift-right:after{left:33%}.badge .speech-bubble.shift-left{left:10%}.badge .speech-bubble.shift-left:after{left:67%}