.identities-box {
    height: 14em;
    width: 45em;
    margin: 5em auto;

    .identity-box {
        float: left;
        width: 20em;
        @apply border-[1px] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-lg cursor-pointer;
        border-color: var(--p-content-border-color);
        padding: 1em 2em;
        text-align: center;
        margin-left: 1em;
        margin-right: 1em;
        height: 10em;

        .real-name {
            font-size: 1.2em;
        }

        .status-box {
            line-height: 2;
            color: #999;
            @apply mt-4;
        }
    }
}

@media screen and (max-width: 512px) {
    .identities-box {
        width: auto !important;
        @apply mx-4 mt-0;

        .identity-box {
            width: auto;
            float: none;
            margin-left: auto;
            margin-right: auto;
            @apply mt-4;
        }
    }
}