/* DraftOS own-role keyboard mode */

.keyboard-shortcut-bar .role-change-shortcut-help{
    padding:2px 6px;
    border:1px solid rgba(201,170,113,.12);
    background:rgba(201,170,113,.025);
}

.keyboard-shortcut-bar .role-change-shortcut-help b{
    color:#7f939c;
    font-size:.48rem;
    font-weight:900;
    letter-spacing:.05em;
}

.keyboard-shortcut-bar .role-change-shortcut-help b.active{
    color:#f0d58d;
}

.keyboard-shortcut-bar .role-change-shortcut-help kbd:first-child{
    color:#efda9d;
    border-color:rgba(201,170,113,.40);
}

@keyframes roleModeFlash{
    0%{
        box-shadow:inset 0 -2px 0 rgba(201,170,113,.78);
        background:rgba(201,170,113,.08);
    }
    100%{
        box-shadow:inset 0 -2px 0 rgba(201,170,113,0);
        background:#040d13;
    }
}

.keyboard-shortcut-bar.role-mode-flash{
    animation:roleModeFlash .55s ease-out;
}