/* Keep the editor below the join modal */
.CodeMirror {
    z-index: 10 !important;
    height: 420px;
    font-size: 14px;
}

.panel-label {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #6b7280;
}

kbd {
    font-family: ui-sans-serif, system-ui, sans-serif;
    font-size: 0.7rem;
    font-weight: 500;
    opacity: 0.75;
}

/* Tailwind display classes like flex would otherwise override the hidden attribute */
[hidden] {
    display: none !important;
}