.highlight {
    color: var(--highlight-color);
}

.highlight2 {
    color: var(--highlight-2-color);
}

.highlight3 {
    color: var(--highlight-3-color);
}

.off {
    color: var(--txt2-off-color);
}

.cut, .txt2 .cut {
    border-left: 2px solid var(--text-muted-color);
}

.txt2 {
    font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: var(--font-size);
    min-width: 0;
    word-wrap: break-word;
    word-break: break-word;
}
.txt2 iframe {
    border: 0;
}
.txt2 embed {
    margin-bottom: 14px;
}
.txt2 table {
    margin-bottom: var(--txt2-block-space);
}
.txt2 hr {
    font-size: 1px;
    clear: both;
    height: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid var(--table-border-color);
}
.txt2 table {
    border-collapse: collapse;
}
.txt2 .table {
    overflow-x: auto;
    width: 100%;
    max-width: 100%;
    background: var(--card-body-background);
}
.txt2 .table th, .txt2 .table td {
    min-width: 140px;
}
.txt2 .table th {
    top: var(--header-height);
    background: var(--card-body-background);
}

.txt2-table {
    overflow-x: auto;
}
.txt2-table.in-viewport {
    overflow-x: visible;
}
.txt2-table.in-viewport .table th {
    position: sticky;
}
.txt2 .escape {
    white-space: pre-wrap;
}
.txt2 .ff-container {
    margin: var(--space-tiny);
}
.txt2 .ff-container .ff-overlay {
    top: 50%;
    left: 50%;
    max-width: 32px;
    max-height: 32px;
    margin: 0;
    transform: translate(-50%, -50%);
}

.txt2 ul:not(.txt2-list) {
    padding: 0;
}

.txt2-monospaced {
    border-radius: 2px;
    padding-left: 4px;
    padding-right: 4px;
    color: var(--code-keyword-color);
    border: 1px solid var(--code-border-color);
    background-color: var(--code-background-color);
}

.txt2-list {
    padding-left: var(--space-standard);
}

.txt2-list-item {
    list-style-position: inside;
    margin-left: 1px;
}

.txt2-blockquote {
    margin-bottom: 3px;
    padding-left: 10px;
    color: var(--blockquote-color);
    border-left: 2px solid var(--text-color-inverse);
    background: var(--blockquote-background-color);
}
.txt2-blockquote > .txt2-el:first-child {
    margin-top: 5px;
}
.txt2-blockquote + .txt2-el {
    margin-top: 0;
}
.txt2-blockquote .txt2-pre {
    border-color: var(--dropdown-menu-border-color);
}

.txt2-block {
    margin-bottom: var(--txt2-block-space);
}
.txt2-block:empty {
    display: none;
}
.txt2 > .txt2-block:last-child {
    margin-bottom: 0;
}
.txt2 > .txt2-block:last-child > .txt2-block {
    margin-bottom: 0;
}

.txt2-code {
    overflow-x: auto;
    white-space: pre;
    word-break: normal;
}

.text_right {
    text-align: right;
}

.text_center {
    text-align: center;
}

.text_middle {
    vertical-align: middle !important;
}

.position-left {
    float: left;
    clear: left;
    padding-right: 10px;
    max-width: calc(100% + 10px);
}

.position-right {
    float: right;
    clear: right;
    padding-left: 10px;
    text-align: right;
}

.position-center {
    text-align: center;
}
.position-center img {
    margin-right: 0;
    margin-left: 0;
    padding: 0;
}

.suggested-answer-box .position-inline img {
    max-width: 160px;
    max-height: 280px;
}

.txt2-video-wrap.txt2-video-wrap-vertical .txt2-video-inner {
    width: 315px;
}
.txt2-video-wrap.txt2-video-wrap-vertical .txt2-video-container {
    padding-bottom: 180%;
}

.txt2-video-wrap, .txt2-audio-wrap {
    text-align: center;
}
.txt2-video-inner {
    display: inline-block;
    width: 600px;
    max-width: 100%;
}
.txt2-video-container {
    position: relative;
    padding-bottom: 60%;
}
.txt2-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.embedded-audio {
    width: 100%;
    max-width: 600px;
}

.embedded-gif img {
    max-width: 100%;
    margin: 0;
    padding: 0 0 5px 0;
}

.txt2-layout {
    display: flex;
    flex-wrap: wrap;
    margin-right: calc(var(--txt2-layout-column-gap) * -0.5);
    margin-left: calc(var(--txt2-layout-column-gap) * -0.5);
}
.txt2-layout > .txt2-error {
    width: 100%;
    flex-basis: 100%;
    max-width: 100%;
    margin: calc(var(--txt2-layout-column-gap) * 0.5);
}

.txt2-layout-column {
    padding: calc(var(--txt2-layout-column-gap) * 0.5);
}

.txt2-layout-column-33 {
    width: 33.33%;
    flex-basis: 33.33%;
    max-width: 33.33%;
}

.txt2-layout-column-50 {
    width: 50%;
    flex-basis: 50%;
    max-width: 50%;
}

.txt2-layout-column-66 {
    width: 66.66%;
    flex-basis: 66.66%;
    max-width: 66.66%;
}

@media (max-width: 640px), (max-width: 834px) and (orientation: portrait) {
    .layout-root .txt2-layout-column {
        width: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding: calc(var(--txt2-layout-column-gap) * 0.5);
    }
    .layout-root .txt2 {
        --font-size: 16px;
    }
}

.txt2-bold {
    font-weight: bold;
}

.txt2-spoiler {
    margin-bottom: var(--space-standard);
}

.txt2-spoiler-content {
    border-left: 2px solid var(--text-muted-color);
}

.txt2-code-copy-button-container {
    position: relative;
    bottom: -1px;
    clear: both;
    text-align: right;
}

.txt2-code-copy-button {
    display: inline-block;
    padding: 0 5px;
    user-select: none;
}

.txt2-pre {
    overflow: auto;
    width: 100%;
    max-height: 500px;
    margin: 0 0 var(--txt2-block-space);
    padding: 5px;
}
.txt2-pre .id,
.txt2-pre .phpdoc,
.txt2-pre .vbscript .built_in,
.txt2-pre .rsl .built_in,
.txt2-pre .cpp .built_in,
.txt2-pre .aggregate,
.txt2-pre .smalltalk .class,
.txt2-pre .winutils,
.txt2-pre .bash .variable {
    font-weight: bold;
}
.txt2-pre .html .css,
.txt2-pre .html .javascript,
.txt2-pre .html .vbscript {
    opacity: 0.5;
}
.txt2-pre .string {
    color: var(--code-string-color);
}
.txt2-pre .title,
.txt2-pre .parent,
.txt2-pre .tag .attribute .value,
.txt2-pre .rules .value,
.txt2-pre .rules .value .number,
.txt2-pre .preprocessor,
.txt2-pre .ruby .symbol,
.txt2-pre .instancevar,
.txt2-pre .aggregate,
.txt2-pre .template_tag,
.txt2-pre .django .variable,
.txt2-pre .smalltalk .class,
.txt2-pre .addition,
.txt2-pre .flow,
.txt2-pre .stream,
.txt2-pre .bash .variable {
    color: var(--code-vartypes-color);
}
.txt2-pre .comment {
    color: var(--code-comment-color);
}
.txt2-pre .commentdoc, .txt2-pre .luadoc, .txt2-pre .phpdoc {
    color: var(--code-comment-doc-color);
    font-weight: bold;
}
.txt2-pre .annotation,
.txt2-pre .template_comment,
.txt2-pre .diff .header,
.txt2-pre .chunk {
    color: var(--levelbar-background);
    border-radius: 0;
    background: var(--text-color-max-inverse);
}
.txt2-pre .number,
.txt2-pre .regexp,
.txt2-pre .literal,
.txt2-pre .smalltalk .symbol,
.txt2-pre .smalltalk .char,
.txt2-pre .change {
    color: var(--code-number-color);
}
.txt2-pre .javadoc,
.txt2-pre .ruby .string,
.txt2-pre .decorator,
.txt2-pre .filter .argument,
.txt2-pre .localvars,
.txt2-pre .array,
.txt2-pre .attr_selector,
.txt2-pre .pi,
.txt2-pre .doctype,
.txt2-pre .deletion,
.txt2-pre .envvar,
.txt2-pre .shebang {
    color: var(--code-array-color);
}
.txt2-pre .vartypes,
.txt2-pre .lua .built_in {
    color: var(--code-vartypes-color);
}
.txt2-pre .keyword {
    color: var(--code-keyword-color);
    font-weight: bold;
}

.checkbox-column {
    width: 14px;
    margin: 0 !important;
    padding-right: 0 !important;
}
.checkbox-column > input[type=checkbox] {
    margin-top: -2px;
}

.checkbox-selector {
    padding-left: 8px;
}
.checkbox-selector > input[type=checkbox] {
    margin-top: -2px;
}

.txt2 .as-lazy-media {
    background: var(--btn-border-color);
    color-scheme: normal;
}