/* Avatarurile de cont folosesc aceeași geometrie pe toate suprafețele. */
img.gw-role-avatar {
    display: block !important;
    box-sizing: border-box;
    flex: 0 0 auto;
    aspect-ratio: 1 / 1;
    max-width: 100%;
    object-fit: cover;
    object-position: center;
    padding: 0;
    border-radius: 50%;
    background: transparent !important;
    color: transparent !important;
    overflow: hidden;
    transform-origin: 50% 50%;
    transform-style: preserve-3d;
}

@keyframes gw-role-avatar-coin-spin {
    from {
        transform: perspective(560px) rotateY(0deg);
    }

    to {
        transform: perspective(560px) rotateY(360deg);
    }
}

@media (hover: hover) and (pointer: fine) {
    img.gw-role-avatar.gw-role-avatar--coin-spinning {
        animation: gw-role-avatar-coin-spin 440ms cubic-bezier(0.77, 0, 0.175, 1) both;
        will-change: transform;
    }
}

@media (prefers-reduced-motion: reduce) {
    img.gw-role-avatar.gw-role-avatar--coin-spinning {
        animation: none !important;
        transform: none !important;
    }
}