:root{
    --bg: 0,0,0;
    --fg: 255,255,255;
    --red: 150,150,255;
    --fsize: 4.5mm;
    --verse-end-display:block;
    --fontfam: 'Fira Sans', sans-serif;
    overflow-y: hidden;
    font-family: var(--fontfam);
    background-color: rgb(var(--bg));
    color:rgb(var(--fg));
    font-size: var(--fsize);
    /*line-height: CALC( 1.7 * var(--fsize));*/
}

#mcd{
    overflow-y: scroll;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0.2em;
    padding-bottom:50vh;
}
#booklist{
    position: absolute;
    right: 0px;
    bottom: 0px;
    left: 0px;
    text-align: right;
    padding: 0.5em 1em;
    background-color: rgb(var(--bg));
    border-top: 1px solid rgb(var(--fg));
    overflow-y: scroll;
    max-height: 70vh;
}
#booklist>span{
    display: inline-block;
    padding: 0.2em 0.5em;
    background-color: rgb(var(--fg), 0.15);
    border: 1px solid rgb(var(--fg));
    text-align: center;
    min-width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: bottom;
    margin: 0.1em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: calc(100% - 2em);
}
#booklist.closed>span[book]{
    display:none
}
#booklist #bookchooser{
    fill: rgb(var(--fg));
    /*background-color: rgb(var(--bg));*/
    background-color: transparent;
}
#booklist.closed #spanbookchooser{
    background-color: transparent;
    border: none;
}








.indent1{
    text-indent:1em;
}
.indent2{
    text-indent:2em;
}
.italic{
    font-style:italic;
}
verseref{
    outline:1px solid lightblue;
    padding:0.2em 0.5em;

}
verselink{
    outline:1px solid lightgreen;
    padding:0.2em 0.5em;
}
endnote,backnoteref{
    font-size: 0.7em;
    color: lightblue;
    vertical-align: top;
    padding: 0.0em 0.5em 0.5em 0em;
    margin-top: -0.3em;
    display: inline-block;
}
citat, .citat{
    /*font-variant: small-caps;*/
    font-style:italic;
}
b{
    font-weight:bold;
}
table{
    background-color:rgb(var(--fg));
    & td{
        background-color:rgb(var(--bg));
        color:rgb(var(--fg));
        padding: 0.5em 1em;
    }
}
.size-7{font-size:CALC(var(--fsize) * 2.00);line-height:CALC(var(--fsize) * 2.00 * 1.2);font-weight:bold;display:block;margin-top:CALC(var(--fsize) * 1.00);margin-bottom: 0.3em;}
.size-6{font-size:CALC(var(--fsize) * 1.80);line-height:CALC(var(--fsize) * 1.80 * 1.3);font-weight:bold;display:block;margin-top:CALC(var(--fsize) * 2.00);margin-bottom: 0.3em;}
.size-5{font-size:CALC(var(--fsize) * 1.60);line-height:CALC(var(--fsize) * 1.60 * 1.4);font-weight:bold;display:block;margin-top:CALC(var(--fsize) * 1.00);margin-bottom: 0.3em;}
.size-4{font-size:CALC(var(--fsize) * 1.40);line-height:CALC(var(--fsize) * 1.40 * 1.4)}
.size-3{font-size:CALC(var(--fsize) * 1.20);line-height:CALC(var(--fsize) * 1.20 * 1.5)}
.size-2{font-size:CALC(var(--fsize) * 1.00);line-height:CALC(var(--fsize) * 1.00 * 1.5)}
.size-1{font-size:CALC(var(--fsize) * 0.75);line-height:CALC(var(--fsize) * 0.75 * 1.5)}
span{font-size:CALC(var(--fsize) * 1.00);line-height:CALC(var(--fsize) * 1.00 * 1.5)}
table span{margin-top:0.0em !important;margin-bottom:0.0em !important}
table{margin-bottom:0.3em}
table td:has(.size-7), table td:has(.size-6){
    background-color:rgba(var(--bg),0.6);
}
table td:has(.size-4), table td:has(.size-3), table td:has(.size-5){
    background-color:rgba(var(--bg),0.8);
}
#mcd>div{
    margin-bottom: CALC(var(--fsize) / 2);
}
#mcd>div:has(table){
    overflow-x: auto;
    max-width: calc(100% - 2px);
    scrollbar-width: thin;
    scrollbar-color: rgb(var(--bg)) rgba(var(--fg), 0.8);
}