#ipynb-target {
    h1 {
        @apply text-2xl font-bold;
    }

    hr {
        margin-bottom: 1em;
    }
    #header {
        line-height: 2;
        margin-bottom: 0.25em;
        font-weight: bold;
    }

    #controls {
        border: 1px dotted #ccc;
        padding: 0.75em;
        margin-bottom: 0.5em;
        background-color: #eef;
    }

    #footer {
        border: 1px dotted #ccc;
        background-color: #eef;
        font-size: 0.8em;
        padding: 0.5em;
        text-align: center;
    }

    #footer a,
    #footer a:visited {
        color: #0077ee;
    }

    .nb-notebook {
        line-height: 1.5;
    }

    .nb-notebook pre {
        padding: 0.5em;
        color: rgb(0, 0, 0);
        background: rgb(248, 248, 255);
        font-size: 14px;
    }

    .nb-stdout,
    .nb-stderr {
        white-space: pre-wrap;
        margin: 1em 0;
        padding: 0.1em 0.5em;
    }

    .nb-stderr {
        background-color: #faa;
    }

    .nb-cell + .nb-cell {
        margin-top: 0.5em;
    }

    .nb-output table {
        border: 1px solid #000;
        border-collapse: collapse;
    }

    .nb-output th {
        font-weight: bold;
    }

    .nb-output th,
    .nb-output td {
        border: 1px solid #000;
        padding: 0.25em;
        text-align: left;
        vertical-align: middle;
        border-collapse: collapse;
    }

    .nb-notebook blockquote {
        border-left: 5px solid #ccc;
        margin-left: 0;
        padding-left: 1em;
    }

    .nb-cell {
        position: relative;
    }

    .nb-raw-cell {
        white-space: pre-wrap;
        background-color: #f5f2f0;
        font-family: Consolas, Monaco, "Andale Mono", monospace;
        padding: 1em;
        margin: 0.5em 0;
    }

    .nb-output {
        min-height: 1em;
        width: 100%;
        overflow-x: scroll;
        border-right: 1px dotted #ccc;
    }

    .nb-output img {
        max-width: 100%;
    }

    .nb-output:before,
    .nb-input:before {
        position: absolute;
        font-family: monospace;
        color: #999;
        left: -7.5em;
        width: 7em;
        text-align: right;
    }

    .nb-input:before {
        content: "In [" attr(data-prompt-number) "]:";
    }

    .nb-output:before {
        content: "Out [" attr(data-prompt-number) "]:";
    }

    div[style="max-height:1000px;max-width:1500px;overflow:auto;"] {
        max-height: none !important;
    }
}

.embed-ipynb {
    .nb-input:before {
        display: none;
    }
}
