@prefix: graphjs;

.@{prefix}-wallet.@{prefix}-root {
    width: auto;
    margin-top: .75em;
    margin-left: auto;
    margin-right: auto;
    .@{prefix}-content {
        .flex;
        .justify-content(center);
        .flex-wrap(wrap);
        & > * {
            margin: .75em;
        }
        & > p {
            display: block;
            width: 100%;
            margin-bottom: .75em;
            // ThemeOption: color: @text-color-weak;
            .bold-font;
            font-size: 1.1em;
            text-align: center;
        }
    }
}

// Responsive

/* Window Width < 480 */
@media only screen and (max-width: 479px) {
    .@{prefix}-wallet.@{prefix}-root {
        margin-top: .25em;
        .@{prefix}-content {
            & > * {
                margin: .25em;
            }
            & > p {
                margin-bottom: .25em;
            }
        }
    }
}

/* 480 â‰¤ Window Width < 768 */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .@{prefix}-wallet.@{prefix}-root {
        margin-top: .25em;
        .@{prefix}-content {
            & > * {
                margin: .25em;
            }
            & > p {
                margin-bottom: .25em;
            }
        }
    }
}