.inmp-wrapper{
    width: fit-content;
    padding: 20px;
}

.inmp-wrapper .label{
    margin-bottom: 20px;
}

.inmp-wrapper{
    .inmp-new, .inmp-list{
        display: grid;
        width: 100%;
        border: 10px;

        .inmp-element{
            width: 100%;
            z-index: 1;
            position: relative;
            margin-top: 10px;
            
        }

        .name, .img, .link{
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .img{
            width: 50px;
            height: 50px;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 1px;
            border: 2px solid #66666615;
            border-radius: 10px;

        }

        
        
        .img a{
            width: 100%;
            height: 100%;
        }

        .img img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center center;
            border-radius: 10px;
        }

        .img[data-hint] {
            position: relative;
            cursor: hint;
          }
          
        .img[data-hint]::after {
            opacity: 0;
            width: max-content;
            color: #FFFFFF;
            background-color: rgba(0,0,0,.7);
            border-radius: 6px;
            padding: 10px;
            content: attr(data-hint);
            font-size: 12px;
            font-weight: 400;
            line-height: 1em;
            position: absolute;
            top: -5px;
            left: 50%;
            transform: translate(-50%, -100%);
            pointer-events: none;
            transition: opacity 0.2s;
        }
        
        .img[data-hint]:hover::after {
            opacity: 1;
        }
    }
}