pre.highlight,
.highlight pre {
    max-height: 30rem;
    margin: 1.5rem 0;
    overflow: auto;
    border-radius: var(--tblr-border-radius);
}

pre.highlight,
.highlight pre {
    scrollbar-color: rgba(var(--tblr-scrollbar-color, var(--tblr-body-color-rgb)), 0.16) transparent;
}

pre.highlight::-webkit-scrollbar,
.highlight pre::-webkit-scrollbar {
    width: 1rem;
    height: 1rem;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}

@media (prefers-reduced-motion: reduce) {

    pre.highlight::-webkit-scrollbar,
    .highlight pre::-webkit-scrollbar {
        -webkit-transition: none;
        transition: none;
    }
}

pre.highlight::-webkit-scrollbar-thumb,
.highlight pre::-webkit-scrollbar-thumb {
    border-radius: 1rem;
    border: 5px solid transparent;
    box-shadow: inset 0 0 0 1rem rgba(var(--tblr-scrollbar-color, var(--tblr-body-color-rgb)), 0.16);
}

pre.highlight::-webkit-scrollbar-track,
.highlight pre::-webkit-scrollbar-track {
    background: transparent;
}

pre.highlight:hover::-webkit-scrollbar-thumb,
.highlight pre:hover::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 0 1rem rgba(var(--tblr-scrollbar-color, var(--tblr-body-color-rgb)), 0.32);
}

pre.highlight::-webkit-scrollbar-corner,
.highlight pre::-webkit-scrollbar-corner {
    background: transparent;
}

.highlight {
    margin: 0;
}

.highlight code>* {
    margin: 0 !important;
    padding: 0 !important;
}

.highlight .c,
.highlight .c1 {
    color: #a0aec0;
}

.highlight .nt,
.highlight .nc,
.highlight .nx {
    color: #ff8383;
}

.highlight .na,
.highlight .p {
    color: #ffe484;
}

.highlight .s,
.highlight .dl,
.highlight .s2 {
    color: #b5f4a5;
}

.highlight .k {
    color: #93ddfd;
}

.highlight .s1,
.highlight .mi {
    color: #d9a9ff;
}

.card-sponsor {
    background: var(--tblr-primary-lt) no-repeat center/100% 100%;
    border-color: var(--tblr-primary);
    min-height: 316px;
}

.settings-btn {
    position: fixed;
    right: -1px;
    top: 10rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: rgba(var(--tblr-body-color-rgb), 0.04) 0 2px 4px 0;
}

.settings-scheme {
    display: inline-block;
    border-radius: 50%;
    height: 3rem;
    width: 3rem;
    position: relative;
    border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
    box-shadow: rgba(var(--tblr-body-color-rgb), 0.04) 0 2px 4px 0;
}

.settings-scheme-light {
    background: linear-gradient(135deg, #ffffff 50%, #fcfdfe 50%);
}

.settings-scheme-mixed {
    background-image: linear-gradient(135deg, #182433 50%, #fff 50%);
}

.settings-scheme-transparent {
    background: #fcfdfe;
}

.settings-scheme-dark {
    background: #182433;
}

.settings-scheme-colored {
    background-image: linear-gradient(135deg, var(--tblr-primary) 50%, #fcfdfe 50%);
}