/* =========================================================
   VOXLY MEMBER ROLES v0.17.0
   ========================================================= */

.voxly-member-role {
    display: inline-flex;
    align-items: center;

    width: max-content;

    margin-top: 2px;

    padding:
        1px
        6px;

    border-radius: 8px;

    font-size: 9px;
    font-weight: 700;

    line-height: 15px;

    text-transform: uppercase;
    letter-spacing: .35px;
}

.voxly-role-owner {
    background:
        rgba(250, 176, 5, .14);

    color:
        #f6c453;
}

.voxly-role-admin {
    background:
        rgba(88, 101, 242, .16);

    color:
        #9ea7ff;
}

.voxly-role-member {
    background:
        rgba(255, 255, 255, .06);

    color:
        var(--muted);
}

.voxly-role-select {
    width: 90px;

    margin-top: 5px;

    padding:
        3px
        6px;

    border:
        1px solid
        rgba(255,255,255,.08);

    border-radius: 5px;

    background:
        #15171d;

    color:
        var(--text);

    font-size: 10px;

    cursor: pointer;
}

.voxly-role-select:hover {
    border-color:
        rgba(255,255,255,.18);
}

.voxly-role-select:disabled {
    opacity: .55;
    cursor: wait;
}