.researcher-card {
    width: 100%;
    container-type: size;
    aspect-ratio: 16 / 9;
    cursor: pointer;
    

    .zen-kaku-gothic-antique-light {
        font-family: "Zen Kaku Gothic Antique", sans-serif;
        font-weight: 300;
        font-style: normal;
        display: block;
        position: absolute;
    }
    .zen-kaku-gothic-antique-regular {
        font-family: "Zen Kaku Gothic Antique", sans-serif;
        font-weight: 400;
        font-style: normal;
        display: block;
        position: absolute;
    }
    .researcher-card-in {
        container-type: size;
        position: relative;
        z-index: -1;
        aspect-ratio: 16 / 9;
        border-radius: 6cqw;
        background-repeat: no-repeat;
        /* transition: opacity 0.3s; */

        div {
            position: absolute;
        }
        pre {
            all: revert;
            margin: 0;
            font-family: inherit !important;
        }

        .rc-mfg-logo {
            top: 5cqh; left: 0cqw;
            width: 25cqw;

            img { width: 100%; }
        }
        .rc-mfg-name {
            font-size: 5cqh;
            top: 3cqh; right: 5cqw;
            letter-spacing: 0.2cqw;
        }
        .rc-role-en {
            font-size: 7cqh;
            top: 9.5cqh; right: 4.5cqw;
            letter-spacing: 0.6cqw;
        }
        .rc-role-line {
            top: 22cqh; right: 5cqw;
            height: 1cqh;
        }
        .rc-role-jp {
            font-size: 5cqh;
            right: 4cqw; top: 23cqh;
            letter-spacing: 0.6cqw;
        }
        .rc-id {
            font-size: 11cqh;
            top: 25cqh; right: 6cqw;
            transform: translateY(50%);
            letter-spacing: 1cqw;
        }

        .rc-serial {
            font-size: 5cqh;
            top: 53cqh; right: 7cqw;
        }
        .rc-avatar {
            top: 70cqh; left: 4cqw;
            width: 13cqw;
            height: 13cqw;

            img { width: 100%; border-radius: 50%; }
        }
        .rc-researcher-status {
            bottom: 9cqh; left: 21cqw;
            font-size: 5cqh;
            line-height: 3cqw;
            font-size: 2.8cqw;
        }
        .rc-issuer {
            text-align: end;
            bottom: 8cqh; right: 20cqw;
            font-size: 4cqh;
            line-height: 5cqh;
        }
        .rc-qr {
            top: 70cqh; right: 4cqw;
            width: 12cqw;
        }
        .rc-country {
            top: 80cqh; left: 36cqw;
            height: 4cqh;
        }
    }
}
.researcher-card-clickable {

}