/* the badge itself */
html body details.rst-versions {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #0027de;
    padding: .5em .75em;
    font-size: .9em;
    z-index: 4000;
    border: none;
}

/* other versions line */
details.rst-versions > summary{
    gap:.4em;
    padding:.55em .8em;
    list-style:none;
    cursor:pointer;
    font-weight:600;
    outline:none;
    display:flex;
    align-items:center;
}

/* book icon */
details.rst-versions > summary .fa{
    color:#d0d0d0;
}

/* current version in green */
details.rst-versions > summary .current{
    color:#78e08f;
    font-weight:700;
    margin-left: auto;
}
details.rst-versions > summary .caret::after{
    content:"▾";
    color:#d0d0d0;
    margin-left: .35em;
    flex-shrink: 0;
}
details.rst-versions[open] > summary .caret::after{
    content:"▴";
}

/* dropdown panel */
.version-panel{
    max-height:260px;
    overflow:auto;
    padding:.6em .8em 1em;
    background:#202020;
    box-shadow:0 2px 8px rgba(0,0,0,.35);
}

/* section headings */
.version-panel .heading{
    margin:.4em 0 .2em;
    font-size:.8em;
    font-weight:600;
    text-transform:uppercase;
    color:#a0a0a0;
}

/* lists and links */
.version-panel ul{
    columns:2 14em;
    list-style:none;
    margin:.15em 0 .6em;
    padding:0;
}
.version-panel li{ margin:0; }
.version-panel a{
    display:block;
    padding:.15em 0;
    color:#fff;
    text-decoration:none;
}
.version-panel a:hover{
    color:#78e08f;
    text-decoration:underline;
}