pre {
    border-radius: 0.25rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    overflow-x: auto;
    overflow-y: hidden;
}


pre code.torchlight {
    display: block;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    padding-top: 1rem;
    padding-bottom: 1rem;
}


pre code.torchlight .line {
    padding-left: 1rem;
    padding-right: 1rem;
}


pre code.torchlight .line-number,
pre code.torchlight .summary-caret {
    margin-right: 1rem;
}


.torchlight.has-focus-lines .line:not(.line-focus) {
    transition: filter 0.35s, opacity 0.35s;
    filter: blur(.095rem);
    opacity: .65;
}


.torchlight.has-focus-lines:hover .line:not(.line-focus) {
    filter: blur(0px);
    opacity: 1;
}

.torchlight.has-focus-lines .line:not(.line-focus) {
    transition: filter 0.35s, opacity 0.35s;
    filter: blur(.095rem);
    opacity: .65;
}

.torchlight.has-focus-lines:hover .line:not(.line-focus) {
    filter: blur(0px);
    opacity: 1;
}

.torchlight summary:focus {
    outline: none;
}

.torchlight details>summary::marker,
.torchlight details>summary::-webkit-details-marker {
    display: none;
}

.torchlight details .summary-caret::after {
    pointer-events: none;
}

.torchlight .summary-caret-empty::after,
.torchlight details .summary-caret-middle::after,
.torchlight details .summary-caret-end::after {
    content: " ";
}

.torchlight details[open] .summary-caret-start::after {
    content: "-";
}

.torchlight details:not([open]) .summary-caret-start::after {
    content: "+";
}

.torchlight details[open] .summary-hide-when-open {
    display: none;
}

.torchlight details:not([open]) .summary-hide-when-open {
    display: initial;
}

#content,
#content ul {
    list-style-type: none
}

#content a {
    line-height: 2.2rem
}

#content a:before {
    content: "# ";
    padding: 0px 7px;
    color: #50CD89;
}

.container-code .btn-code {
    top: 12px;
    right: 0px;
    opacity: 0;
    z-index: 1;
    transition: all 1s ease-out;
}

.container-code:hover .btn-code {
    opacity: .75;
}

.container-code code {
    margin: 0px;
}

.methods-list {
    column-count: 3;
    -moz-column-count: 3;
    -webkit-column-count: 3;

    column-gap: 2em;
    -moz-column-gap: 2em;
    -webkit-column-gap: 2em;
}

.methods-list a {
    display: block;
    font-weight: 500;
    margin-bottom: 10px;
    text-decoration: underline;
}
