.row.big {
    margin: 0px;
    padding: 0px;
}

.list-group {
    height: auto;
    overflow-y: auto;
    max-height: 100vh;
}

iframe.ogdb_iframe {
    overflow: hidden;
    min-height: 300px;
}

div#list-example {
    position: sticky;
    top: 10px;
}

@media print {
    .list-group {
        display: none;
    }

    iframe, body, html {
        overflow: hidden;
        height: auto;
    }

    body {
        background-color: white;
        color: black;
    }
}

.scroller {
    width: 0px;
    height: 10px;
    top: 0px;
    position: fixed;
    background-color: red;
    border-radius: 3px;

    animation: an 1s linear;
    animation-play-state: paused;
    animation-delay: calc(var(--scroll) * -1s);
    animation-iteration-count: 1;
    animation-fill-mode: both;
}

@keyframes an {
    100% {
        width: 100vw;
        background-color: yellow;
    }
}

pre.shiki {
    max-height: 50vh;
    
    white-space: pre;
    word-wrap: normal;
    overflow-x: auto;
    border-radius: 8px;

    font-size: 15px;
}

div.code {
    position: relative;
}

div.code > button {
    position: absolute;
    right: 120px;
    background-color: white;
    border: 1px solid gray;
    border-radius: 5px;
    padding: 10px;
}



div.code > button.link {
    right: 20px;
}

mjx-container.MathJax {
    overflow-x: auto;
    overflow-y: hidden;
}

img {
    max-width: 100%;
}

div.big > div.col {
    max-width: 80vw;
}