:root {
    /* --r-block-margin: 20px; */
    --r-main-color: #ddd;
    --r-heading-color: #eee;
    --r-heading-text-transform: none;
    --r-code-font: "JetBrains Mono", monospace;
    /* --r-heading-margin: 0 0 20px 0; */
}

.cols {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    gap: 20px;
}

.accent {
    color: #19aeff;
}

.red {
    color: #dc0000;
}

/* workaround for label background for nodes with images */
.flowchart g.label>foreignObject>div.labelBkg {
    background-color: transparent !important;
}

.reveal .slide-number {
    left: 8px;
    right: unset;
    background-color: unset;
}


.reveal .full-width {
    width: 100%;
}

.reveal .full-width code.mermaid {
    padding-left: 0;
    padding-right: 0;
}

.reveal code {
    max-height: 100% !important;
}

.reveal code.mermaid {
    text-align: center;
}

.reveal code .hljs-ln-numbers {
    display: none;
}

.reveal .speaker-notes ul {
    margin: 0;
    padding-left: 20px;
}

.reveal .speaker-notes p {
    margin-top: 0;
    margin-bottom: 10px;
}

.reveal .speaker-notes::before {
    display: none;
}

.reveal blockquote {
    width: 90%;
}