.float-card[data-character]{border:0;text-align:left;overflow:visible;isolation:isolate}.float-card .software-logo{position:relative;z-index:2}.character-pop{position:absolute;z-index:-1;left:50%;top:-76px;width:132px;height:132px;border:5px solid #fff;border-radius:50%;background:#fff;box-shadow:0 16px 30px #0004;overflow:hidden;opacity:0;transform:translate(-50%,68px) scale(.55) rotate(-8deg);transition:transform .38s cubic-bezier(.2,.8,.2,1.25),opacity .22s}.character-pop img{width:100%!important;height:100%!important;margin:0!important;object-fit:cover!important;display:block}.makecode-character img{object-position:50% 12%;transform:scale(1.65);transform-origin:50% 16%}.gdevelop-character img{object-position:50% 50%;transform:scale(1.08)}.roblox-character img{object-position:50% 8%;transform:scale(1.7);transform-origin:50% 8%}.float-card[data-character]:hover .character-pop,.float-card[data-character]:focus-visible .character-pop,.float-card[data-character].revealed .character-pop{opacity:1;transform:translate(-50%,0) scale(1) rotate(0)}.float-card[data-character]:focus-visible{outline:4px solid var(--lime);outline-offset:5px}.float-card[data-character].revealed{z-index:8}@media(max-width:680px){.character-pop{width:105px;height:105px;top:-60px;border-width:4px}}