@import url("giallo-dark.css") (prefers-color-scheme: dark);
@import url("giallo-light.css") (prefers-color-scheme: light);

pre {
    position: relative;
    font-family: var(--mono-font);
    padding: 1.25rem;
    border-radius: var(--standard-border-radius);
    border-style: solid;
    border-color: var(--overlay0);
    border-width: 0.15rem;
    line-height: initial;
    overflow: hidden;
    overflow-x: auto;

    &>code {
        background-color: initial;
        border: initial;
        padding: 0;
    }

    &[data-linenos] {
        padding: 1.25rem 0;
    }

    table {
        width: 100%;
        border-collapse: collapse;
        margin: 0;

        th,
        td,
        tr {
            border: none;
            padding: 0
        }

        td:nth-of-type(1) {
            text-align: center;
            vertical-align: top;
            user-select: none;
            color: var(--overlay1);
        }

        tr:nth-child(even) td {
            background-color: inherit;
        }
    }

    mark {
        display: block;
    }
}

code {
    font-family: var(--mono-font);
    background-color: var(--mantle);
    padding: .2rem;
    border-radius: .3rem;
    border-style: dashed;
    border-width: .1rem;
    border-color: var(--surface0);
}

.giallo-ln {
    padding-right: 1rem;
}