body_alink {
    color: #EFEFEF;
    text-decoration: none;
}

 body_avisited {
    color: #000066;
    text-decoration: none;
}

 body_ahover {
    color: #0000AA;
    text-decoration: none;
}

.page {
    background: #939393;
    color: #000000;
}

    .page a:link, .page_alink {
        color: #000088;
    }

    .page a:visited, .page_avisited {
        color: #000088;
    }

    .page a:hover, .page a:active, .page_ahover {
        color: #CC0000;
        text-decoration: underline;
    }


.tborder {
    background: #CACACA;
    color: #000000;
}

.tcat {
    background: #000000;
    color: #CFCFCF;
}

    .tcat a:link, .tcat_alink {
        color: #DFDFDF;
        text-decoration: none;
    }

    .tcat a:visited, .tcat_avisited {
        color: #DFDFDF;
        text-decoration: none;
    }

    .tcat a:hover, .tcat a:active, .tcat_ahover {
        background: transparent;
        text-decoration: underline;
    }

.thead {
    background: #0A2A30;
    color: #E9E9E9;
    border: none;
}

    .thead a:link, .thead_alink {
        color: #E9E9E9;
        text-decoration: underline;
    }

    .thead a:visited, .thead_avisited {
        color: #E9E9E9;
        text-decoration: underline;
    }

    .thead a:hover, .thead a:active, .thead_ahover {
        color: #FFCC44;
        text-decoration: underline;
    }

.tfoot {
    background: #BABABA;
    color: #000000;
}

    .tfoot a:link, .tfoot_alink {
        color: #990000;
        text-decoration: none;
    }

    .tfoot a:visited, .tfoot_avisited {
        color: #990000;
        text-decoration: none;
    }

    .tfoot a:hover, .tfoot a:active, .tfoot_ahover {
        background: transparent;
        color: #CC0000;
        text-decoration: underline;
    }

.alt1, .alt1Active {
    background: #F2F2F2;
    color: #000000;
}

    .alt1 a:link, .alt1_alink, .alt1Active a:link, .alt1Active_alink {
        color: #000000;
    }

    .alt1 a:visited, .alt1_avisited, .alt1Active a:visited, .alt1Active_avisited {
        color: #000000;
    }

    .alt1 a:hover, .alt1 a:active, .alt1_ahover, .alt1Active a:hover, .alt1Active a:active, .alt1Active_ahover {
        color: #000099;
        text-decoration: underline;
    }

.alt2, .alt2Active {
    background: #D8D8D8;
    color: #000000;
}

    .alt2 a:link, .alt2_alink, .alt2Active a:link, .alt2Active_alink {
        color: #000000;
    }

    .alt2 a:visited, .alt2_avisited, .alt2Active a:visited, .alt2Active_avisited {
        color: #000000;
    }

    .alt2 a:hover, .alt2 a:active, .alt2_ahover, .alt2Active a:hover, .alt2Active a:active, .alt2Active_ahover {
        color: #CC0000;
        text-decoration: underline;
    }

.inlinemod {
    background: #FFFFCC;
    color: #000000;
}

.wysiwyg {
    background: #F2F2F2;
    color: #000000;
    margin: 5px 10px 10px 10px;
    padding: 0px;
}

    .wysiwyg a:link, .wysiwyg_alink {
        color: #000066;
    }

    .wysiwyg a:visited, .wysiwyg_avisited {
        color: #000022;
    }

    .wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover {
        color: #000099;
        text-decoration: underline;
    }

 .bginput {
    background: #FAFAFA;
}

    .bginput option, .bginput optgroup {
        font-size: 10pt;
    }

.button {
    padding: 5px 11px;
    color: var(--color-text-secondary-priority-middle);
    font-weight: 600;
    border: 1px solid var(--color-border-middle-contrast);
    white-space: nowrap;
    border-radius: 4px;
}
    .button:hover {
        border: 1px solid var(--color-button-border-on-hover);
        color: var(--color-text-primary);
    }



    .smallfont {
    }

.time {
    color: #000000;
}

.navbar {
    font: inherit;
}

.highlight {
    color: #000099;
    font-weight: bold;
}

.fjsel {
    background: #0A2A30;
    color: #DFDFDF;
}

.fjdpth0 {
    background: #E6E6E6;
    color: #000000;
}

.panel {
    padding: 10px;
}

.panelsurround {
    background: #CDCDCD;
}


.vbmenu_control {
    background: #0A2A30;
    color: #DFDFDF;
    padding: 3px 6px 3px 6px;
    white-space: nowrap;
}

    .vbmenu_control a:link, .vbmenu_control_alink {
        color: #FFFFFF;
        text-decoration: none;
    }

    .vbmenu_control a:visited, .vbmenu_control_avisited {
        color: #FFFFFF;
        text-decoration: none;
    }

    .vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover {
        background: transparent;
        color: #FFCC44;
        text-decoration: underline;
    }

.vbmenu_popup {
    background: #E0E0E0;
    color: #000000;
    border: 1px solid #770000;
}

.vbmenu_option {
    background: #F5F5F5;
    color: #000000;
    white-space: nowrap;
    cursor: pointer;
}

    .vbmenu_option a:link, .vbmenu_option_alink {
        color: #000000;
        text-decoration: none;
    }

    .vbmenu_option a:visited, .vbmenu_option_avisited {
        color: #000000;
        text-decoration: none;
    }

    .vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover {
        color: #FFFFFF;
        text-decoration: none;
    }

.vbmenu_hilite {
    background: #0A2A30;
    color: #DFDFDF;
    white-space: nowrap;
    cursor: pointer;
}

    .vbmenu_hilite a:link, .vbmenu_hilite_alink {
        color: #FFFFFF;
        text-decoration: none;
    }

    .vbmenu_hilite a:visited, .vbmenu_hilite_avisited {
        color: #FFFFFF;
        text-decoration: none;
    }

    .vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover {
        color: #FFFFFF;
        text-decoration: none;
    }
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername {
    font-size: 10pt;
    font-weight: bold
}

/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead {
    padding: 8px 12px;
}

/* ***** basic styles for multi-page nav elements */
.pagenav a {
    text-decoration: none;
}

.pagenav td {
    padding: 2px 4px 2px 4px;
}

/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited {
    color: #777777;
    text-decoration: none;
}

a.shade:active, a.shade:hover {
    color: #FF4400;
    text-decoration: underline;
}

.tcat .shade, .thead .shade, .tfoot .shade {
    color: #111111;
}

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset {
    margin-bottom: 6px;
}

    .fieldset, .fieldset td, .fieldset p, .fieldset li {
    /*    font-size: 11px;*/
    }
 

.normal {
    font-weight: normal;
}

.inlineimg {
    vertical-align: middle;
}

.underline {
    text-decoration: underline;
}

/* styles for left menu */
#leftmenu .page {
    /* width: 140px; */
    width: 160px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#leftmenu table {
    /* width: 134px; */
    width: 152px;
    border: 0;
}

#leftmenu a.special {
    font-family: Verdana;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
    display: block;
    margin: 2px 0 2px 0;
}

#leftmenu a.specialsmall {
    font-family: Verdana;
    font-size: .55em;
    margin: 0;
    font-weight: bold;
    text-decoration: none;
    display: block;
    margin: 2px 0 2px 0;
}

#leftmenu .heading a {
    font-family: Verdana;
    font-weight: bold;
    text-decoration: none;
    display: block;
    font-size: 8pt;
    line-height: 1em;
    margin: 2px 0 2px 0;
}

#leftmenu .heading img {
    margin-right: 2px;
}

#leftmenu .heading {
    line-height: .8em;
}

#leftmenu a.heading {
    font-family: Verdana;
    font-size: 7pt;
    font-weight: bold;
    text-decoration: none;
}

#leftmenu a.menu {
    font-family: Verdana;
    font-size: 8pt;
    text-decoration: none;
    /*    color: #666699; */
    font-weight: normal;
    display: block;
    line-height: 1em;
    margin: 3px 0 3px 0;
}


#leftmenu a.menu {
}


#leftmenu a.other {
    font-family: Verdana;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none; /*    color:  #2f4f4f; */
    display: block;
}

#leftmenu a.menuaction {
    font-family: Verdana;
    font-size: 8pt;
    text-decoration: none;
    /*  color: #666699;*/
}

#leftmenu a.menu:hover {
    text-decoration: underline;
}


#leftmenu .Subs {
    padding-bottom: 1px;
    margin-left: 14px;
    width: 116px;
}

#leftmenu .menusection {
    align: left;
    text-align: left;
    padding-left: 3px;
}
/* end styles for left menu */

#twitch-video, #twitch-chat, #twitch-top-streams {
    margin: auto;
    text-align: center;
}

.minitwitch {
    display: inline;
    float: left;
}

.minitwitch {
    margin: 5px;
}

    .minitwitch p {
        margin: 2px;
        padding: 2px;
    }

.tcat {
    padding: 6px 8px;
}

#leftmenu a.menu:visited {
    color: #001188;
}

.postbitlinks a:link, .posbitlinks a:active {
    color: #000077;
    text-decoration: underline;
}

.postbitlinks a:visited {
    color: #000033;
    text-decoration: underline;
}

.postbitlinks a:hover {
    color: #0000AA;
    text-decoration: underline;
}

/* ***** thread prefix colors ***** */
.stickyprefix {
    color: #333333;
    font-weight: bold;
}

.pollprefix {
    color: #000000;
}

.movedprefix {
    color: #000000;
}

/* ***** thread status colors ***** */
.alt1_unread, .alt2_unread {
    background: #E2E2E2;
    color: inherit;
}

.alt1_uposted, .alt2_uposted {
    background: #ECECEC;
    color: inherit;
}

.alt1_closed, .alt2_closed {
    background: #F2F2F2;
    color: inherit;
}

.alt1_popular, .alt2_popular {
    background: #F2F2F2;
    color: inherit;
}

.alt1_read, .alt2_read {
    background: #F2F2F2;
    color: inherit;
}

    /* *** link colors in above if enabled *** */
    .alt1_unread a:link, .alt1_uposted a:link, .alt1_closed a:link, .alt1_popular a:link, .alt1_read a:link {
        color: #000000;
    }

    .alt1_unread a:visited, .alt1_uposted a:visited, .alt1_closed a:visited, .alt1_popular a:visited, .alt1_read a:visited {
        color: #000000;
    }

    .alt1_unread a:hover, .alt1_uposted a:hover, .alt1_closed a:hover, .alt1_popular a:hover, .alt1_read a:hover {
        color: #000099;
    }

table {
    border-radius: 4px;
    overflow: hidden;
}

label {
    display: flex;
    gap: 8px;
    align-items: center;
}

.ncode_imageresizer_warning {width: auto;}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
    margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
    border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
    /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
    /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type='button'],
[type='reset'],
[type='submit'] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type='checkbox'],
[type='radio'] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type='search'] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
    display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
    display: none;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}
@-moz-document url-prefix() {
    .mozilla-extra-padding {padding-right: 38px !important;}
}

/*Removes focus from JS focused elements*/
*:focus:not(.focus-visible) {outline: none;}

body {background: var(--color-background-surface) !important;}

.page-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
   /* grid-template-rows: min-content auto;*/
}
.shadow{ box-shadow: var(--shadow); }
.shadow--small { box-shadow: var(--shadow-small); }
.main {
    flex: 0 0 auto;
    overflow: visible;
}

.full-viewport-height{height: 100vh;}
.full-viewport-width {width: 100vw;}
.page-content {background: var(--color-background-surface)}
.inline{display: inline;}
.background_level-one{background: var(--color-background-surface-high-contrast)}
.background_level-two{background: var(--color-background-surface);}
.background_level-three-light {background: var(--color-background-surface-middle-contrast);}
.background_level-three {background: var(--color-background-surface-middle-contrast2);}
.background_level-three-dark {background: var(--color-background-surface-middle-contrast2);}
.background_level-four {background: var(--color-background-surface-low-contrast2);}
.background_level-six {background: var(--color-background-surface-low-contrast);}
.background_highlight {background: var(--color-background-highlight)}
.vertical-line {border-left: 1px solid var(--color-border-default);}
a {
    text-decoration: none;
    color: inherit;
}
.shadow-default {box-shadow: 0px 2px 5px var(--color-shadow);}

.border-topless {
    border-bottom: var(--border-light-theme);
    border-right: var(--border-light-theme);
    border-left: var(--border-light-theme);
    border-radius: var(--scale-border-radius-light-theme);
}

.multiline-overflow-dotted {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

.multiline-overflow-dotted--four-lines {-webkit-line-clamp: 4;}
.multiline-overflow-dotted--three-lines {-webkit-line-clamp: 3;}
.multiline-overflow-dotted--two-lines {-webkit-line-clamp: 2;}
.multiline-overflow-dotted--one-line {-webkit-line-clamp: 1;}

.width-limited {
    max-width: 1000pt;
}
.border-dark-theme {
    border: var(--editor-border);
}
.max-text-width{max-width: 700pt;}
.width-max-content {width: max-content; }

.contain{object-fit: contain;}

.block {padding: 8px 0;}
.block-small{padding: 4px 0;}
.container--big { padding: 8px 16px; }
.container{padding: 8px 12px}
.smal-container{padding: 6px 8px;}
.small-container--long{padding: 1px 10px;}
.page-inner-container {padding: 12px 12px;}
.grey-container {background: var(--color-background-surface-low-contrast-light-theme);}
.padding-bottom-default{padding-bottom: 8px;}
.padding-left-default{padding-left: 8px;}
.contrast-block{
    background: var(--color-background-primary);
    color: var(--color-text-on-primary);
}

.contents {display: contents;}

.tap-zone a {
    display: flex;
    align-items: center;
    height: 36px;
    white-space: nowrap;
    width: min-content;
}



.tap-zone--hoverable a {
    padding-right: 12px;
    padding-left: 12px;
}

.tap-height{height: 36px;}

.tap-area {
    height: 36px;
    width: 36px;
}

.tap-zone--small a {height: 30px;}

.tap-area--small {
    height: 30px;
    width: 30px;
}

.contrast-block--light {
    background: var(--color-background-surface-middle-contrast-colored);
}
.dashed {
    text-decoration: underline dashed;
    text-decoration-color: var(--color-text-decoration-priority-middle);
    text-underline-offset: 3px;
}

.underline {
    text-decoration: underline;
    text-decoration-color: var(--color-text-decoration-priority-middle);
    text-underline-offset: 3px;
}


hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid var(--color-border-default);
    margin: 0;
    padding: 0;
}

.margin-space {margin: 0 7px;}

.no-text-decoration {text-decoration: none;}
.circle {border-radius: 50%;}
.border-rounded {border-radius: 4px;}
.upper-border-rounded{border-radius: 4px 4px 0 0}

.no-wrap {white-space: nowrap;}
.flex-wrap {flex-wrap: wrap;}
.flex-item-min-length {flex: 0 0 auto;}
.flex-item-grow{flex: 1 1 auto;}
.flex-item-max-length {flex: 0 100%;}
.flex-item-unit-length{flex: 1 1 0;}

.contrast-block--blue {
    padding: 6px 12px;
    background: var(--color-background-primary-colored);
    color: var(--color-text-on-primary-priority-high);
}

.display-block{display: block;}
.underline-links a {
    text-decoration: underline var(--color-text-decoration-priority-middle);
    text-underline-offset: 3px;
}
    .underline-links a:hover {
        text-decoration-color: var(--color-link-text-primary-decoration-on-hover);
    }
.main-with-header-container{}
.width-zero{width: 0;}
.overflow_dotted {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.overflow-horizontal-auto {overflow-x: auto;}

a:hover {color: var(--color-link-text-primary-on-hover);}
a:hover.color-unset {color: unset;}


.italic{font-style: italic;}

.text-center{text-align: center;}

.bigger-tap-area {position: relative;}

    .bigger-tap-area:after {
        content: '';
        position: absolute;
        top: -10px;
        bottom: -10px;
        left: -10px;
        right: -10px;
    }

.bigger-tap-area--big {position: relative;}

    .bigger-tap-area--big:after {
        content: '';
        position: absolute;
        top: -30px;
        bottom: -30px;
        left: -30px;
        right: -30px;
    }

    .relative {
        position: relative;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

.absolute {position: absolute;}
.fixed { position: fixed; }

.row {display: flex;}
.row-inline{display: inline-flex;}

.column {
    display: flex;
    flex-direction: column;
}
.gap-space-row{row-gap: 7px;}
.gap-space-column {column-gap: 7px;}

.border-buttom-left-rounded {border-bottom-left-radius: 4px;}
.border-buttom-right-rounded {border-bottom-right-radius: 4px;}

.mt-2x{margin-top: 8px;}

.row-gap_1x {row-gap: 4px;}
.row-gap_2x {row-gap: 8px;}
.row-gap_3x {row-gap: 12px;}
.row-gap_4x {row-gap: 16px;}
.row-gap_5x {row-gap: 20px;}

.column-gap_1x {column-gap: 4px;}
.column-gap_2x {column-gap: 8px;}
.column-gap_3x {column-gap: 12px;}
.column-gap_4x {column-gap: 16px;}
.column-gap_5x {column-gap: 20px;}
.column-gap_6x {column-gap: 24px;}
.column-gap_8x {column-gap: 32px;}



.row.gap-space > * {margin-right: 7px;}
.row.gap_1x > * {margin-right: 4px;}
.row.gap_2x > * {margin-right: 8px;}
.row.gap_3x > * {margin-right: 12px;}
.row.gap_4x > * {margin-right: 16px;}
.row.gap_5x > * {margin-right: 20px;}
.row.gap_6x > * {margin-right: 24px;}
.row.gap_7x > * {margin-right: 28px;}
.row.gap_8x > * {margin-right: 32px;}
.row.gap_9x > * {margin-right: 36px;}
.row.gap_10x > * {margin-right: 40px;}

    .row.gap-space > *:last-child,
    .row.gap_1x > *:last-child,
    .row.gap_2x > *:last-child,
    .row.gap_3x > *:last-child,
    .row.gap_4x > *:last-child,
    .row.gap_5x > *:last-child,
    .row.gap_6x > *:last-child,
    .row.gap_7x > *:last-child,
    .row.gap_8x > *:last-child,
    .row.gap_9x > *:last-child,
    .row.gap_10x > *:last-child {
        margin-right: 0;
    }

.grid-gap_3x {
   grid-gap: 12px;
   gap: 12px;
}
.grid-gap_2x {
    grid-gap: 8px;
    gap: 8px;
}

.row_vertical-spacing_2x > * {margin-bottom: 8px;}

.column.gap_1x > * + * {margin-top: 4px;}
.column.gap_2x > * + * {margin-top: 8px;}
.column.gap_3x > * + * {margin-top: 12px;}
.column.gap_4x > * + * {margin-top: 16px;}
.column.gap_5x > * + * {margin-top: 20px;}
.column.gap_6x > * + * {margin-top: 24px;}
.column.gap_7x > * + * {margin-top: 28px;}
.column.gap_8x > * + * {margin-top: 32px;}
.column.gap_9x > * + * {margin-top: 36px;}
.column.gap_10x > * + * {margin-top: 40px;}

.column-spacing_two-pixels > * + * {margin-top: 2px;}
.column_spacing_1x > * + * {margin-top: 4px;}
.column_spacing_2x > * + * {margin-top: 8px;}
.column_spacing_3x > * + * {margin-top: 12px;}
.mobile-column_spacing_3x > * + * {margin-top: 12px;}
.column_spacing_4x > * + * {margin-top: 16px;}
.column_spacing_5x > * + * {margin-top: 20px;}
.column_spacing_6x > * + * {margin-top: 24px;}
.column_spacing_7x > * + * {margin-top: 28px;}
.column_spacing_8x > * + * {margin-top: 32px;}
.column_spacing_9x > * + * {margin-top: 36px;}
.column_spacing_10x > * + * {margin-top: 40px;}

.row_spacing_1x > * {margin-right: 4px;}
.row_spacing_6px > * {margin-right: 6px;}
.row_spacing_2x > * {margin-right: 8px;}
.row_spacing_3x > * {margin-right: 12px;}
.row_spacing_4x > * {margin-right: 16px;}
.row_spacing_5x > * {margin-right: 20px;}
.row_spacing_6x > * {margin-right: 24px;}
.row_spacing_7x > * {margin-right: 28px;}
.row_spacing_8x > * {margin-right: 32px;}
.row_spacing_9x > * {margin-right: 36px;}
.row_spacing_10x > * {margin-right: 40px;}

    .row_spacing_1x > *:last-child,
    .row_spacing_6px > *:last-child,
    .row_spacing_2x > *:last-child,
    .row_spacing_3x > *:last-child,
    .row_spacing_4x > *:last-child,
    .row_spacing_5x > *:last-child,
    .row_spacing_6x > *:last-child,
    .row_spacing_7x > *:last-child,
    .row_spacing_8x > *:last-child,
    .row_spacing_9x > *:last-child,
    .row_spacing_10x > *:last-child {
        margin-right: 0;
    }


.row_align_right {justify-content: flex-end;}
.row_align_left {justify-content: flex-start;}
.stretched {align-self: stretch;}
.align-self-end{align-self: flex-end;}
.align-self-start {align-self: flex-start;}
.align-self-center{align-self: center;}
.align-self-stretch {align-self: stretch;}
.stretch{}
.row > .stretch {
    flex-grow: 1;
    overflow: hidden;
}

.border-default{border: 1px solid black;}

.column > .stretch {
    flex-grow: 1;
    overflow: hidden;
}

.mb-minus_2x{margin-bottom: -8px;}

.mb-minus-one-pixel{margin-bottom: -1px;}
.mb-minus-two-pixel {margin-bottom: -2px;}
.mb-two-pixel {margin-bottom: 2px;}
.mb-one-pixel{margin-bottom: 1px;}
.mt-four-pixel{margin-top: 4px;}
.mt-minus-four-pixel {margin-top: -4px;}
.mt-minus-two-pixel{margin-top: -2px;}
.mt-minus-one-pixel {margin-top: -1px;}
.font-zero {font-size: 0;}
.border {border: 1px solid;}

.align-stretch {align-items: stretch;}
.align-center {align-items: center;}
.align-end {align-items: flex-end;}
.align-start {align-items: flex-start;}
.justify-center {justify-content: center;}
.space-between {justify-content: space-between;}
.justify-start {justify-content: flex-start;}
.justify-end {justify-content: flex-end;}
.align-content-start{align-content: flex-start;}

.full-height {height: 100%;}
.full-width {width: 100%;}

.height_3x{height: 12px;}

.max-width-normal {max-width: 400px}

.single-line {
    white-space: nowrap;
    overflow: hidden;
}
.single-line br {
    display: none;
}
.right-zero{right: 0;}
.left-zero {right: 0;}
.single-line * {
    display: inline;
    white-space: nowrap;
}

.grid {display: grid;}

.pointer {cursor: pointer;}

.disabled-button {
    pointer-events: none;
    cursor: not-allowed;
}



.flex-order-one {order: 1;}

.flex-one{flex: 1;}

.flex-grow-auto{flex: 1 0 auto;}

.flex-shrink-min-content {
    flex: 0 1 min-content;
}

.align-top-to-text {
    padding-top: 4px;
}

.grayscale {filter: grayscale(1);}

.height-fit-content{height: fit-content;}
.width-fit-content {
    width: fit-content;
}

.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.3;
}
.mt-two-pixels {margin-top: 2px;}
.vertical-align-middle {vertical-align: middle;}

.overflow-hidden{overflow: hidden;}
.overflow-auto{overflow: auto;}
.cell-center {justify-self: center;}
.cell-start {justify-self: start;}
.cell-end {justify-self: end;}
.justify-self-end {justify-self: end;}
.justify-self-center {justify-self: center;}

.desktop-flex-row { display: none }
.desktop-flex-column { display: none }
.mobile {}
.hide {display: none;}
.invisible { visibility: hidden; }

.no-hover-opacity{}
.no-hover-opacity:hover{opacity: 1;}

.desktop { display: none }
.desktop-grid{display: none;}
.mobile-column-desktop-row {
    display: flex;
    flex-direction: column;
}
.min-width-zero{min-width: 0;}
.min-width{width: min-content;}
.padding-bottom-zero{padding-bottom: 0;}
.desktop-inline { display: none;}
.row__last-item {margin-right: 0;}

.mb_4x{margin-bottom: 16px;}
.mobile-tap-hight{height: 36px;}
.mobile-select-minhight{min-height: 34px;}

.inline-block { display: inline-block;}

@media only screen and (min-width: 1024px) {
    /* width */
    ::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }
    /* Track */
    ::-webkit-scrollbar-track {background: var(--color-scroll-track);}
    /* Handle */
    ::-webkit-scrollbar-thumb {background: var(--color-scroll-thumb);}
        /* Handle on hover */
        ::-webkit-scrollbar-thumb:hover {background: var(--color-scroll-thumb-on-hover);}

    body {overflow: hidden;}
    .mobile-select-minhight{height: auto;}
    .desktop-multiline-overflow-dotted {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 2;
    }
    .desktop-break-word{word-break: break-word;}
    .mobile-tap-hight {height: auto;}
    .desktop-no-row_spacing > * {margin-right: 0;}
    .desktop-no-column_spacing > * {margin-top: 0;}
    .desktop
    .desktop-space-between {justify-content: space-between;}
    .desktop-grid-gap_5x {
        grid-gap: 20px;
        gap: 20px;
    }
    .destop-margin-top_3x{margin-top: 12px;}

    .desktop-row_spacing_8x > * {margin-right: 32px;}
    .desktop-row_spacing_1x > * {margin-right: 4px;}
    .desktop-row_spacing_2x > * {margin-right: 8px;}
    .desktop-row_spacing_1x > *:last-child , .desktop-row_spacing_2x > *:last-child , .desktop-row_spacing_8x > *:last-child {margin-right: 0;}

    .desktop-border-buttom-left-radius-zero {border-bottom-left-radius: 0;}
    .desktop-column-spacing_two-pixels > * + * {margin-top: 2px;}
    .desktop-relative {position: relative;}
    .flex-item-last-desktop {order: 100;}
    .mobile-column-desktop-row {flex-direction: row;}
    .h1{font-size: 24px;    }
    .mobile { display: none}
    .mobile-column_spacing_3x > * + * {margin-top: 0;}
    .desktop {display: block}
    .desktop-inline {display: inline;}
    .desktop-grid {display: grid;}
    .desktop-flex-row { display: flex}
    .desktop-flex-column {
        display: flex;
        flex-direction: column;
    }
    .padding-bottom-default {padding-bottom: 12px;}

    .desktop-column_spacing_7x > * + * {margin-top: 28px;}
    .desktop-column_spacing_4x > * + * {margin-top: 16px;}
    .desktop-column_spacing_3x > * + * {margin-top: 12px;}

    .desktop-row__last-item {margin-right: 0;}
    .main {
        flex: 1 1 auto;
        overflow: auto;
    }
    .page-container{
        overflow: hidden;
        flex-direction: row;
    }
    .desktop-column__first-item{margin-top: 0;}
    .page-inner-container{padding: 16px 32px 16px 40px;}
    .desktop-flex-item-max-length {flex: 0 100%;}
    desktop-flex-item-max-length {
        flex: 1 1 100%;
    }
    .desktop-flex-item-grow {
        flex: 0 1 auto;
    }
}

body {
    font-family: "Noto Sans", "Verdana";
    font-weight: normal;
    font-style: normal;
    line-height: normal;
    font-size: 14px;
    color: var(--color-text-primary);
    text-decoration-color: var(--color-text-decoration);
}

.text_dark-background {color: var(--color-text-on-primary-priority-high);}
.text_default{color: var(--color-text-primary)}
.text_secondary {color: var(--color-text-secondary-colored);}

.h1 {
    font-size: 20px;
    font-weight: 600;
}

.h1--big {
    font-size: 32px;
    font-weight: 600;
}

.markdown-body .h1 {
    margin-bottom: 18px;
    margin-top: 30px;
    padding-bottom: 0.3em;
    border-bottom: 1px solid var(--color-border-default);
}

.markdown-body .h1--big {
    margin-bottom: 18px;
    margin-top: 30px;
}

li + li {
    margin-top: 0.25em;
}

.error-text {
    color: var(--color-text-error);
    font-size: 15px;
    font-weight: 600;
}

.h2 {font-size: 15px;}
.h3 {font-size: 13px;}
.h4 {font-size: 10px;}

.bold{font-weight: 600;}

.caption {font-size: 12px;}

.text--attention {color: var(--color-background-secondary);}
.caption--small {font-size: 11px;}
.priority_high {color: var(--color-text-secondary-priority-high);}
.priority_middle-default {color: var(--color-text-secondary-priority-middle);}
.priority_middle-secondary {color: var(--color-text-secondary-priority-middle-low);}
.priority_low-default {color: var(--color-text-secondary-priority-low);}
.priority_middle-light {color: var(--color-text-on-primary-priority-middle);}
.priority_low-light {color: var(--color-text-on-primary-priority-low);}

.priority-low-dark-theme {color: var(--color-text-on-primary-priority-low-dark-theme);}





@keyframes fadein {
    from {opacity: 0;}
    to {opacity: 1;}
}
/* Firefox < 16 */
@-moz-keyframes fadein {
    from {opacity: 0;}
    to {opacity: 1;}
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from {opacity: 0;}
    to {opacity: 1;}
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from {opacity: 0;}
    to {opacity: 1;}
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes iconanimation {
    from {opacity: 0.6;}
    to {opacity: 1;}
}

@keyframes borderedbuttonanimation {
    from {
        border: 1px solid var(--color-border-middle-contrast);
        background: none;
        color: var(--color-text-secondary-priority-middle);
    }
    to {
        border: 1px solid var(--color-button-selected);
        background: var(--color-button-selected);
        color: var(--color-text-primary);
    }
}


.bordered-button-animation {
    animation-name: borderedbuttonanimation;
    animation-duration: 0.8s;
    animation-timing-function: ease-in-out;
}
.icon-animation {
    animation-name: iconanimation;
    animation-duration: 0.8s;
    animation-timing-function: ease-in-out;
}

.fade-in-animation {
    animation: fadein 0.8s;
    animation-timing-function: ease-in-out;
}
.triangle-button-down {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid var(--color-button-triangle);
}
    .triangle-button-down:hover {
        border-top-color: var(--color-button-border-on-hover);
    }

.triangle-button-up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 7px solid var(--color-button-triangle);
}
    .triangle-button-up:hover {
        border-bottom-color: var(--color-text-primary);
    }

.arrow-button {
    border: solid var(--color-text-on-primary-priority-low);
    border-width: 0 1px 1px 0;
    padding: 3px;
    display: inline-block;
}
    .arrow-button:hover {
        border-color: var(--color-button-text-on-hover);
    }

.arrow-button--dark {
    border: solid var(--color-text-secondary-priority-middle-low);
    border-width: 0 1px 1px 0;
}

.arrow-button.arrow-button--dark:hover {
    border: solid var(--color-text-primary);
    border-width: 0 1px 1px 0;
}


.arrow-button--grey {
    border: solid var(--color-text-secondary-priority-middle);
    border-width: 0 1px 1px 0;
}

.arrow-button--black {
    border: solid var(--color-text-primary);
    border-width: 0 1px 1px 0;
}
.arrow-button--up {
    transform: rotate(-135deg) translate(-2px, -2px);
    -webkit-transform: rotate(-135deg) translate(-2px, -2px);
}
.arrow-button--down {
    transform: rotate(45deg) translate(-1px, -1px);
    -webkit-transform: rotate(45deg) translate(-1px, -1px);
}

.arrow-button--right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.arrow-button--left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.arrow-button--big.arrow-button--left {
    transform: rotate(135deg) translate(-2px, -2px) scale(1.4);
    -webkit-transform: rotate(135deg) translate(-2px, -2px) scale(1.4);
}

.arrow-button--big.arrow-button--up {
    transform: rotate(-135deg) translate(-2px, -2px) scale(1.4);
    -webkit-transform: rotate(-135deg) translate(-2px, -2px) scale(1.4);
}

.arrow-button--big.arrow-button--down {
    transform: rotate(45deg) translate(-2px, -2px) scale(1.4);
    -webkit-transform: rotate(45deg) translate(-2px, -2px) scale(1.4);
}
.icon{ border-radius: 2px; }
.icon-deemed {
     filter: brightness(var(--image-brightness)) contrast(var(--image-contrast));
}
.dropdown-icon{ margin-top: 2px; }
.menu-button {
    color: var(--color-button-text);
}
    .menu-button:hover {
        color: var(--color-button-text-on-hover);
    }
    .menu-button .icon {opacity: var(--opacity-icon);}
.dropdown-icon {opacity: var(--opacity-icon);}

.menu-button:hover .icon {opacity: var(--opacity-icon-on-hover);}
.menu-button:hover .dropdown-icon {opacity: var(--opacity-icon-on-hover);}

.menu-button--dark {
    color: var(--color-button-text-on-low-contrast);
}
.menu-button--dark .icon {opacity: var(--opacity-icon);}
.menu-button--dark .icon--priority-low {opacity: 0.6;}
    .menu-button--dark .icon--priority-high {
        opacity: var(--opacity-icon-priority-high);
    }
    .menu-button--dark .dropdown-icon {
        opacity: var(--opacity-icon);
    }



    .menu-button--dark:hover {
        color: var(--color-button-text-on-low-contrast-on-hover) !important;
    }
.menu-button--dark:hover .icon {opacity: var(--opacity-icon-on-hover);}
.menu-button--dark:hover .icon--priority-low {opacity: 1;}
        .menu-button--dark:hover .icon--priority-high {
            opacity: var(--opacity-icon-priority-high-on-hover);
        }
        .menu-button--dark:hover .dropdown-icon {
            opacity: var(--opacity-icon-on-hover);
        }

/*For editor buttons that have parent class "imagebutton" which cannot be changed or added to */
.icon--priority-low{}
    .icon--priority-low * {
        fill: var(--color-text-secondary-priority-middle);
    }
    .icon--priority-low:hover * {
        fill: var(--color-text-primary);
    }
.icon--priority-low:hover {cursor: pointer;}

.bordered-button {
    padding: 5px 11px;
    color: var(--color-text-secondary-priority-middle);
    font-weight: 600;
    border: 1px solid var(--color-border-middle-contrast);
    white-space: nowrap;
    border-radius: 4px;
}

.bordered-button--large {padding: 8px 12px;}

.no-border-button {
    border: none;
    color: var(--color-text-secondary-priority-middle);
}

.button--clicked-in {
    border: 1px solid var(--color-button-border-on-hover);
    color: var(--color-text-primary);
}
    
.icon-hoverable {opacity: 0.5;}
.icon-hoverable:hover {opacity: 1;}

.icon-hoverable--priority-low {opacity: 0.3;}
.icon-hoverable--priority-high {opacity: 0.8;}

.bordered-button--small {
    border: 1px solid var(--color-border-colored);
    padding: 2.5px 3.5px !important;
    border-radius: 2px !important;
}


.bordered-button .icon {
    opacity: 0.6;
}
.bordered-button:hover {
    border: 1px solid var(--color-button-border-on-hover);
    color: var(--color-text-primary);
}
.bordered-button--small:hover {
    border: 1px solid var(--color-border-colored-on-hover);
}
.thread--button-closed:hover.bordered-button {
    border: 2px solid var(--color-button-border-attention);
    color: var(--color-text-primary);
}
.no-border-button:hover {
    color: var(--color-text-primary);
}
.bordered-button:hover .icon {opacity: 1;}
.button--clicked-in .icon {
    opacity: 1;
}

@media only screen and (min-width: 1024px) {
    .menu-button--dark .icon--priority-high {
        opacity: var(--opacity-icon-priority-high);
    }
}

@media only screen and (max-width: 350px) {
    .bordered-button {
        padding: 4px 9px;
        font-size: 14px;
    }
}

.circular-progress {
    --green: #008744;
    --green: #008744;
    --blue: #0057e7;
    --red: #d62d20;
    --yellow: #ffa700;
    --white: #eee;
    --width: 100px;
}


body {
    background-color: white;
}

.loader {
    position: absolute;
    width: var(--width);
    height: var(--width);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.circular {
    animation: rotate 2s linear infinite;
    height: var(--width);
    position: relative;
    width: var(--width);
}

.path {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
    stroke: #B6463A;
    animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    stroke-linecap: round;
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35;
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124;
    }
}

@keyframes color {
    100%, 0% {
        stroke: var(--red);
    }

    40% {
        stroke: var(--blue);
    }

    66% {
        stroke: var(--green);
    }

    80%, 90% {
        stroke: var(--yellow);
    }
}

.private-message__separator{}
.submenu-item {margin-left: 20px;}
.menu-item--highlighted {
    background: var(--color-background-surface-middle-contrast2);
    font-weight: 600;
}
.private-message__period-group{}
.last-private-message-in-periodgroup{}
.control-panel__contrast-block {
    background: var(--color-sidebar-background);
}

.dropdown__close {
    margin-right: -12px;
    margin-top: -6px;
}

.dropdown__content {
    position: absolute;
    z-index: 1;
}

.dropdown__content > *:first-child {
    background: var(--color-dropdown-background);
    border: var(--border-dropdown);
}

.dropdown__right-padding {
    padding-right: 28px;
}

.dropdown-container {
    background: var(--color-dropdown-background);
    border: var(--border-dropdown);
}

.dropdown-shadow {box-shadow: var(--shadow-dropdown);}
.dropdown-item {padding: 8px 24px;}
.dropdown-item--hover:hover {
    background: var(--color-background-surface-middle-contrast2);
    color: var(--color-text-primary);
}



/*Used in JS to find out if dropdown button was pressed*/
.dropdown__button{}

@media only screen and (min-width: 1024px) {
    .dropdown__content {
        width: unset;
    }
    .dropdown-shadow {box-shadow: var(--shadow);}
}



.editor__text-container {height: 20em;}
.editor__smile-dropdown {
    left: 0;
    top: 0;
}



.editor__container {
    max-width: 1000pt;
}
.imagebutton {
    border:none !important;
    padding: 0 !important;
    color :inherit !important;
    background: none !important;
}

.imagebutton-container .imagebutton {
    border: none !important;
    padding: 0 !important;
    color: inherit !important;
    background: none !important;
}
.imagebutton-container .editor__color-symbol, .imagebutton-container .alt_pickbutton {
    opacity: 0.7;
}
.imagebutton-container:hover .editor__color-symbol, .imagebutton-container:hover .alt_pickbutton {
    opacity: 1;
}

.editor__color-symbol {
    width: 12px;
    margin-left: 4px;
    margin-bottom: 2px;
}

/*VBulletin class*/
.ocolor {
    padding: 2px !important;
    background: var(--color-background-surface-high-contrast);
    color: var(--color-text-primary);
    border: 1px solid var(--color-background-surface-high-contrast);
}
.ocolor > * {border-radius: 2px;}

.ocolor div {
    width: 16px !important;
    height: 16px !important;
}

#vB_Editor_001_popup_forecolor_menu {
    border-radius: 4px;
    border: 1px solid var(--color-border-high-contrast);
    background: var(--color-background-surface-high-contrast);
    margin-top: 8px;
}

#vB_Editor_QR_popup_forecolor_menu {
    border-radius: 4px;
    border: 1px solid var(--color-border-high-contrast);
    background: var(--color-background-surface-high-contrast);
    margin-top: 8px;
}

.alt_pickbutton {
    border: none !important;
    padding-left: 1px !important;
}
.alt_pickbutton-container .alt_pickbutton {
    border: none !important;
    padding-left: 1px !important;
}

.editor__terms-message {flex: 0 0 100%;}

@media only screen and (min-width: 1024px) {
    .editor__terms-message {
        flex: 0 1 auto;
    }
}

.floating-menu-container {
    position: fixed; 
    top: 10px; 
    left: 9px;
}

.footer {}
.footer__contact-privacy {}
.footer__hand2note {
    font-weight: bold;
    color: var(--color-text-accent);
    text-decoration: underline;
    text-decoration-color: rgba(18,196,89, 0.3);
    text-underline-offset: 3px;
}
    .footer__hand2note:hover {
        color: #f3c240;
        text-decoration-color: rgba(243, 194, 64, 0.3);
    }
.footer__top-button {}
.footer__horizontal-line {}
.footer__powered-by-container{padding-top: 40px;}
.footer__powered-by-caption{
    position: absolute;
    bottom: 26px;
}

@media only screen and (min-width: 1024px) {
    .footer > * {flex: 1 1 0}
    .footer {
        justify-content: space-between;
        padding-top: 40px;
    }
    .footer__contact-privacy {order: 1;}
    .footer__top-button {order: 3;}
    .footer__powered-by-container {
        order: 2;
        flex: 1;
        padding-top: 0;
    }
}

@media only screen and (max-width: 400px) {
    .footer__copyright {font-size: 11px;}
}


select {
    outline: none;
    line-height: 1.5;
    padding: 4px 26px 4px 8px;
    border-radius: 4px;
    font-size: 16px;
    border: 1px solid var(--color-border-default);
    position: relative;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: transparent var(--select-triangle) no-repeat;
    background-position: right 8px top 50%;
    color: var(--color-text-primary);
}

input {
    color: var(--color-text-primary);
}

    select option {
        background: var(--color-background-surface-high-contrast);
    }

form {margin-block-end: 0;}

select:focus {
    border: 1px solid var(--color-button-border-on-hover);
    background: transparent var(--select-triangle-on-hover) no-repeat;
    background-position: right 8px top 50%;
}

input[type="submit"], input[type="reset"], input[type="button"], input[type="password"] {
    background: none;
}
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover {
    cursor: pointer;
}

input[type="checkbox"], input[type="radio"] {
    min-width: 22px;
    min-height: 22px;
    height: 22px;
    width: 22px;
    filter: grayscale(1);
}

.checkboxes--regular-size input[type="checkbox"] {
    min-width: unset;
    min-height: unset;
    height: unset;
    width: unset;
}

input[type="text"], input[type="password"] {
    padding: 6px 8px;
    border-radius: 4px;
    font-size: 16px;
    background: var(--color-background-surface-high-contrast2);
    border: 1px solid var(--color-border-default);
}

    input[type="text"]:hover, input[type="password"]:hover, input[type="text"]:focus, input[type="password"]:focus {
        border: 1px solid var(--color-border-high-contrast);
    }
textarea {
    border: none;
    resize: vertical;
    font-size: 16px;
    border-radius: 4px;
    background: var(--color-background-surface-high-contrast);
    color: var(--color-text-primary);
}

input[type="text"].text-input--no-outline{outline: none;}

label {
    display: flex;
    gap: 4px;
}

.text-input--short {max-width: 300px;}

select[multiple] {background: transparent;}

textarea:focus{outline: none;}

.form--light-controls {}

    .form--light-controls input[type="text"] {
        outline: none;
        background: var(--color-background-surface-high-contrast);
    }

    .form--light-controls select {
        background: var(--color-background-surface-high-contrast) url("data:image/svg+xml;utf8,<svg width='7' height='5' viewBox='0 0 7 5' fill='none' xmlns='http://www.w3.org/2000/svg'><path opacity='0.5' d='M0 0H7L3.5 4.5L0 0Z' fill='black'/></svg>") no-repeat;
        background-position: right 8px top 50%;
    }

        .form--light-controls select[multiple] {
            background: var(--color-background-surface-high-contrast);
        }

@media only screen and (min-width: 1024px) {
    select {font-size: inherit;}
    input[type="text"], input[type="password"] {font-size: inherit;}
    textarea{font-size: inherit;}
}

.subforums > *:last-child .subforum-separator {
    display: none;
}
.subforum-separator{}
.forum__description {color: var(--color-text-forum-description);}


@media only screen and (min-width: 1024px) {
    .desktop-forum-column_spacing > * + * {
        margin-top: var(--scale-forum-spacing);
    }
    .theme-dark .desktop-forum-container {
        background: var(--color-background-surface-low-contrast);
        border-radius: 4px;
        padding: 8px 12px;
    }
}

.forumjummp__select {
    width: 140px;
}

/*VBulletin class*/
.movedprefix:after {
    content: " ";
}

.stickyprefix:after {
    content: " ";
}

.sticky-thread{}

.announcement-container {
    background: var(--color-background-highlight);
    margin-top: 8px;
}

.thread__border {
    border: 1px solid var(--color-border-default);
}

.thread-grid{
    display: grid;
    grid-template-columns: auto 1fr;
}
.thread-grid--moderated {
    display: grid;
    grid-template-columns: auto 1fr;
}

.thread-ukraine {
    background: var(--color-background-ukraine);
    font-weight: 600;
}

.announcememnt-grid {grid-template-columns: auto 1fr;}

.thread__sticky-icon{
    grid-column: 1 / 2;
    grid-row: 1 / 2 ;
}
.thread__icon {min-width: 22px;}
.thread__cell--centered-vs-last-post {margin-top: 8px;}
.thread__moderator-checkbox--centered-vs-last-post {margin-top: 11px;}

.thread__username-rating {
    grid-column: 2 / 3;
}

.thread__title {grid-column: 2 / 3}



/*.thread-container--new-post{
    background: grey;
    border-radius: 4px;
}*/
.thread__title{}
.thread__page-navigation{display: none}
.thread__views{display: none}
.thread__go-to-new-post{display: none;}
.thread__username{}
.thread__date-author-replies{grid-column: 2 / 3;}
.thread__first-post {
    grid-column: 2 / 3;
    max-height: 300px;
}

/*Added by JS*/
.prefix--active {
    padding: 8px 12px;
    background: var(--color-background-surface);
    color: var(--color-text-primary);
    border-radius: 4px 4px 0 0;
}

/*Added by JS*/
.prefix{
    padding: 8px 12px;
}

.prefix__outer-container {padding-bottom: 0;}
.prefix__container {margin-top: 8px;}
.all-threads-container{}

.thread-header__thread{
    grid-column: 1 / 3;
}
.thread-header__container{
    padding: 12px 12px 0 12px;
}
.thread__reply-icon{margin-bottom: -3px;}
.thread__rating-and-sticky-icon-container{
    margin-top: 4px;
}
@media only screen and (min-width: 1024px) {
    .thread-header-grid {
        grid-template-columns: minmax(0, 22px ) minmax(0, 1fr) minmax(0, 150px ) minmax(0, 80px ) minmax(0, 80px );
    }
    .thread-header-grid--moderated {
        grid-template-columns: minmax(0, 22px ) minmax(0, 1fr) minmax(0, 150px ) minmax(0, 80px ) minmax(0, 80px ) minmax(0, 13px );
    }
    .thread-grid{
        grid-template-columns: minmax(0, min-content) minmax(0, 1fr) minmax(0, 150px) minmax(0, 80px) minmax(0, 80px);
    }
    .thread-grid--moderated {
        grid-template-columns: minmax(0, min-content) minmax(0, 1fr) minmax(0, 150px) minmax(0, 80px) minmax(0, 80px) minmax(0, min-content);
    }
    .thread-grid-subscribed {
        display: grid;
        grid-template-columns: minmax(0, min-content) minmax(0, 1fr) minmax(0, 150px) minmax(0, 70px) minmax(0, min-content);
    }
    .thread__sticky-icon{
        grid-column: none;
        grid-row: none;
    }
    .announcement-container {
        margin-top: 2px;
    }
    .thread-deleted__reason-container {
        grid-column: 3 / 6;
        margin-left: 16px;
    }
}


.forum-statistics__footer {}
.forum-statistics__footer-navigation{}
.forum-statistics__footer-time{}


@media only screen and (min-width: 1024px) {
    .forum-statistics__footer {
        display: grid;
        grid-gap: 20px;
        gap: 20px;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .forum-statistics__footer-time {
        grid-column: 2 / 3;
        grid-row: 1 / 2;
    }
    .forum-statistics__footer-navigation {
        grid-column: 3 / 4;
        grid-row: 1 / 2;
        align-self: end;
        justify-content: flex-end;
    }
}


.infraction-grid {grid-template-columns: repeat(4, minmax(0, min-content));}
.infraction-grid--with-count {grid-template-columns: repeat(5, minmax(0, min-content));}
.infraction-grid__column{grid-column: 1/5;}
.infraction-grid__column--with-count {grid-column: 1/6;}
.header {background: var(--color-header-background);}
.header__links {min-width: 108px;}
.header__logo img {
    width: 136px;
    height: 48px;
}
.header__message{}
    .header__message:hover {color: var(--color-text-on-primary-priority-high);}
.header__profile-icon {min-width: 80px;}
.header__visitor-buttons {margin-right: 20px;}
.header__hamburger {}
.header__close {display: none;}
.header__search {}
.header__username{}
.header__login-dropdown {
    left: 0;
    margin-top: 16px;
}

.header__message-counter {
    position: absolute;
    left: 10px;
    top: -14px;
    height: 24px;
    width: 24px;
    background-color: red;
    border-radius: 50%;
}
.header__message-counter:hover {color: white;}
.header__register {
    padding: 8px 16px;
    border-radius: 50px;
    background: var(--color-register);
    color: black !important;
}

    .header__register:hover {background: var(--color-register-on-hover);}

.header__login {
    padding: 8px 16px;
    border-radius: 25px;
    color: var(--color-text-on-primary);
    border: 1px solid var(--color-login-border);
}

    .header__login:hover {
        color: white;
        border: 1px solid white;
    }

@media only screen and (min-width: 1024px) {
    .header__visitor-buttons {margin-right: 0;}
    .header__login-dropdown {
        left: unset;
        right: -36px;
    }
    .header {font-size: 15px;}
    .header__hamburger {
        order: -1;
        margin-right: 40px;
    }
}

@media only screen and (max-width: 500px) {
    /*.header__username {max-width: 46px;}*/
    .header__register {
        font-size: 13px;
        padding: 4px 8px;
    }
    .header__login {
        font-size: 13px;
        padding: 4px 8px;
    }
    .header__logo img {width: 110px; height: 39px}
}

.category-icon-old {
    background-image: var(--image-category-old-source);
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
}

.category-icon-new {
    background-image: var(--image-category-new-source);
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
}

.last-post-icon {
    background-image: var(--image-last-post-source);
    width: 22px;
    height: 21px;
    min-width: 22px;
    min-height: 21px;
}

.go-to-last-post-icon {
    background-image: var(--image-go-to-last-post-source);
    width: 6.3px;
    height: 5px;
    min-width: 6.3px;
    min-height: 5px;
}

.active-users-icon {
    background-image: var(--image-active-users-source);
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
}

.threadcount-icon {
    background-image: var(--image-threadcount-source);
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
}

.css-icon {
    background-repeat: no-repeat;
    background-size: cover;
}

.search-sidebar-icon {
    background-image: var(--image-search-sidebar-source);
    width: 20px;
    height: 20px;
    min-height: 20px;
    min-height: 20px;
}

.dropdown-triangle-sidebar-icon {
    background-image: var(--image-dropdown-triangle-sidebar-source);
    width: 7px;
    height: 5px;
    min-width: 7px;
    min-height: 5px;
}

/*.multiquote-icon {
    background-image: var(--image-multiquote-source);
    width: 27px;
    height: 19px;
}*/

.multiquote-icon {
    display: var(--display-multiquote);
}

.theme-icon {
    width: 16px;
    height: 17px;
    min-width: 16px;
    min-height: 17px;
    background-image: var(--image-theme-source);
}
iframe {
    max-width: 480px;
    width: 100%;
    border-radius: 4px;
}

.post__message img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}

.rounded-images img {border-radius: 4px;}

/*img.icon {border-radius: 0;}*/

.image-responsive {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}

.icon--invertible {filter: var(--invert) !important;}

.image-filter {
    filter: brightness(var(--image-brightness)) contrast(var(--image-contrast));
}

table.ncode_imageresizer_warning {
    background: var(--color-background-surface-high-contrast2) !important;
    color: var(--color-text-secondary-priority-low) !important;
}

img[title="Spade"], img[title="Club"] {
    filter: var(--image-card-filter);
}
/*vbforum legacy class*/ 
.stickyprefix, .movedprefix, .time {
    color: var(--color-text-primary) !important;
}

.category__toggle {
    margin: -10px -8px;
}
.forum-grid {}

.notice-container {background: var(--color-background-highlight);}
    .notice-container a {
        color: var(--color-link-text-on-highlight);
        text-decoration: underline var(--color-link-text-decoration-on-highlight);
    }

        .notice-container a:hover {
            color: var(--color-link-text-on-highlight-on-hover);
            text-decoration: underline var(--color-link-text-decoration-on-highlight-on-hover);
        }


@media only screen and (min-width: 1024px) {
    .forum-grid {grid-template-columns: minmax(0, 10fr) minmax(0, 6fr) minmax(0, 1fr) minmax(80px, 1fr);}
    .forum-grid__header {display: grid;}
    .last-post-container {
        background: none;
        padding: 0;
    }
    .last-post__author-date {
        flex-direction: column;
        justify-content: flex-start;
    }
    .forum__last-post {
        background: none;
        padding: 0;
    }
}
.page-navigation__current-page-container{
    padding: 8px 12px;
    letter-spacing: -1px;
}
.page-navigation__page {
    color: var(--color-text-secondary-priority-middle);
    stroke: var(--color-text-secondary-priority-middle);
}
    .page-navigation__page icon * {
        stroke: var(--color-text-secondary-priority-low);
    }
    .page-navigation__page:hover {
        color: var(--color-text-primary);
        stroke: var(--color-text-primary);
    }
        .page-navigation__page:hover icon * {
            stroke: var(--color-text-primary);
        }
.page-navigation__block {
}
.page-navigation__tap-container{
    width: 36px;
    height: 36px;
}
.page-navigation__go-to-page-dropdown {
    right: 0;
    top: 36px;
}
.page-navigation__pages-container{}
.page-navigation__previous {}
.page-navigation__first{}
.page-navigation__next{}
.page-navigation__last{}

@media only screen and (min-width: 1024px) {
    .page-navigation__block{background: none;}

    .page-navigation__previous.disabled,
    .page-navigation__first.disabled,
    .page-navigation__next.disabled,
    .page-navigation__last.disabled {display: none}

    .page-navigation__tap-container{
        width: auto;
        height: auto;
    }
}

.popup {
    background-color: var(--color-background-primary);
    color: var(--color-text-on-primary-priority-high);
    padding: 12px 18px;
}
.popup--bottom-left {
    bottom: 16px;
    left: 16px;
}

.popup a {color: var(--color-link-text-on-primary);}
.infraction__reason {flex: 0 0 40%;}
.infraction__date {flex: 0 0 30%;}

@media only screen and (min-width: 1024px) {
    .profile__activity {display: inline;}
    .infractions__page-navigation {align-self: flex-end;}
}



.advanced-search__menu-container {
    display: grid;
    grid-template-columns: auto;
}

.advanced-search__footer {
    display: flex;
    flex-direction: column;
}

@media only screen and (min-width: 1024px) {
    .search__input {min-width: 320px;}
    .advanced-search__menu-container {grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);}

    .advanced-search__footer {
        flex-direction: row;
        justify-content: space-between;
    }
}

@media only screen and (max-width: 420px) {
    .search__keywords{font-size: 12px;}
}
.side-bar .tap-zone a {height: 30px;}
.side-bar .tap-height {height: 30px;}
.side-bar {
    background: var(--color-sidebar-background);
    padding: 20px;
    flex: 0 0 auto;
    display: none;
    overflow: auto;
    order: 1;
}

.side-bar__search-dropdown {
    left: -20px;
    padding: 8px 20px;

}

.side-bar a:hover {
    color: var(--color-sidebar-link-on-hover);
}

.side-bar__category {color: var(--color-text-secondary-priority-high);}
    .side-bar__category:hover .arrow-button {
        border-color: var(--color-sidebar-link-on-hover);
    }
    .side-bar__category:hover {color: var(--color-text-primary);}
.side-bar__forum{}
.side-bar__forum--active {
    background: var(--color-background-surface-high-contrast2);
    padding: 8px 12px;
    margin-left: -12px;
    border-radius: 4px;
}

/*.side-bar__toggle {
    margin-right: 18px;
    border-color: black;
    color: black;
}*/


.side-bar__hide-button{margin-top: 12.5px;}

@media only screen and (min-width: 1024px) {
    .side-bar {
        order: -1;
        font-size: 13px;
    }
    .side-bar__inner-container .column > * + * {margin-top: 10px;}
    .side-bar__inner-container > * + * {margin-top: 36px;}
    .side-bar .tap-zone a {
        height: unset;
        display: unset;
        align-items: unset;
        width: unset;
    }
    .side-bar hr {
        margin-top: -16px;
        margin-bottom: -16px;
    }
    .side-bar .tap-height {
        height: unset;
    }
}


.spinner {
    border: 3px solid #f3f3f3;
    border-radius: 50%;
    border-top: 3px solid green;
    width: 15px;
    height: 15px;
    -webkit-animation: spin 1s linear infinite; /* Safari */
    animation: spin 1s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.tab-item {
    color: var(--color-text-on-primary-priority-middle);
    padding: 8px 16px;
}
    .tab-item:hover {color: var(--color-text-on-primary-priority-high);} 
.tab-container{}
.tab-item--selected {
    color: var(--color-text-primary);
    pointer-events: none;
    background: var(--color-background-surface-low-contrast);
    border-radius: 4px 4px 0 0;
}
:root {
    --image-category-new-source-light: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIiBmaWxsPSJub25lIj48bGluayB4bWxucz0iIiB0eXBlPSJ0ZXh0L2NzcyIgcmVsPSJzdHlsZXNoZWV0IiBpZD0iZGFyay1tb2RlLWN1c3RvbS1saW5rIi8+PGxpbmsgeG1sbnM9IiIgdHlwZT0idGV4dC9jc3MiIHJlbD0ic3R5bGVzaGVldCIgaWQ9ImRhcmstbW9kZS1nZW5lcmFsLWxpbmsiLz48c3R5bGUgeG1sbnM9IiIgbGFuZz0iZW4iIHR5cGU9InRleHQvY3NzIiBpZD0iZGFyay1tb2RlLWN1c3RvbS1zdHlsZSIvPjxzdHlsZSB4bWxucz0iIiBsYW5nPSJlbiIgdHlwZT0idGV4dC9jc3MiIGlkPSJkYXJrLW1vZGUtbmF0aXZlLXN0eWxlIi8+CjxyZWN0IHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTAgMkMwIDAuODk1NDMgMC44OTU0MzEgMCAyIDBIMjhDMjkuMTA0NiAwIDMwIDAuODk1NDMxIDMwIDJWMjhDMzAgMjkuMTA0NiAyOS4xMDQ2IDMwIDI4IDMwSDJDMC44OTU0MyAzMCAwIDI5LjEwNDYgMCAyOFYyWiIgZmlsbD0iI0YyQkY3MyIvPgo8cGF0aCBvcGFjaXR5PSIwLjgiIGQ9Ik02IDcuMTI1QzYgNi41MDM2OCA2LjUwMzY4IDYgNy4xMjUgNkgxNC44NzVDMTUuNDk2MyA2IDE2IDYuNTAzNjggMTYgNy4xMjVWMTkuODc1QzE2IDIwLjQ5NjMgMTUuNDk2MyAyMSAxNC44NzUgMjFINy4xMjVDNi41MDM2OCAyMSA2IDIwLjQ5NjMgNiAxOS44NzVWNy4xMjVaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBvcGFjaXR5PSIwLjEiIGQ9Ik0xMi45Mzc1IDEwLjkzNzVDMTIuOTM3NSAxMC4zMTYyIDEzLjQ0MTIgOS44MTI1IDE0LjA2MjUgOS44MTI1SDIxLjgxMjVDMjIuNDMzOCA5LjgxMjUgMjIuOTM3NSAxMC4zMTYyIDIyLjkzNzUgMTAuOTM3NVYyMy42ODc1QzIyLjkzNzUgMjQuMzA4OCAyMi40MzM4IDI0LjgxMjUgMjEuODEyNSAyNC44MTI1SDE0LjA2MjVDMTMuNDQxMiAyNC44MTI1IDEyLjkzNzUgMjQuMzA4OCAxMi45Mzc1IDIzLjY4NzVWMTAuOTM3NVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xNCAxMC4xMjVDMTQgOS41MDM2OCAxNC41MDM3IDkgMTUuMTI1IDlIMjIuODc1QzIzLjQ5NjMgOSAyNCA5LjUwMzY4IDI0IDEwLjEyNVYyMi44NzVDMjQgMjMuNDk2MyAyMy40OTYzIDI0IDIyLjg3NSAyNEgxNS4xMjVDMTQuNTAzNyAyNCAxNCAyMy40OTYzIDE0IDIyLjg3NVYxMC4xMjVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4=');
    --image-category-old-source-light: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIiBmaWxsPSJub25lIj48bGluayB4bWxucz0iIiB0eXBlPSJ0ZXh0L2NzcyIgcmVsPSJzdHlsZXNoZWV0IiBpZD0iZGFyay1tb2RlLWN1c3RvbS1saW5rIi8+PGxpbmsgeG1sbnM9IiIgdHlwZT0idGV4dC9jc3MiIHJlbD0ic3R5bGVzaGVldCIgaWQ9ImRhcmstbW9kZS1nZW5lcmFsLWxpbmsiLz48c3R5bGUgeG1sbnM9IiIgbGFuZz0iZW4iIHR5cGU9InRleHQvY3NzIiBpZD0iZGFyay1tb2RlLWN1c3RvbS1zdHlsZSIvPjxzdHlsZSB4bWxucz0iIiBsYW5nPSJlbiIgdHlwZT0idGV4dC9jc3MiIGlkPSJkYXJrLW1vZGUtbmF0aXZlLXN0eWxlIi8+CjxyZWN0IHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTAgMkMwIDAuODk1NDMgMC44OTU0MzEgMCAyIDBIMjhDMjkuMTA0NiAwIDMwIDAuODk1NDMxIDMwIDJWMjhDMzAgMjkuMTA0NiAyOS4xMDQ2IDMwIDI4IDMwSDJDMC44OTU0MyAzMCAwIDI5LjEwNDYgMCAyOFYyWiIgZmlsbD0iI0QyRDJGMSIvPgo8cGF0aCBvcGFjaXR5PSIwLjgiIGQ9Ik02IDcuMTI1QzYgNi41MDM2OCA2LjUwMzY4IDYgNy4xMjUgNkgxNC44NzVDMTUuNDk2MyA2IDE2IDYuNTAzNjggMTYgNy4xMjVWMTkuODc1QzE2IDIwLjQ5NjMgMTUuNDk2MyAyMSAxNC44NzUgMjFINy4xMjVDNi41MDM2OCAyMSA2IDIwLjQ5NjMgNiAxOS44NzVWNy4xMjVaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBvcGFjaXR5PSIwLjEiIGQ9Ik0xMi45Mzc1IDEwLjkzNzVDMTIuOTM3NSAxMC4zMTYyIDEzLjQ0MTIgOS44MTI1IDE0LjA2MjUgOS44MTI1SDIxLjgxMjVDMjIuNDMzOCA5LjgxMjUgMjIuOTM3NSAxMC4zMTYyIDIyLjkzNzUgMTAuOTM3NVYyMy42ODc1QzIyLjkzNzUgMjQuMzA4OCAyMi40MzM4IDI0LjgxMjUgMjEuODEyNSAyNC44MTI1SDE0LjA2MjVDMTMuNDQxMiAyNC44MTI1IDEyLjkzNzUgMjQuMzA4OCAxMi45Mzc1IDIzLjY4NzVWMTAuOTM3NVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xNCAxMC4xMjVDMTQgOS41MDM2OCAxNC41MDM3IDkgMTUuMTI1IDlIMjIuODc1QzIzLjQ5NjMgOSAyNCA5LjUwMzY4IDI0IDEwLjEyNVYyMi44NzVDMjQgMjMuNDk2MyAyMy40OTYzIDI0IDIyLjg3NSAyNEgxNS4xMjVDMTQuNTAzNyAyNCAxNCAyMy40OTYzIDE0IDIyLjg3NVYxMC4xMjVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4=');
    --image-theme-source-light: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSIyMyIgdmlld0JveD0iMCAwIDIzIDIzIiBmaWxsPSJub25lIj48bGluayB4bWxucz0iIiB0eXBlPSJ0ZXh0L2NzcyIgcmVsPSJzdHlsZXNoZWV0IiBpZD0iZGFyay1tb2RlLWN1c3RvbS1saW5rIi8+PGxpbmsgeG1sbnM9IiIgdHlwZT0idGV4dC9jc3MiIHJlbD0ic3R5bGVzaGVldCIgaWQ9ImRhcmstbW9kZS1nZW5lcmFsLWxpbmsiLz48c3R5bGUgeG1sbnM9IiIgbGFuZz0iZW4iIHR5cGU9InRleHQvY3NzIiBpZD0iZGFyay1tb2RlLWN1c3RvbS1zdHlsZSIvPjxzdHlsZSB4bWxucz0iIiBsYW5nPSJlbiIgdHlwZT0idGV4dC9jc3MiIGlkPSJkYXJrLW1vZGUtbmF0aXZlLXN0eWxlIi8+CjxwYXRoIGQ9Ik0xMS4zMTI1IDYuNUMxMS45Nzg1IDYuNSAxMi42MDE2IDYuNjI1MzMgMTMuMTgxNiA2Ljg3NTk4QzEzLjc2ODkgNy4xMjY2MyAxNC4yODA5IDcuNDcwMzggMTQuNzE3OCA3LjkwNzIzQzE1LjE1NDYgOC4zNDQwOCAxNS40OTg0IDguODU2MTIgMTUuNzQ5IDkuNDQzMzZDMTUuOTk5NyAxMC4wMjM0IDE2LjEyNSAxMC42NDY1IDE2LjEyNSAxMS4zMTI1QzE2LjEyNSAxMS45Nzg1IDE1Ljk5OTcgMTIuNjA1MSAxNS43NDkgMTMuMTkyNEMxNS40OTg0IDEzLjc3MjUgMTUuMTU0NiAxNC4yODA5IDE0LjcxNzggMTQuNzE3OEMxNC4yODA5IDE1LjE1NDYgMTMuNzY4OSAxNS40OTg0IDEzLjE4MTYgMTUuNzQ5QzEyLjYwMTYgMTUuOTk5NyAxMS45Nzg1IDE2LjEyNSAxMS4zMTI1IDE2LjEyNUMxMC42NDY1IDE2LjEyNSAxMC4wMTk5IDE1Ljk5OTcgOS40MzI2MiAxNS43NDlDOC44NTI1NCAxNS40OTg0IDguMzQ0MDggMTUuMTU0NiA3LjkwNzIzIDE0LjcxNzhDNy40NzAzOCAxNC4yODA5IDcuMTI2NjMgMTMuNzcyNSA2Ljg3NTk4IDEzLjE5MjRDNi42MjUzMyAxMi42MDUxIDYuNSAxMS45Nzg1IDYuNSAxMS4zMTI1QzYuNSAxMC42NDY1IDYuNjI1MzMgMTAuMDIzNCA2Ljg3NTk4IDkuNDQzMzZDNy4xMjY2MyA4Ljg1NjEyIDcuNDcwMzggOC4zNDQwOCA3LjkwNzIzIDcuOTA3MjNDOC4zNDQwOCA3LjQ3MDM4IDguODUyNTQgNy4xMjY2MyA5LjQzMjYyIDYuODc1OThDMTAuMDE5OSA2LjYyNTMzIDEwLjY0NjUgNi41IDExLjMxMjUgNi41Wk0xMS4zMTI1IDE0Ljc1QzExLjc4NTIgMTQuNzUgMTIuMjI5MiAxNC42NjA1IDEyLjY0NDUgMTQuNDgxNEMxMy4wNTk5IDE0LjMwMjQgMTMuNDIxNSAxNC4wNTg5IDEzLjcyOTUgMTMuNzUxQzE0LjA0NDYgMTMuNDM1OSAxNC4yOTE3IDEzLjA3MDYgMTQuNDcwNyAxMi42NTUzQzE0LjY1NjkgMTIuMjMyNyAxNC43NSAxMS43ODUyIDE0Ljc1IDExLjMxMjVDMTQuNzUgMTAuODM5OCAxNC42NTY5IDEwLjM5NTggMTQuNDcwNyA5Ljk4MDQ3QzE0LjI5MTcgOS41NjUxIDE0LjA0NDYgOS4yMDM0NSAxMy43Mjk1IDguODk1NTFDMTMuNDIxNSA4LjU4MDQgMTMuMDU5OSA4LjMzMzMzIDEyLjY0NDUgOC4xNTQzQzEyLjIyOTIgNy45NjgxIDExLjc4NTIgNy44NzUgMTEuMzEyNSA3Ljg3NUMxMC44Mzk4IDcuODc1IDEwLjM5MjMgNy45NjgxIDkuOTY5NzMgOC4xNTQzQzkuNTU0MzYgOC4zMzMzMyA5LjE4OTEzIDguNTgwNCA4Ljg3NDAyIDguODk1NTFDOC41NjYwOCA5LjIwMzQ1IDguMzIyNTkgOS41NjUxIDguMTQzNTUgOS45ODA0N0M3Ljk2NDUyIDEwLjM5NTggNy44NzUgMTAuODM5OCA3Ljg3NSAxMS4zMTI1QzcuODc1IDExLjc4NTIgNy45NjQ1MiAxMi4yMzI3IDguMTQzNTUgMTIuNjU1M0M4LjMyMjU5IDEzLjA3MDYgOC41NjYwOCAxMy40MzU5IDguODc0MDIgMTMuNzUxQzkuMTg5MTMgMTQuMDU4OSA5LjU1NDM2IDE0LjMwMjQgOS45Njk3MyAxNC40ODE0QzEwLjM5MjMgMTQuNjYwNSAxMC44Mzk4IDE0Ljc1IDExLjMxMjUgMTQuNzVaTTEyIDUuMTI1SDEwLjYyNVYxSDEyVjUuMTI1Wk0xMC42MjUgMTcuNUgxMlYyMS42MjVIMTAuNjI1VjE3LjVaTTIxLjYyNSAxMC42MjVWMTJIMTcuNVYxMC42MjVIMjEuNjI1Wk01LjEyNSAxMkgxVjEwLjYyNUg1LjEyNVYxMlpNNi40NDYyOSA3LjQyMzgzTDMuNTM1MTYgNC41MDE5NUw0LjUwMTk1IDMuNTM1MTZMNy40MjM4MyA2LjQ0NjI5TDYuNDQ2MjkgNy40MjM4M1pNMTYuMTc4NyAxNS4yMDEyTDE5LjA4OTggMTguMTIzTDE4LjEyMyAxOS4wODk4TDE1LjIwMTIgMTYuMTc4N0wxNi4xNzg3IDE1LjIwMTJaTTE2LjE3ODcgNy40MjM4M0wxNS4yMDEyIDYuNDQ2MjlMMTguMTIzIDMuNTM1MTZMMTkuMDg5OCA0LjUwMTk1TDE2LjE3ODcgNy40MjM4M1pNNi40NDYyOSAxNS4yMDEyTDcuNDIzODMgMTYuMTc4N0w0LjUwMTk1IDE5LjA4OThMMy41MzUxNiAxOC4xMjNMNi40NDYyOSAxNS4yMDEyWiIgZmlsbD0id2hpdGUiIHN0cm9rZT0id2hpdGUiLz4KPC9zdmc+');
    --image-last-post-source-light: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMSIgdmlld0JveD0iMCAwIDIyIDIxIiBmaWxsPSJub25lIj48bGluayB4bWxucz0iIiB0eXBlPSJ0ZXh0L2NzcyIgcmVsPSJzdHlsZXNoZWV0IiBpZD0iZGFyay1tb2RlLWN1c3RvbS1saW5rIi8+PGxpbmsgeG1sbnM9IiIgdHlwZT0idGV4dC9jc3MiIHJlbD0ic3R5bGVzaGVldCIgaWQ9ImRhcmstbW9kZS1nZW5lcmFsLWxpbmsiLz48c3R5bGUgeG1sbnM9IiIgbGFuZz0iZW4iIHR5cGU9InRleHQvY3NzIiBpZD0iZGFyay1tb2RlLWN1c3RvbS1zdHlsZSIvPjxzdHlsZSB4bWxucz0iIiBsYW5nPSJlbiIgdHlwZT0idGV4dC9jc3MiIGlkPSJkYXJrLW1vZGUtbmF0aXZlLXN0eWxlIi8+CjxyZWN0IHk9IjkiIHdpZHRoPSIyMiIgaGVpZ2h0PSIxMiIgcng9IjIiIGZpbGw9IiNEMUQxRDEiLz4KPHBhdGggZD0iTTEuMjkzMyAxMEMwLjgzNjI4NyAxMCAwLjYxODgwMyA5LjQzNzQ1IDAuOTU2OTY3IDkuMTMwMDNMMTAuMzI3MyAwLjYxMTUyMUMxMC43MDg3IDAuMjY0Nzc1IDExLjI5MTMgMC4yNjQ3NzQgMTEuNjcyNyAwLjYxMTUyMUwyMS4wNDMgOS4xMzAwM0MyMS4zODEyIDkuNDM3NDUgMjEuMTYzNyAxMCAyMC43MDY3IDEwSDExSDEuMjkzM1oiIGZpbGw9IiNBRkFGQUYiLz4KPHBhdGggZD0iTTQgNkM0IDQuODk1NDMgNC44OTU0MyA0IDYgNEgxNkMxNy4xMDQ2IDQgMTggNC44OTU0MyAxOCA2VjEwSDRWNloiIGZpbGw9IndoaXRlIi8+CjxsaW5lIG9wYWNpdHk9IjAuNiIgeDE9IjYiIHkxPSI2LjUiIHgyPSIxNiIgeTI9IjYuNSIgc3Ryb2tlPSIjQkFCOEI3Ii8+CjxsaW5lIG9wYWNpdHk9IjAuNiIgeDE9IjYiIHkxPSI4LjUiIHgyPSIxMiIgeTI9IjguNSIgc3Ryb2tlPSIjQkFCOEI3Ii8+Cjwvc3ZnPg==');
    --image-go-to-last-post-source-light: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3IiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCA3IDYiIGZpbGw9Im5vbmUiPjxsaW5rIHhtbG5zPSIiIHR5cGU9InRleHQvY3NzIiByZWw9InN0eWxlc2hlZXQiIGlkPSJkYXJrLW1vZGUtY3VzdG9tLWxpbmsiLz48bGluayB4bWxucz0iIiB0eXBlPSJ0ZXh0L2NzcyIgcmVsPSJzdHlsZXNoZWV0IiBpZD0iZGFyay1tb2RlLWdlbmVyYWwtbGluayIvPjxzdHlsZSB4bWxucz0iIiBsYW5nPSJlbiIgdHlwZT0idGV4dC9jc3MiIGlkPSJkYXJrLW1vZGUtY3VzdG9tLXN0eWxlIi8+PHN0eWxlIHhtbG5zPSIiIGxhbmc9ImVuIiB0eXBlPSJ0ZXh0L2NzcyIgaWQ9ImRhcmstbW9kZS1uYXRpdmUtc3R5bGUiLz4KPGxpbmUgeTE9Ii0wLjUiIHgyPSIzLjU3NTQ1IiB5Mj0iLTAuNSIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MjI4NjkgMC42OTA5ODUgLTAuNzIyODY5IDAuNjkwOTg1IDMgMSkiIHN0cm9rZT0iIzU0OEFBMSIvPgo8bGluZSB5MT0iLTAuNSIgeDI9IjMuNTc1NDUiIHkyPSItMC41IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcyMjg2OSAtMC42OTA5ODUgLTAuNzIyODY5IC0wLjY5MDk4NSAzIDQuNTMzMikiIHN0cm9rZT0iIzU0OEFBMSIvPgo8bGluZSB5MT0iLTAuNSIgeDI9IjMuNTc1NDUiIHkyPSItMC41IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcyMjg2OSAwLjY5MDk4NSAtMC43MjI4NjkgMC42OTA5ODUgMCAxKSIgc3Ryb2tlPSIjNTQ4QUExIi8+CjxsaW5lIHkxPSItMC41IiB4Mj0iMy41NzU0NSIgeTI9Ii0wLjUiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzIyODY5IC0wLjY5MDk4NSAtMC43MjI4NjkgLTAuNjkwOTg1IDAgNC41MzMyKSIgc3Ryb2tlPSIjNTQ4QUExIi8+Cjwvc3ZnPg==');
    --image-active-users-source-light: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIiBmaWxsPSJub25lIj48bGluayB4bWxucz0iIiB0eXBlPSJ0ZXh0L2NzcyIgcmVsPSJzdHlsZXNoZWV0IiBpZD0iZGFyay1tb2RlLWN1c3RvbS1saW5rIi8+PGxpbmsgeG1sbnM9IiIgdHlwZT0idGV4dC9jc3MiIHJlbD0ic3R5bGVzaGVldCIgaWQ9ImRhcmstbW9kZS1nZW5lcmFsLWxpbmsiLz48c3R5bGUgeG1sbnM9IiIgbGFuZz0iZW4iIHR5cGU9InRleHQvY3NzIiBpZD0iZGFyay1tb2RlLWN1c3RvbS1zdHlsZSIvPjxzdHlsZSB4bWxucz0iIiBsYW5nPSJlbiIgdHlwZT0idGV4dC9jc3MiIGlkPSJkYXJrLW1vZGUtbmF0aXZlLXN0eWxlIi8+CjxnIG9wYWNpdHk9IjAuNSI+CjxyZWN0IHg9IjAuNzUiIHk9IjAuNzUiIHdpZHRoPSIyOC41IiBoZWlnaHQ9IjI4LjUiIHJ4PSIxLjI1IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8cGF0aCBkPSJNMjIgMjlDMjIgMjIuMzcyNiAxOC44NjYgMTcgMTUgMTdDMTEuMTM0IDE3IDggMjIuMzcyNiA4IDI5IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8cGF0aCBkPSJNMSAyOUMxIDI0LjU4MTcgMy4yMzg1OCAyMSA2IDIxQzcuMTI1NjEgMjEgOC4xNjQzNCAyMS41OTUxIDkgMjIuNTk5NCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPHBhdGggZD0iTTI5IDI5QzI5IDI0LjU4MTcgMjYuNzYxNCAyMSAyNCAyMUMyMi44NzQ0IDIxIDIxLjgzNTcgMjEuNTk1MSAyMSAyMi41OTk0IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8Y2lyY2xlIGN4PSIxNSIgY3k9IjExIiByPSIzLjI1IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8Y2lyY2xlIGN4PSI2IiBjeT0iMTYiIHI9IjIuMjUiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS41Ii8+CjxjaXJjbGUgcj0iMi4yNSIgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgMjQgMTYpIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L2c+Cjwvc3ZnPg==');
    --image-threadcount-source-light: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIiBmaWxsPSJub25lIj48bGluayB4bWxucz0iIiB0eXBlPSJ0ZXh0L2NzcyIgcmVsPSJzdHlsZXNoZWV0IiBpZD0iZGFyay1tb2RlLWN1c3RvbS1saW5rIi8+PGxpbmsgeG1sbnM9IiIgdHlwZT0idGV4dC9jc3MiIHJlbD0ic3R5bGVzaGVldCIgaWQ9ImRhcmstbW9kZS1nZW5lcmFsLWxpbmsiLz48c3R5bGUgeG1sbnM9IiIgbGFuZz0iZW4iIHR5cGU9InRleHQvY3NzIiBpZD0iZGFyay1tb2RlLWN1c3RvbS1zdHlsZSIvPjxzdHlsZSB4bWxucz0iIiBsYW5nPSJlbiIgdHlwZT0idGV4dC9jc3MiIGlkPSJkYXJrLW1vZGUtbmF0aXZlLXN0eWxlIi8+CjxnIG9wYWNpdHk9IjAuNSI+CjxyZWN0IHg9IjAuNzUiIHk9IjAuNzUiIHdpZHRoPSIyOC41IiBoZWlnaHQ9IjI4LjUiIHJ4PSIxLjI1IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8cmVjdCB4PSIxOS4yNSIgeT0iNy43NSIgd2lkdGg9IjIuNSIgaGVpZ2h0PSIxMi41IiByeD0iMS4yNSIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgMTkuMjUgNy43NSkiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS41Ii8+CjxyZWN0IHg9IjE1LjI1IiB5PSIxMy43NSIgd2lkdGg9IjIuNSIgaGVpZ2h0PSI4LjUiIHJ4PSIxLjI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCAxNS4yNSAxMy43NSkiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS41Ii8+CjxyZWN0IHg9IjI0LjI1IiB5PSIxOS43NSIgd2lkdGg9IjIuNSIgaGVpZ2h0PSIxNy41IiByeD0iMS4yNSIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgMjQuMjUgMTkuNzUpIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L2c+Cjwvc3ZnPg==');
    --image-search-sidebar-source-light: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj48bGluayB4bWxucz0iIiB0eXBlPSJ0ZXh0L2NzcyIgcmVsPSJzdHlsZXNoZWV0IiBpZD0iZGFyay1tb2RlLWN1c3RvbS1saW5rIi8+PGxpbmsgeG1sbnM9IiIgdHlwZT0idGV4dC9jc3MiIHJlbD0ic3R5bGVzaGVldCIgaWQ9ImRhcmstbW9kZS1nZW5lcmFsLWxpbmsiLz48c3R5bGUgeG1sbnM9IiIgbGFuZz0iZW4iIHR5cGU9InRleHQvY3NzIiBpZD0iZGFyay1tb2RlLWN1c3RvbS1zdHlsZSIvPjxzdHlsZSB4bWxucz0iIiBsYW5nPSJlbiIgdHlwZT0idGV4dC9jc3MiIGlkPSJkYXJrLW1vZGUtbmF0aXZlLXN0eWxlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC4zMTUwMyAxNC42MkMxMS44MzgzIDE0LjYyIDE0LjY5NDQgMTEuNzc4NCAxNC42OTQ0IDguMjcyOTRDMTQuNjk0NCA0Ljc2NzUzIDExLjgzODMgMS45MjU4MyA4LjMxNTAzIDEuOTI1ODNDNC43OTE3OSAxLjkyNTgzIDEuOTM1NjQgNC43Njc1MyAxLjkzNTY0IDguMjcyOTRDMS45MzU2NCAxMS43Nzg0IDQuNzkxNzkgMTQuNjIgOC4zMTUwMyAxNC42MlpNOC4zMTUwMyAxNi41NDU5QzEyLjkwNzMgMTYuNTQ1OSAxNi42MzAxIDEyLjg0MiAxNi42MzAxIDguMjcyOTRDMTYuNjMwMSAzLjcwMzkyIDEyLjkwNzMgMCA4LjMxNTAzIDBDMy43MjI3NyAwIDAgMy43MDM5MiAwIDguMjcyOTRDMCAxMi44NDIgMy43MjI3NyAxNi41NDU5IDguMzE1MDMgMTYuNTQ1OVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xMy4xNTY1IDE0LjU1M0MxMi43Nzg2IDE0LjE3NjkgMTIuNzc4NiAxMy41NjcyIDEzLjE1NjUgMTMuMTkxMkMxMy41MzQ1IDEyLjgxNTEgMTQuMTQ3MyAxMi44MTUxIDE0LjUyNTIgMTMuMTkxMkwxOS4zMTU3IDE3Ljk1NzRDMTkuNjkzNiAxOC4zMzM0IDE5LjY5MzYgMTguOTQzMSAxOS4zMTU3IDE5LjMxOTJDMTguOTM3NyAxOS42OTUyIDE4LjMyNDkgMTkuNjk1MiAxNy45NDcgMTkuMzE5MkwxMy4xNTY1IDE0LjU1M1oiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPg==');
    --image-dropdown-triangle-sidebar-source-light: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3IiBoZWlnaHQ9IjUiIHZpZXdCb3g9IjAgMCA3IDUiIGZpbGw9Im5vbmUiPjxsaW5rIHhtbG5zPSIiIHR5cGU9InRleHQvY3NzIiByZWw9InN0eWxlc2hlZXQiIGlkPSJkYXJrLW1vZGUtY3VzdG9tLWxpbmsiLz48bGluayB4bWxucz0iIiB0eXBlPSJ0ZXh0L2NzcyIgcmVsPSJzdHlsZXNoZWV0IiBpZD0iZGFyay1tb2RlLWdlbmVyYWwtbGluayIvPjxzdHlsZSB4bWxucz0iIiBsYW5nPSJlbiIgdHlwZT0idGV4dC9jc3MiIGlkPSJkYXJrLW1vZGUtY3VzdG9tLXN0eWxlIi8+PHN0eWxlIHhtbG5zPSIiIGxhbmc9ImVuIiB0eXBlPSJ0ZXh0L2NzcyIgaWQ9ImRhcmstbW9kZS1uYXRpdmUtc3R5bGUiLz4KPHBhdGggZD0iTTAgMEg3TDMuNSA1TDAgMFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPg==');
    --image-category-new-source-dark: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIiBmaWxsPSJub25lIj48bGluayB4bWxucz0iIiB0eXBlPSJ0ZXh0L2NzcyIgcmVsPSJzdHlsZXNoZWV0IiBpZD0iZGFyay1tb2RlLWN1c3RvbS1saW5rIi8+PGxpbmsgeG1sbnM9IiIgdHlwZT0idGV4dC9jc3MiIHJlbD0ic3R5bGVzaGVldCIgaWQ9ImRhcmstbW9kZS1nZW5lcmFsLWxpbmsiLz48c3R5bGUgeG1sbnM9IiIgbGFuZz0iZW4iIHR5cGU9InRleHQvY3NzIiBpZD0iZGFyay1tb2RlLWN1c3RvbS1zdHlsZSIvPjxzdHlsZSB4bWxucz0iIiBsYW5nPSJlbiIgdHlwZT0idGV4dC9jc3MiIGlkPSJkYXJrLW1vZGUtbmF0aXZlLXN0eWxlIi8+CjxwYXRoIGQ9Ik0wIDJDMCAwLjg5NTQzIDAuODk1NDMxIDAgMiAwSDI4QzI5LjEwNDYgMCAzMCAwLjg5NTQzMSAzMCAyVjI4QzMwIDI5LjEwNDYgMjkuMTA0NiAzMCAyOCAzMEgyQzAuODk1NDMgMzAgMCAyOS4xMDQ2IDAgMjhWMloiIGZpbGw9IiNGMkJGNzMiIGZpbGwtb3BhY2l0eT0iMC42Ii8+CjxwYXRoIGQ9Ik0wLjUgMkMwLjUgMS4xNzE1NyAxLjE3MTU3IDAuNSAyIDAuNUgyOEMyOC44Mjg0IDAuNSAyOS41IDEuMTcxNTcgMjkuNSAyVjI4QzI5LjUgMjguODI4NCAyOC44Mjg0IDI5LjUgMjggMjkuNUgyQzEuMTcxNTcgMjkuNSAwLjUgMjguODI4NCAwLjUgMjhWMloiIHN0cm9rZT0iI0YyQkY3MyIgc3Ryb2tlLW9wYWNpdHk9IjAuNSIvPgo8cGF0aCBvcGFjaXR5PSIwLjgiIGQ9Ik02IDcuMTI1QzYgNi41MDM2OCA2LjUwMzY4IDYgNy4xMjUgNkgxNC44NzVDMTUuNDk2MyA2IDE2IDYuNTAzNjggMTYgNy4xMjVWMTkuODc1QzE2IDIwLjQ5NjMgMTUuNDk2MyAyMSAxNC44NzUgMjFINy4xMjVDNi41MDM2OCAyMSA2IDIwLjQ5NjMgNiAxOS44NzVWNy4xMjVaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBvcGFjaXR5PSIwLjEiIGQ9Ik0xMi45Mzc1IDEwLjkzNzVDMTIuOTM3NSAxMC4zMTYyIDEzLjQ0MTIgOS44MTI1IDE0LjA2MjUgOS44MTI1SDIxLjgxMjVDMjIuNDMzOCA5LjgxMjUgMjIuOTM3NSAxMC4zMTYyIDIyLjkzNzUgMTAuOTM3NVYyMy42ODc1QzIyLjkzNzUgMjQuMzA4OCAyMi40MzM4IDI0LjgxMjUgMjEuODEyNSAyNC44MTI1SDE0LjA2MjVDMTMuNDQxMiAyNC44MTI1IDEyLjkzNzUgMjQuMzA4OCAxMi45Mzc1IDIzLjY4NzVWMTAuOTM3NVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xNCAxMC4xMjVDMTQgOS41MDM2OCAxNC41MDM3IDkgMTUuMTI1IDlIMjIuODc1QzIzLjQ5NjMgOSAyNCA5LjUwMzY4IDI0IDEwLjEyNVYyMi44NzVDMjQgMjMuNDk2MyAyMy40OTYzIDI0IDIyLjg3NSAyNEgxNS4xMjVDMTQuNTAzNyAyNCAxNCAyMy40OTYzIDE0IDIyLjg3NVYxMC4xMjVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4=');
    --image-category-old-source-dark: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIiBmaWxsPSJub25lIj48bGluayB4bWxucz0iIiB0eXBlPSJ0ZXh0L2NzcyIgcmVsPSJzdHlsZXNoZWV0IiBpZD0iZGFyay1tb2RlLWN1c3RvbS1saW5rIi8+PGxpbmsgeG1sbnM9IiIgdHlwZT0idGV4dC9jc3MiIHJlbD0ic3R5bGVzaGVldCIgaWQ9ImRhcmstbW9kZS1nZW5lcmFsLWxpbmsiLz48c3R5bGUgeG1sbnM9IiIgbGFuZz0iZW4iIHR5cGU9InRleHQvY3NzIiBpZD0iZGFyay1tb2RlLWN1c3RvbS1zdHlsZSIvPjxzdHlsZSB4bWxucz0iIiBsYW5nPSJlbiIgdHlwZT0idGV4dC9jc3MiIGlkPSJkYXJrLW1vZGUtbmF0aXZlLXN0eWxlIi8+CjxwYXRoIGQ9Ik0wIDJDMCAwLjg5NTQzIDAuODk1NDMxIDAgMiAwSDI4QzI5LjEwNDYgMCAzMCAwLjg5NTQzMSAzMCAyVjI4QzMwIDI5LjEwNDYgMjkuMTA0NiAzMCAyOCAzMEgyQzAuODk1NDMgMzAgMCAyOS4xMDQ2IDAgMjhWMloiIGZpbGw9IiMzRjNFM0YiLz4KPHBhdGggZD0iTTAuNSAyQzAuNSAxLjE3MTU3IDEuMTcxNTcgMC41IDIgMC41SDI4QzI4LjgyODQgMC41IDI5LjUgMS4xNzE1NyAyOS41IDJWMjhDMjkuNSAyOC44Mjg0IDI4LjgyODQgMjkuNSAyOCAyOS41SDJDMS4xNzE1NyAyOS41IDAuNSAyOC44Mjg0IDAuNSAyOFYyWiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLW9wYWNpdHk9IjAuMiIvPgo8cGF0aCBvcGFjaXR5PSIwLjgiIGQ9Ik02IDcuMTI1QzYgNi41MDM2OCA2LjUwMzY4IDYgNy4xMjUgNkgxNC44NzVDMTUuNDk2MyA2IDE2IDYuNTAzNjggMTYgNy4xMjVWMTkuODc1QzE2IDIwLjQ5NjMgMTUuNDk2MyAyMSAxNC44NzUgMjFINy4xMjVDNi41MDM2OCAyMSA2IDIwLjQ5NjMgNiAxOS44NzVWNy4xMjVaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBvcGFjaXR5PSIwLjEiIGQ9Ik0xMi45Mzc1IDEwLjkzNzVDMTIuOTM3NSAxMC4zMTYyIDEzLjQ0MTIgOS44MTI1IDE0LjA2MjUgOS44MTI1SDIxLjgxMjVDMjIuNDMzOCA5LjgxMjUgMjIuOTM3NSAxMC4zMTYyIDIyLjkzNzUgMTAuOTM3NVYyMy42ODc1QzIyLjkzNzUgMjQuMzA4OCAyMi40MzM4IDI0LjgxMjUgMjEuODEyNSAyNC44MTI1SDE0LjA2MjVDMTMuNDQxMiAyNC44MTI1IDEyLjkzNzUgMjQuMzA4OCAxMi45Mzc1IDIzLjY4NzVWMTAuOTM3NVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xNCAxMC4xMjVDMTQgOS41MDM2OCAxNC41MDM3IDkgMTUuMTI1IDlIMjIuODc1QzIzLjQ5NjMgOSAyNCA5LjUwMzY4IDI0IDEwLjEyNVYyMi44NzVDMjQgMjMuNDk2MyAyMy40OTYzIDI0IDIyLjg3NSAyNEgxNS4xMjVDMTQuNTAzNyAyNCAxNCAyMy40OTYzIDE0IDIyLjg3NVYxMC4xMjVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4=');
    --image-theme-source-dark: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDIzIDI0IiBmaWxsPSJub25lIj48bGluayB4bWxucz0iIiB0eXBlPSJ0ZXh0L2NzcyIgcmVsPSJzdHlsZXNoZWV0IiBpZD0iZGFyay1tb2RlLWN1c3RvbS1saW5rIi8+PGxpbmsgeG1sbnM9IiIgdHlwZT0idGV4dC9jc3MiIHJlbD0ic3R5bGVzaGVldCIgaWQ9ImRhcmstbW9kZS1nZW5lcmFsLWxpbmsiLz48c3R5bGUgeG1sbnM9IiIgbGFuZz0iZW4iIHR5cGU9InRleHQvY3NzIiBpZD0iZGFyay1tb2RlLWN1c3RvbS1zdHlsZSIvPjxzdHlsZSB4bWxucz0iIiBsYW5nPSJlbiIgdHlwZT0idGV4dC9jc3MiIGlkPSJkYXJrLW1vZGUtbmF0aXZlLXN0eWxlIi8+CjxwYXRoIGQ9Ik0yLjM3NSAxNy41QzMuMzg0NzcgMTcuNSA0LjM1ODcyIDE3LjM3MTEgNS4yOTY4OCAxNy4xMTMzQzYuMjM1MDMgMTYuODQ4MyA3LjEwODcyIDE2LjQ3NTkgNy45MTc5NyAxNS45OTYxQzguNzM0MzggMTUuNTE2MyA5LjQ3NTU5IDE0Ljk0MzQgMTAuMTQxNiAxNC4yNzczQzEwLjgxNDggMTMuNjA0MiAxMS4zOTEzIDEyLjg2MyAxMS44NzExIDEyLjA1MzdDMTIuMzUwOSAxMS4yMzczIDEyLjcxOTcgMTAuMzYgMTIuOTc3NSA5LjQyMTg4QzEzLjI0MjUgOC40ODM3MiAxMy4zNzUgNy41MDk3NyAxMy4zNzUgNi41QzEzLjM3NSA1LjU0NzUzIDEzLjI1MzMgNC42MTI5NiAxMy4wMDk4IDMuNjk2MjlDMTIuNzY2MyAyLjc3OTYyIDEyLjQxMTggMS45MDk1MSAxMS45NDYzIDEuMDg1OTRDMTIuODYzIDEuMjAwNTIgMTMuNzQwMiAxLjQxODk1IDE0LjU3ODEgMS43NDEyMUMxNS40MTYgMi4wNjM0OCAxNi4xOTMgMi40NzUyNiAxNi45MDkyIDIuOTc2NTZDMTcuNjI1MyAzLjQ3Nzg2IDE4LjI3MzQgNC4wNTc5NCAxOC44NTM1IDQuNzE2OEMxOS40MzM2IDUuMzY4NDkgMTkuOTI3NyA2LjA4MTA1IDIwLjMzNTkgNi44NTQ0OUMyMC43NTEzIDcuNjIwNzcgMjEuMDcgOC40NDA3NiAyMS4yOTIgOS4zMTQ0NUMyMS41MTQgMTAuMTgxIDIxLjYyNSAxMS4wNzYyIDIxLjYyNSAxMkMyMS42MjUgMTMuMDA5OCAyMS40OTI1IDEzLjk4MzcgMjEuMjI3NSAxNC45MjE5QzIwLjk2OTcgMTUuODYgMjAuNjAwOSAxNi43MzczIDIwLjEyMTEgMTcuNTUzN0MxOS42NDEzIDE4LjM2MyAxOS4wNjQ4IDE5LjEwNDIgMTguMzkxNiAxOS43NzczQzE3LjcyNTYgMjAuNDQzNCAxNi45ODQ0IDIxLjAxNjMgMTYuMTY4IDIxLjQ5NjFDMTUuMzU4NyAyMS45NzU5IDE0LjQ4NSAyMi4zNDgzIDEzLjU0NjkgMjIuNjEzM0MxMi42MDg3IDIyLjg3MTEgMTEuNjM0OCAyMyAxMC42MjUgMjNDOS42MzY3MiAyMyA4LjY3MzUgMjIuODcxMSA3LjczNTM1IDIyLjYxMzNDNi43OTcyIDIyLjM1NTUgNS45MTI3NiAyMS45ODY3IDUuMDgyMDMgMjEuNTA2OEM0LjI1ODQ2IDIxLjAxOTkgMy41MDI5MyAyMC40MzI2IDIuODE1NDMgMTkuNzQ1MUMyLjEyNzkzIDE5LjA1MDUgMS41NDA2OSAxOC4yNzM0IDEuMDUzNzEgMTcuNDE0MUMxLjI3NTcyIDE3LjQ0MjcgMS40OTQxNCAxNy40NjQyIDEuNzA4OTggMTcuNDc4NUMxLjkzMDk5IDE3LjQ5MjggMi4xNTI5OSAxNy41IDIuMzc1IDE3LjVaTTEwLjYyNSAyMS42MjVDMTEuNTEzIDIxLjYyNSAxMi4zNjUyIDIxLjUxMDQgMTMuMTgxNiAyMS4yODEyQzE0LjAwNTIgMjEuMDUyMSAxNC43NzE1IDIwLjcyOTggMTUuNDgwNSAyMC4zMTQ1QzE2LjE5NjYgMTkuODkxOSAxNi44NDQ3IDE5LjM5MDYgMTcuNDI0OCAxOC44MTA1QzE4LjAxMiAxOC4yMjMzIDE4LjUxMzMgMTcuNTc1MiAxOC45Mjg3IDE2Ljg2NjJDMTkuMzUxMiAxNi4xNTAxIDE5LjY3NzEgMTUuMzgzOCAxOS45MDYyIDE0LjU2NzRDMjAuMTM1NCAxMy43NDM4IDIwLjI1IDEyLjg4OCAyMC4yNSAxMkMyMC4yNSAxMS4wMjYgMjAuMTA2OCAxMC4wODQzIDE5LjgyMDMgOS4xNzQ4QzE5LjUzMzkgOC4yNTgxNCAxOS4xMjkyIDcuNDEzMDkgMTguNjA2NCA2LjYzOTY1QzE4LjA5MDggNS44NTkwNSAxNy40NjQyIDUuMTY0MzkgMTYuNzI2NiA0LjU1NTY2QzE1Ljk4ODkgMy45NDY5NCAxNS4xNjg5IDMuNDU5OTYgMTQuMjY2NiAzLjA5NDczQzE0LjU4ODkgNC4yMDQ3NSAxNC43NSA1LjMzOTg0IDE0Ljc1IDYuNUMxNC43NSA3LjU0NTU3IDE0LjYyNDcgOC41NTg5MiAxNC4zNzQgOS41NDAwNEMxNC4xMjM0IDEwLjUxNCAxMy43NjUzIDExLjQzNzggMTMuMjk5OCAxMi4zMTE1QzEyLjgzNDMgMTMuMTc4MSAxMi4yNzIxIDEzLjk4MzcgMTEuNjEzMyAxNC43Mjg1QzEwLjk1NDQgMTUuNDY2MSAxMC4yMjA0IDE2LjExNzggOS40MTExMyAxNi42ODM2QzguNjAxODkgMTcuMjQyMiA3LjcyNDYxIDE3LjcwNDEgNi43NzkzIDE4LjA2OTNDNS44NDExNSAxOC40Mjc0IDQuODUyODYgMTguNjY3MyAzLjgxNDQ1IDE4Ljc4OTFDNC43MzExMiAxOS43MDU3IDUuNzY5NTMgMjAuNDA3NiA2LjkyOTY5IDIwLjg5NDVDOC4wOTcwMSAyMS4zODE1IDkuMzI4NzggMjEuNjI1IDEwLjYyNSAyMS42MjVaIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSJ3aGl0ZSIvPgo8L3N2Zz4=');
    --image-last-post-source-dark: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMSIgdmlld0JveD0iMCAwIDIyIDIxIiBmaWxsPSJub25lIj48bGluayB4bWxucz0iIiB0eXBlPSJ0ZXh0L2NzcyIgcmVsPSJzdHlsZXNoZWV0IiBpZD0iZGFyay1tb2RlLWN1c3RvbS1saW5rIi8+PGxpbmsgeG1sbnM9IiIgdHlwZT0idGV4dC9jc3MiIHJlbD0ic3R5bGVzaGVldCIgaWQ9ImRhcmstbW9kZS1nZW5lcmFsLWxpbmsiLz48c3R5bGUgeG1sbnM9IiIgbGFuZz0iZW4iIHR5cGU9InRleHQvY3NzIiBpZD0iZGFyay1tb2RlLWN1c3RvbS1zdHlsZSIvPjxzdHlsZSB4bWxucz0iIiBsYW5nPSJlbiIgdHlwZT0idGV4dC9jc3MiIGlkPSJkYXJrLW1vZGUtbmF0aXZlLXN0eWxlIi8+CjxnIG9wYWNpdHk9IjAuNSI+CjxyZWN0IHk9IjkiIHdpZHRoPSIyMiIgaGVpZ2h0PSIxMiIgcng9IjIiIGZpbGw9IiNEMUQxRDEiLz4KPHBhdGggZD0iTTEuMjkzMyAxMEMwLjgzNjI4NyAxMCAwLjYxODgwMyA5LjQzNzQ1IDAuOTU2OTY3IDkuMTMwMDNMMTAuMzI3MyAwLjYxMTUyMUMxMC43MDg3IDAuMjY0Nzc1IDExLjI5MTMgMC4yNjQ3NzQgMTEuNjcyNyAwLjYxMTUyMUwyMS4wNDMgOS4xMzAwM0MyMS4zODEyIDkuNDM3NDUgMjEuMTYzNyAxMCAyMC43MDY3IDEwSDExSDEuMjkzM1oiIGZpbGw9IiNBRkFGQUYiLz4KPHBhdGggZD0iTTQgNkM0IDQuODk1NDMgNC44OTU0MyA0IDYgNEgxNkMxNy4xMDQ2IDQgMTggNC44OTU0MyAxOCA2VjEwSDRWNloiIGZpbGw9IndoaXRlIi8+CjxsaW5lIG9wYWNpdHk9IjAuNiIgeDE9IjYiIHkxPSI2LjUiIHgyPSIxNiIgeTI9IjYuNSIgc3Ryb2tlPSIjQkFCOEI3Ii8+CjxsaW5lIG9wYWNpdHk9IjAuNiIgeDE9IjYiIHkxPSI4LjUiIHgyPSIxMiIgeTI9IjguNSIgc3Ryb2tlPSIjQkFCOEI3Ii8+CjwvZz4KPC9zdmc+');
    --image-go-to-last-post-source-dark: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3IiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCA3IDYiIGZpbGw9Im5vbmUiPjxsaW5rIHhtbG5zPSIiIHR5cGU9InRleHQvY3NzIiByZWw9InN0eWxlc2hlZXQiIGlkPSJkYXJrLW1vZGUtY3VzdG9tLWxpbmsiLz48bGluayB4bWxucz0iIiB0eXBlPSJ0ZXh0L2NzcyIgcmVsPSJzdHlsZXNoZWV0IiBpZD0iZGFyay1tb2RlLWdlbmVyYWwtbGluayIvPjxzdHlsZSB4bWxucz0iIiBsYW5nPSJlbiIgdHlwZT0idGV4dC9jc3MiIGlkPSJkYXJrLW1vZGUtY3VzdG9tLXN0eWxlIi8+PHN0eWxlIHhtbG5zPSIiIGxhbmc9ImVuIiB0eXBlPSJ0ZXh0L2NzcyIgaWQ9ImRhcmstbW9kZS1uYXRpdmUtc3R5bGUiLz4KPGxpbmUgeTE9Ii0wLjUiIHgyPSIzLjU3NTQ1IiB5Mj0iLTAuNSIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MjI4NjkgMC42OTA5ODUgLTAuNzIyODY5IDAuNjkwOTg1IDMgMSkiIHN0cm9rZT0id2hpdGUiLz4KPGxpbmUgeTE9Ii0wLjUiIHgyPSIzLjU3NTQ1IiB5Mj0iLTAuNSIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MjI4NjkgLTAuNjkwOTg1IC0wLjcyMjg2OSAtMC42OTA5ODUgMyA0LjUzMzIpIiBzdHJva2U9IndoaXRlIi8+CjxsaW5lIHkxPSItMC41IiB4Mj0iMy41NzU0NSIgeTI9Ii0wLjUiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzIyODY5IDAuNjkwOTg1IC0wLjcyMjg2OSAwLjY5MDk4NSAwIDEpIiBzdHJva2U9IndoaXRlIi8+CjxsaW5lIHkxPSItMC41IiB4Mj0iMy41NzU0NSIgeTI9Ii0wLjUiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzIyODY5IC0wLjY5MDk4NSAtMC43MjI4NjkgLTAuNjkwOTg1IDAgNC41MzMyKSIgc3Ryb2tlPSJ3aGl0ZSIvPgo8L3N2Zz4=');
    --image-active-users-source-dark: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIiBmaWxsPSJub25lIj48bGluayB4bWxucz0iIiB0eXBlPSJ0ZXh0L2NzcyIgcmVsPSJzdHlsZXNoZWV0IiBpZD0iZGFyay1tb2RlLWN1c3RvbS1saW5rIi8+PGxpbmsgeG1sbnM9IiIgdHlwZT0idGV4dC9jc3MiIHJlbD0ic3R5bGVzaGVldCIgaWQ9ImRhcmstbW9kZS1nZW5lcmFsLWxpbmsiLz48c3R5bGUgeG1sbnM9IiIgbGFuZz0iZW4iIHR5cGU9InRleHQvY3NzIiBpZD0iZGFyay1tb2RlLWN1c3RvbS1zdHlsZSIvPjxzdHlsZSB4bWxucz0iIiBsYW5nPSJlbiIgdHlwZT0idGV4dC9jc3MiIGlkPSJkYXJrLW1vZGUtbmF0aXZlLXN0eWxlIi8+CjxnIG9wYWNpdHk9IjAuNSI+CjxyZWN0IHg9IjAuNzUiIHk9IjAuNzUiIHdpZHRoPSIyOC41IiBoZWlnaHQ9IjI4LjUiIHJ4PSIxLjI1IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8cGF0aCBkPSJNMjIgMjlDMjIgMjIuMzcyNiAxOC44NjYgMTcgMTUgMTdDMTEuMTM0IDE3IDggMjIuMzcyNiA4IDI5IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8cGF0aCBkPSJNMSAyOUMxIDI0LjU4MTcgMy4yMzg1OCAyMSA2IDIxQzcuMTI1NjEgMjEgOC4xNjQzNCAyMS41OTUxIDkgMjIuNTk5NCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPHBhdGggZD0iTTI5IDI5QzI5IDI0LjU4MTcgMjYuNzYxNCAyMSAyNCAyMUMyMi44NzQ0IDIxIDIxLjgzNTcgMjEuNTk1MSAyMSAyMi41OTk0IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8Y2lyY2xlIGN4PSIxNSIgY3k9IjExIiByPSIzLjI1IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8Y2lyY2xlIGN4PSI2IiBjeT0iMTYiIHI9IjIuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41Ii8+CjxjaXJjbGUgcj0iMi4yNSIgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgMjQgMTYpIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L2c+Cjwvc3ZnPg==');
    --image-threadcount-source-dark: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIiBmaWxsPSJub25lIj48bGluayB4bWxucz0iIiB0eXBlPSJ0ZXh0L2NzcyIgcmVsPSJzdHlsZXNoZWV0IiBpZD0iZGFyay1tb2RlLWN1c3RvbS1saW5rIi8+PGxpbmsgeG1sbnM9IiIgdHlwZT0idGV4dC9jc3MiIHJlbD0ic3R5bGVzaGVldCIgaWQ9ImRhcmstbW9kZS1nZW5lcmFsLWxpbmsiLz48c3R5bGUgeG1sbnM9IiIgbGFuZz0iZW4iIHR5cGU9InRleHQvY3NzIiBpZD0iZGFyay1tb2RlLWN1c3RvbS1zdHlsZSIvPjxzdHlsZSB4bWxucz0iIiBsYW5nPSJlbiIgdHlwZT0idGV4dC9jc3MiIGlkPSJkYXJrLW1vZGUtbmF0aXZlLXN0eWxlIi8+CjxnIG9wYWNpdHk9IjAuNSI+CjxyZWN0IHg9IjAuNzUiIHk9IjAuNzUiIHdpZHRoPSIyOC41IiBoZWlnaHQ9IjI4LjUiIHJ4PSIxLjI1IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8cmVjdCB4PSIxOS4yNSIgeT0iNy43NSIgd2lkdGg9IjIuNSIgaGVpZ2h0PSIxMi41IiByeD0iMS4yNSIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgMTkuMjUgNy43NSkiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41Ii8+CjxyZWN0IHg9IjE1LjI1IiB5PSIxMy43NSIgd2lkdGg9IjIuNSIgaGVpZ2h0PSI4LjUiIHJ4PSIxLjI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCAxNS4yNSAxMy43NSkiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41Ii8+CjxyZWN0IHg9IjI0LjI1IiB5PSIxOS43NSIgd2lkdGg9IjIuNSIgaGVpZ2h0PSIxNy41IiByeD0iMS4yNSIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgMjQuMjUgMTkuNzUpIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L2c+Cjwvc3ZnPg==');
    --image-search-sidebar-source-dark: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj48bGluayB4bWxucz0iIiB0eXBlPSJ0ZXh0L2NzcyIgcmVsPSJzdHlsZXNoZWV0IiBpZD0iZGFyay1tb2RlLWN1c3RvbS1saW5rIi8+PGxpbmsgeG1sbnM9IiIgdHlwZT0idGV4dC9jc3MiIHJlbD0ic3R5bGVzaGVldCIgaWQ9ImRhcmstbW9kZS1nZW5lcmFsLWxpbmsiLz48c3R5bGUgeG1sbnM9IiIgbGFuZz0iZW4iIHR5cGU9InRleHQvY3NzIiBpZD0iZGFyay1tb2RlLWN1c3RvbS1zdHlsZSIvPjxzdHlsZSB4bWxucz0iIiBsYW5nPSJlbiIgdHlwZT0idGV4dC9jc3MiIGlkPSJkYXJrLW1vZGUtbmF0aXZlLXN0eWxlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC4zMTUwMyAxNC42MkMxMS44MzgzIDE0LjYyIDE0LjY5NDQgMTEuNzc4NCAxNC42OTQ0IDguMjcyOTRDMTQuNjk0NCA0Ljc2NzUzIDExLjgzODMgMS45MjU4MyA4LjMxNTAzIDEuOTI1ODNDNC43OTE3OSAxLjkyNTgzIDEuOTM1NjQgNC43Njc1MyAxLjkzNTY0IDguMjcyOTRDMS45MzU2NCAxMS43Nzg0IDQuNzkxNzkgMTQuNjIgOC4zMTUwMyAxNC42MlpNOC4zMTUwMyAxNi41NDU5QzEyLjkwNzMgMTYuNTQ1OSAxNi42MzAxIDEyLjg0MiAxNi42MzAxIDguMjcyOTRDMTYuNjMwMSAzLjcwMzkyIDEyLjkwNzMgMCA4LjMxNTAzIDBDMy43MjI3NyAwIDAgMy43MDM5MiAwIDguMjcyOTRDMCAxMi44NDIgMy43MjI3NyAxNi41NDU5IDguMzE1MDMgMTYuNTQ1OVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMy4xNTY1IDE0LjU1M0MxMi43Nzg2IDE0LjE3NjkgMTIuNzc4NiAxMy41NjcyIDEzLjE1NjUgMTMuMTkxMkMxMy41MzQ1IDEyLjgxNTEgMTQuMTQ3MyAxMi44MTUxIDE0LjUyNTIgMTMuMTkxMkwxOS4zMTU3IDE3Ljk1NzRDMTkuNjkzNiAxOC4zMzM0IDE5LjY5MzYgMTguOTQzMSAxOS4zMTU3IDE5LjMxOTJDMTguOTM3NyAxOS42OTUyIDE4LjMyNDkgMTkuNjk1MiAxNy45NDcgMTkuMzE5MkwxMy4xNTY1IDE0LjU1M1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPg==');
    --image-dropdown-triangle-sidebar-source-dark: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3IiBoZWlnaHQ9IjUiIHZpZXdCb3g9IjAgMCA3IDUiIGZpbGw9Im5vbmUiPjxsaW5rIHhtbG5zPSIiIHR5cGU9InRleHQvY3NzIiByZWw9InN0eWxlc2hlZXQiIGlkPSJkYXJrLW1vZGUtY3VzdG9tLWxpbmsiLz48bGluayB4bWxucz0iIiB0eXBlPSJ0ZXh0L2NzcyIgcmVsPSJzdHlsZXNoZWV0IiBpZD0iZGFyay1tb2RlLWdlbmVyYWwtbGluayIvPjxzdHlsZSB4bWxucz0iIiBsYW5nPSJlbiIgdHlwZT0idGV4dC9jc3MiIGlkPSJkYXJrLW1vZGUtY3VzdG9tLXN0eWxlIi8+PHN0eWxlIHhtbG5zPSIiIGxhbmc9ImVuIiB0eXBlPSJ0ZXh0L2NzcyIgaWQ9ImRhcmstbW9kZS1uYXRpdmUtc3R5bGUiLz4KPHBhdGggZD0iTTAgMEg3TDMuNSA1TDAgMFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPg==');
}

body {
    /*ukraine*/
    --color-background-ukraine: linear-gradient(0deg, rgb(247 219 95) 44%, rgb(153 205 253) 61%);
    /*Text Color*/
    --color-text-primary: #000000;
    --color-text-accent: #12C559;
    --color-text-secondary-colored: #6E838C;
    --color-text-secondary-priority-highest: black;
    --color-text-secondary-priority-high: rgba(0, 0, 0, 0.8);
    --color-text-secondary-priority-middle: rgba(0, 0, 0, 0.65);
    --color-text-secondary-priority-middle-low: rgba(0, 0, 0, 0.5);
    --color-text-secondary-priority-low: rgba(0, 0, 0, 0.4);
    --color-text-on-primary: rgb(248, 248, 248);
    --color-text-on-primary-priority-high: rgb(255, 255, 255);
    --color-text-on-primary-priority-middle: rgba(255, 255, 255, 0.65);
    --color-text-on-primary-priority-low: rgba(255, 255, 255, 0.4);
    --color-text-on-primary-priority-low-dark-theme: black;
    --color-text-error: #b10606;
    --color-text-decoration: rgba(0, 0, 0, 0.3);
    --color-text-decoration-priority-middle: rgba(0, 0, 0, 0.2);
    /*Link*/
    --color-link-text-primary-on-hover: #de3636;
    --color-link-text-primary-decoration-on-hover: rgba(222, 54, 54, 0.3);
    --color-link-text: rgba(0,0,255, 0.7);
    --color-link-text-on-primary: #3EA6FF;
    --color-link-text-decoration: rgba(0, 0, 255, 0.3);
    --color-link-text-on-hover: rgb(0,0,255);
    --color-link-text-decoration-on-hover: rgb(0,0,255);
    --color-link-text-on-highlight: rgba(251, 24, 42, 0.7);
    --color-link-text-decoration-on-highlight: rgba(251, 24, 42, 0.3);
    --color-link-text-on-highlight-on-hover: rgba(251, 24, 42, 1);
    --color-link-text-decoration-on-highlight-on-hover: rgba(251, 24, 42, 1);
    --color-sidebar-link-on-hover: black;
    /*Background Color*/
    --color-background-secondary: #12C559;
    --color-background-primary: #323232;
    --color-background-primary-colored: #002A30;
    --color-background-surface: #f2f2f2;
    --color-background-surface-high-contrast: #ffffff;
    --color-background-surface-high-contrast2: rgb(242, 242, 242);
    --color-background-surface-middle-contrast: rgb(236, 236, 236);
    --color-background-surface-middle-contrast-colored: #DADEDF;
    --color-background-surface-middle-contrast2: rgb(228, 228, 228);
    --color-background-surface-low-contrast: rgb(211, 211, 211);
    --color-background-surface-low-contrast-light-theme: rgb(211, 211, 211);
    --color-background-surface-low-contrast2: rgb(170, 170, 170);
    --color-background-highlight: #F4E9BA;
    /*Shadow*/
    --color-shadow: rgba(102, 122, 129, 0.22);
    --shadow: 0 4px 4px var(--color-shadow);
    --shadow-small: 0 4px 10px var(--color-shadow);
    --shadow-dropdown: 0 0 1px 100vmax var(--color-shadow);
    /*Border*/
    --color-border-default: rgba(0, 0, 0, 0.1);
    --color-border-middle-contrast: rgba(0, 0, 0, 0.25);
    --color-border-high-contrast: rgba(0, 0, 0, 0.4);
    --border-light-theme: 1px solid rgba(0, 0, 0, 0.1);
    --scale-border-radius-light-theme: 0 0 4px 4px;
    --color-border-colored: #9BB6C2;
    --color-border-colored-on-hover: #548AA1;
    /*Multiquote Button*/
    --color-multiquote-border: rgba(0, 0, 0, 0.42);
    --display-multiquote: unset;
    /*Scroll*/
    --color-scroll-track: rgb(255, 255, 255);
    --color-scroll-thumb: rgb(168, 168, 168);
    --color-scroll-thumb-on-hover: rgb(118, 118, 118);
    /*Button*/
    --color-button-selected: rgb(222, 222, 222);
    --color-button-border-on-hover: #000000;
    --color-button-attention: rgba(251, 24, 42, 0.3);
    --color-button-border-attention: rgba(251, 24, 42, 0.4);
    --color-button-triangle: rgb(64, 64, 64);
    --color-button-text: rgba(255, 255, 255, 0.9);
    --color-button-text-on-hover: rgb(255, 255, 255);
    --color-button-text-on-low-contrast: rgba(0, 0, 0, 0.65);
    --color-button-text-on-low-contrast-on-hover: rgba(0, 0, 0, 1);
    --opacity-icon: 0.8;
    --opacity-icon-on-hover: 1;
    --opacity-icon-priority-high: 0.8;
    --opacity-icon-priority-high-on-hover: 1;
    /*Sidebar*/
    --color-sidebar-background: #DADEDF;
    /*header*/
    --color-register: #F8D234;
    --color-register-on-hover: #FAFF00;
    --color-login-border: rgba(255, 255, 255, 0.4);
    --color-header-background: #323232;
    /*Images*/
    --image-brightness: 1;
    --image-contrast: 1;
    --image-category-new-source: var(--image-category-new-source-light);
    --image-category-old-source: var(--image-category-old-source-light);
    --image-theme-source: var(--image-theme-source-light);
    --image-last-post-source: var(--image-last-post-source-light);
    --image-go-to-last-post-source: var(--image-go-to-last-post-source-light);
    --image-active-users-source: var(--image-active-users-source-light);
    --image-threadcount-source: var(--image-threadcount-source-light);
    --image-search-sidebar-source: var(--image-search-sidebar-source-light);
    --image-dropdown-triangle-sidebar-source: var(--image-dropdown-triangle-sidebar-source-light);
    --image-card-filter: none;
    /*Posts*/
    --color-post-background: white;
    /*Select*/
    --select-triangle: url("data:image/svg+xml;utf8,<svg width='7' height='5' viewBox='0 0 7 5' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 0H7L3.5 4.5L0 0Z' fill='rgba(0, 0, 0, 0.5)'/></svg>");
    --select-triangle-on-hover: url("data:image/svg+xml;utf8,<svg width='7' height='5' viewBox='0 0 7 5' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 0H7L3.5 4.5L0 0Z' fill='rgba(0, 0, 0, 1)'/></svg>");
    --invert: invert(0);
    /*Dropdown*/
    --color-dropdown-background: white;
    --border-dropdown: none;
    /*Forums*/
    --scale-forum-spacing: 16px;
    --color-text-forum-description: black;
    /*Editor*/
    --editor-border: none;
}
    /* Dark theme colors */
    body.theme-dark {
        /*Ukraine*/
        --color-background-ukraine: linear-gradient(0deg, rgb(159 131 8) 44%, rgb(11 79 142) 61%);
        /*Text Color*/
        --color-text-primary: rgb(210, 210, 210);
        --color-text-accent: #38BA5C;
        --color-text-secondary-colored: #6E838C;
        --color-text-secondary-priority-highest: white;
        --color-text-secondary-priority-high: rgba(255, 255, 255, 0.8);
        --color-text-secondary-priority-middle: rgba(255, 255, 255, 0.65);
        --color-text-secondary-priority-middle-low: rgb(148, 148, 148);
        --color-text-secondary-priority-low: rgb(148, 148, 148);
        --color-text-on-primary: rgb(248, 248, 248);
        --color-text-on-primary-priority-high: rgb(255, 255, 255);
        --color-text-on-primary-priority-middle: rgba(255, 255, 255, 0.65);
        --color-text-on-primary-priority-low: rgba(255, 255, 255, 0.4);
        --color-text-on-primary-priority-low-dark-theme: rgba(255, 255, 255, 0.4);
        --color-text-error: #b10606;
        --color-text-decoration: rgba(255, 255, 255, 0.6);
        --color-text-decoration-priority-middle: rgba(255, 255, 255, 0.4);
        /*Link*/
        --color-link-text-primary-on-hover: #de3636;
        --color-link-text-primary-decoration-on-hover: rgba(222, 54, 54, 0.3);
        --color-link-text: rgb(88, 166, 255);
        --color-link-text-on-hover: rgb(88, 166, 255);
        --color-link-text-on-primary: #3EA6FF;
        --color-link-text-decoration: rgba(0, 0, 255, 0.3);
        --color-link-text-decoration-on-hover: rgb(0,0,255);
        --color-link-text-on-highlight: rgba(251, 24, 42, 0.7);
        --color-link-text-decoration-on-highlight: rgba(251, 24, 42, 0.3);
        --color-link-text-on-highlight-on-hover: rgba(251, 24, 42, 1);
        --color-link-text-decoration-on-highlight-on-hover: rgba(251, 24, 42, 1);
        --color-sidebar-link-on-hover: rgba(255, 255, 255, 1);
        /*Background Color*/
        --color-background-secondary: #38BA5C;
        --color-background-primary: rgb(63, 63, 63);
        --color-background-primary-colored: #394142;
        --color-background-surface: black;
        --color-background-surface-high-contrast: black;
        --color-background-surface-high-contrast2: rgb(32, 32, 32);
        --color-background-surface-middle-contrast: rgb(46, 46, 46);
        --color-background-surface-middle-contrast-colored: rgb(25, 25, 25);
        --color-background-surface-middle-contrast2: rgb(30, 30, 30);
        --color-background-surface-low-contrast: rgb(65, 65, 65);
        --color-background-surface-low-contrast-light-theme: rgb(25, 25, 25);
        --color-background-surface-low-contrast2: rgb(25, 25, 25);
        --color-background-highlight: #47422d;
        /*Shadow*/
        --shadow: none;
        --shadow-small: none;
        --shadow-dropdown: none;
        /*Border*/
        --color-border-default: rgba(255, 255, 255, 0.2);
        --color-border-middle-contrast: rgba(255, 255, 255, 0.4);
        --color-border-high-contrast: rgba(255, 255, 255, 0.8);
        --border-light-theme: none;
        --scale-border-radius-light-theme: none;
        --color-border-colored: rgba(255, 255, 255, 0.4);
        --color-border-colored-on-hover: rgb(187, 187, 187);
        /*Multiquote Button*/
        --color-multiquote-border: rgba(255, 255, 255, 0.66);
        --display-multiquote: none;
        /*Scroll*/
        --color-scroll-track: #424242;
        --color-scroll-thumb: #686868;
        --color-scroll-thumb-on-hover: #7B7B7B;
        /*Button*/
        --color-button-selected: rgb(76, 76, 76);
        --color-button-background-on-hover: rgb(42, 42, 42);
        --color-button-border-on-hover: white;
        --color-button-attention: rgba(251, 24, 42, 0.3);
        --color-button-border-attention: rgba(251, 24, 42, 0.4);
        --color-button-triangle: rgba(255, 255, 255, 0.5);
        --opacity-icon: 0.8;
        --opacity-icon-on-hover: 1;
        --opacity-icon-priority-high: 1;
        --opacity-icon-priority-high-on-hover: 1;
        --color-button-text: rgba(255, 255, 255, 0.85);
        --color-button-text-on-hover: rgba(255, 255, 255, 1);
        --color-button-text-on-low-contrast: rgba(255, 255, 255, 0.85);
        --color-button-text-on-low-contrast-on-hover: rgba(255, 255, 255, 1);
        /*Sidebar*/
        --color-sidebar-background: #212121;
        /*header*/
        --color-header-text: rgba(246, 246, 246, 1);
        --color-header-background: rgb(25, 25, 25);
        --color-register: #F8D234;
        --color-register-on-hover: #FAFF00;
        --color-login-border: rgba(255, 255, 255, 0.4);
        /*Images*/
        --image-brightness: 0.8;
        --image-contrast: 1.2;
        --image-category-new-source: var(--image-category-new-source-dark);
        --image-category-old-source: var(--image-category-old-source-dark);
        --image-theme-source: var(--image-theme-source-dark);
        --image-last-post-source: var(--image-last-post-source-dark);
        --image-go-to-last-post-source: var(--image-go-to-last-post-source-dark);
        --image-active-users-source: var(--image-active-users-source-dark);
        --image-threadcount-source: var(--image-threadcount-source-dark);
        --image-search-sidebar-source: var(--image-search-sidebar-source-dark);
        --image-dropdown-triangle-sidebar-source: var(--image-dropdown-triangle-sidebar-source-dark);
        --image-card-filter: brightness(100);
        /*Posts*/
        --color-post-background: rgb(25, 25, 25);
        /*Select*/
        --select-triangle: url("data:image/svg+xml;utf8,<svg width='7' height='5' viewBox='0 0 7 5' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 0H7L3.5 4.5L0 0Z' fill='rgba(255, 255, 255, 0.6)'/></svg>");
        --select-triangle-on-hover: url("data:image/svg+xml;utf8,<svg width='7' height='5' viewBox='0 0 7 5' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 0H7L3.5 4.5L0 0Z' fill='rgba(255, 255, 255, 0.8)'/></svg>");
        --invert: invert(1);
        /*Dropdown*/
        --color-dropdown-background: rgb(25, 25, 25);
        --border-dropdown: 1px solid var(--color-border-default);
        /*Forums*/
        --scale-forum-spacing: 4px;
        --color-text-forum-description: var(--color-text-secondary-priority-low);
        /*Editor*/
        --editor-border: 1px solid rgba(255, 255, 255, 0.2);
    }

/* Styles for users who prefer dark mode at the OS level */
@media (prefers-color-scheme: dark) {
    /* defaults to dark theme */
    body {
        /*Text Color*/
        --color-text-primary: rgb(210, 210, 210);
        --color-text-accent: #38BA5C;
        --color-text-secondary-colored: #6E838C;
        --color-text-secondary-priority-highest: white;
        --color-text-secondary-priority-high: rgba(255, 255, 255, 0.8);
        --color-text-secondary-priority-middle: rgba(255, 255, 255, 0.65);
        --color-text-secondary-priority-middle-low: rgb(148, 148, 148);
        --color-text-secondary-priority-low: rgb(148, 148, 148);
        --color-text-on-primary: rgb(248, 248, 248);
        --color-text-on-primary-priority-high: rgb(255, 255, 255);
        --color-text-on-primary-priority-middle: rgba(255, 255, 255, 0.65);
        --color-text-on-primary-priority-low: rgba(255, 255, 255, 0.4);
        --color-text-on-primary-priority-low-dark-theme: rgba(255, 255, 255, 0.4);
        --color-text-error: #b10606;
        --color-text-decoration: rgba(255, 255, 255, 0.6);
        --color-text-decoration-priority-middle: rgba(255, 255, 255, 0.4);
        /*Link*/
        --color-link-text-primary-on-hover: #de3636;
        --color-link-text-primary-decoration-on-hover: rgba(222, 54, 54, 0.3);
        --color-link-text: rgb(88, 166, 255);
        --color-link-text-on-hover: rgb(88, 166, 255);
        --color-link-text-on-primary: #3EA6FF;
        --color-link-text-decoration: rgba(0, 0, 255, 0.3);
        --color-link-text-decoration-on-hover: rgb(0,0,255);
        --color-link-text-on-highlight: rgba(251, 24, 42, 0.7);
        --color-link-text-decoration-on-highlight: rgba(251, 24, 42, 0.3);
        --color-link-text-on-highlight-on-hover: rgba(251, 24, 42, 1);
        --color-link-text-decoration-on-highlight-on-hover: rgba(251, 24, 42, 1);
        --color-sidebar-link-on-hover: rgba(255, 255, 255, 1);
        /*Background Color*/
        --color-background-secondary: #38BA5C;
        --color-background-primary: rgb(63, 63, 63);
        --color-background-primary-colored: #394142;
        --color-background-surface: black;
        --color-background-surface-high-contrast: black;
        --color-background-surface-high-contrast2: rgb(32, 32, 32);
        --color-background-surface-middle-contrast: rgb(46, 46, 46);
        --color-background-surface-middle-contrast-colored: rgb(25, 25, 25);
        --color-background-surface-middle-contrast2: rgb(30, 30, 30);
        --color-background-surface-low-contrast: rgb(65, 65, 65);
        --color-background-surface-low-contrast-light-theme: rgb(25, 25, 25);
        --color-background-surface-low-contrast2: rgb(25, 25, 25);
        --color-background-highlight: #47422d;
        /*Shadow*/
        --shadow: none;
        --shadow-small: none;
        --shadow-dropdown: none;
        /*Border*/
        --color-border-default: rgba(255, 255, 255, 0.2);
        --color-border-middle-contrast: rgba(255, 255, 255, 0.4);
        --color-border-high-contrast: rgba(255, 255, 255, 0.8);
        --border-light-theme: none;
        --scale-border-radius-light-theme: none;
        --color-border-colored: rgba(255, 255, 255, 0.4);
        --color-border-colored-on-hover: rgb(187, 187, 187);
        /*Multiquote Button*/
        --color-multiquote-border: rgba(255, 255, 255, 0.66);
        --display-multiquote: none;
        /*Scroll*/
        --color-scroll-track: #424242;
        --color-scroll-thumb: #686868;
        --color-scroll-thumb-on-hover: #7B7B7B;
        /*Button*/
        --color-button-selected: rgb(76, 76, 76);
        --color-button-background-on-hover: rgb(42, 42, 42);
        --color-button-border-on-hover: white;
        --color-button-attention: rgba(251, 24, 42, 0.3);
        --color-button-border-attention: rgba(251, 24, 42, 0.4);
        --color-button-triangle: rgba(255, 255, 255, 0.5);
        --opacity-icon: 0.8;
        --opacity-icon-on-hover: 1;
        --opacity-icon-priority-high: 1;
        --opacity-icon-priority-high-on-hover: 1;
        --color-button-text: rgba(255, 255, 255, 0.85);
        --color-button-text-on-hover: rgba(255, 255, 255, 1);
        --color-button-text-on-low-contrast: rgba(255, 255, 255, 0.85);
        --color-button-text-on-low-contrast-on-hover: rgba(255, 255, 255, 1);
        /*Sidebar*/
        --color-sidebar-background: #212121;
        /*header*/
        --color-header-text: rgba(246, 246, 246, 1);
        --color-header-background: rgb(25, 25, 25);
        --color-register: #F8D234;
        --color-register-on-hover: #FAFF00;
        --color-login-border: rgba(255, 255, 255, 0.4);
        /*Images*/
        --image-brightness: 0.8;
        --image-contrast: 1.2;
        --image-category-new-source: var(--image-category-new-source-dark);
        --image-category-old-source: var(--image-category-old-source-dark);
        --image-theme-source: var(--image-theme-source-dark);
        --image-last-post-source: var(--image-last-post-source-dark);
        --image-go-to-last-post-source: var(--image-go-to-last-post-source-dark);
        --image-active-users-source: var(--image-active-users-source-dark);
        --image-threadcount-source: var(--image-threadcount-source-dark);
        --image-search-sidebar-source: var(--image-search-sidebar-source-dark);
        --image-dropdown-triangle-sidebar-source: var(--image-dropdown-triangle-sidebar-source-dark);
        --image-card-filter: brightness(100);
        /*Posts*/
        --color-post-background: rgb(25, 25, 25);
        /*Select*/
        --select-triangle: url("data:image/svg+xml;utf8,<svg width='7' height='5' viewBox='0 0 7 5' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 0H7L3.5 4.5L0 0Z' fill='rgba(255, 255, 255, 0.6)'/></svg>");
        --select-triangle-on-hover: url("data:image/svg+xml;utf8,<svg width='7' height='5' viewBox='0 0 7 5' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 0H7L3.5 4.5L0 0Z' fill='rgba(255, 255, 255, 0.8)'/></svg>");
        --invert: invert(1);
        /*Dropdown*/
        --color-dropdown-background: rgb(25, 25, 25);
        --border-dropdown: 1px solid var(--color-border-default);
        /*Forums*/
        --scale-forum-spacing: 4px;
        --color-text-forum-description: var(--color-text-secondary-priority-low);
        /*Editor*/
        --editor-border: 1px solid rgba(255, 255, 255, 0.2);
    }
        /* Override dark mode with light mode styles if the user decides to swap */
        body.theme-light {
            /*Text Color*/
            --color-text-primary: #000000;
            --color-text-accent: #12C559;
            --color-text-secondary-colored: #6E838C;
            --color-text-secondary-priority-highest: black;
            --color-text-secondary-priority-high: rgba(0, 0, 0, 0.8);
            --color-text-secondary-priority-middle: rgba(0, 0, 0, 0.65);
            --color-text-secondary-priority-middle-low: rgba(0, 0, 0, 0.5);
            --color-text-secondary-priority-low: rgba(0, 0, 0, 0.4);
            --color-text-on-primary: rgb(248, 248, 248);
            --color-text-on-primary-priority-high: rgb(255, 255, 255);
            --color-text-on-primary-priority-middle: rgba(255, 255, 255, 0.65);
            --color-text-on-primary-priority-low: rgba(255, 255, 255, 0.4);
            --color-text-on-primary-priority-low-dark-theme: black;
            --color-text-error: #b10606;
            --color-text-decoration: rgba(0, 0, 0, 0.3);
            --color-text-decoration-priority-middle: rgba(0, 0, 0, 0.2);
            /*Link*/
            --color-link-text-primary-on-hover: #de3636;
            --color-link-text-primary-decoration-on-hover: rgba(222, 54, 54, 0.3);
            --color-link-text: rgba(0,0,255, 0.7);
            --color-link-text-on-primary: #3EA6FF;
            --color-link-text-decoration: rgba(0, 0, 255, 0.3);
            --color-link-text-on-hover: rgb(0,0,255);
            --color-link-text-decoration-on-hover: rgb(0,0,255);
            --color-link-text-on-highlight: rgba(251, 24, 42, 0.7);
            --color-link-text-decoration-on-highlight: rgba(251, 24, 42, 0.3);
            --color-link-text-on-highlight-on-hover: rgba(251, 24, 42, 1);
            --color-link-text-decoration-on-highlight-on-hover: rgba(251, 24, 42, 1);
            --color-sidebar-link-on-hover: black;
            /*Background Color*/
            --color-background-secondary: #12C559;
            --color-background-primary: #323232;
            --color-background-primary-colored: #002A30;
            --color-background-surface: #f2f2f2;
            --color-background-surface-high-contrast: #ffffff;
            --color-background-surface-high-contrast2: rgb(242, 242, 242);
            --color-background-surface-middle-contrast: rgb(236, 236, 236);
            --color-background-surface-middle-contrast-colored: #DADEDF;
            --color-background-surface-middle-contrast2: rgb(228, 228, 228);
            --color-background-surface-low-contrast: rgb(211, 211, 211);
            --color-background-surface-low-contrast-light-theme: rgb(211, 211, 211);
            --color-background-surface-low-contrast2: rgb(170, 170, 170);
            --color-background-highlight: #F4E9BA;
            /*Shadow*/
            --color-shadow: rgba(102, 122, 129, 0.22);
            --shadow: 0 4px 4px var(--color-shadow);
            --shadow-small: 0 4px 10px var(--color-shadow);
            --shadow-dropdown: 0 0 1px 100vmax var(--color-shadow);
            /*Border*/
            --color-border-default: rgba(0, 0, 0, 0.1);
            --color-border-middle-contrast: rgba(0, 0, 0, 0.25);
            --color-border-high-contrast: rgba(0, 0, 0, 0.4);
            --border-light-theme: 1px solid rgba(0, 0, 0, 0.1);
            --scale-border-radius-light-theme: 0 0 4px 4px;
            --color-border-colored: #9BB6C2;
            --color-border-colored-on-hover: #548AA1;
            /*Multiquote Button*/
            --color-multiquote-border: rgba(0, 0, 0, 0.42);
            --display-multiquote: unset;
            /*Scroll*/
            --color-scroll-track: rgb(255, 255, 255);
            --color-scroll-thumb: rgb(168, 168, 168);
            --color-scroll-thumb-on-hover: rgb(118, 118, 118);
            /*Button*/
            --color-button-selected: rgb(222, 222, 222);
            --color-button-border-on-hover: #000000;
            --color-button-attention: rgba(251, 24, 42, 0.3);
            --color-button-border-attention: rgba(251, 24, 42, 0.4);
            --color-button-triangle: rgb(64, 64, 64);
            --color-button-text: rgba(255, 255, 255, 0.9);
            --color-button-text-on-hover: rgb(255, 255, 255);
            --color-button-text-on-low-contrast: rgba(0, 0, 0, 0.65);
            --color-button-text-on-low-contrast-on-hover: rgba(0, 0, 0, 1);
            --opacity-icon: 0.8;
            --opacity-icon-on-hover: 1;
            --opacity-icon-priority-high: 0.8;
            --opacity-icon-priority-high-on-hover: 1;
            /*Sidebar*/
            --color-sidebar-background: #DADEDF;
            /*header*/
            --color-register: #F8D234;
            --color-register-on-hover: #FAFF00;
            --color-login-border: rgba(255, 255, 255, 0.4);
            --color-header-background: #323232;
            /*Images*/
            --image-brightness: 1;
            --image-contrast: 1;
            --image-category-new-source: var(--image-category-new-source-light);
            --image-category-old-source: var(--image-category-old-source-light);
            --image-theme-source: var(--image-theme-source-light);
            --image-last-post-source: var(--image-last-post-source-light);
            --image-go-to-last-post-source: var(--image-go-to-last-post-source-light);
            --image-active-users-source: var(--image-active-users-source-light);
            --image-threadcount-source: var(--image-threadcount-source-light);
            --image-search-sidebar-source: var(--image-search-sidebar-source-light);
            --image-dropdown-triangle-sidebar-source: var(--image-dropdown-triangle-sidebar-source-light);
            --image-card-filter: none;
            /*Posts*/
            --color-post-background: white;
            /*Select*/
            --select-triangle: url("data:image/svg+xml;utf8,<svg width='7' height='5' viewBox='0 0 7 5' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 0H7L3.5 4.5L0 0Z' fill='rgba(0, 0, 0, 0.5)'/></svg>");
            --select-triangle-on-hover: url("data:image/svg+xml;utf8,<svg width='7' height='5' viewBox='0 0 7 5' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 0H7L3.5 4.5L0 0Z' fill='rgba(0, 0, 0, 1)'/></svg>");
            --invert: invert(0);
            /*Dropdown*/
            --color-dropdown-background: white;
            --border-dropdown: none;
            /*Forums*/
            --scale-forum-spacing: 16px;
            --color-text-forum-description: black;
            /*Editor*/
            --editor-border: none;
        }
}

.post__like-count-text {color: var(--color-text-accent);}

.bordered-button.post--liked .icon {opacity: 1;}

.bordered-button.post--liked {
    border: 1px solid var(--color-button-selected);
    background: var(--color-button-selected);
    color: var(--color-text-primary);
}

.post__like-dropdown {
    bottom: 40px;
    width: 238px;
    max-height: 85px;
}

/*todo: rename*/
.post__message-container {
    background: var( --color-post-background);
}

.post--liked {}

.underline-links a {
    text-decoration: underline var(--color-text-decoration-priority-middle);
    text-underline-offset: 3px;
}

.spoiler-slick {
    background: var(--color-background-surface-high-contrast2) !important;
}

.underline-links a:hover {
    text-decoration-color: var(--color-link-text-primary-decoration-on-hover);
}
.post__message a {
    color: var(--color-link-text)!important;
    text-decoration: underline var(--color-link-text-decoration) !important;
    text-underline-offset: 3px !important;
    word-break: break-all;
}

.post__quote-container{}
    /*quote inside a quote*/
    .post__quote-container .post__quote-container {
        background: var(--color-background-surface-low-contrast);
    }


.post__message a:hover {
    color: var(--color-link-text-on-hover) !important;
    text-decoration-color: var(--color-link-text-decoration-on-hover) !important;
}
.avatar {
    max-height: 40px;
    height: auto;
    width: auto;
    border-radius: 8px;
    max-width: max-content;
}
.status {
    height: 8px;
    width: 8px;
    margin-bottom: -2px;
}

.poll-bar{
    height: 8px;
    border-radius: 10px;
}

.post__number {
    text-underline-offset: 1px;
    text-decoration: underline;
}

.post__multiquote {
    padding: 5px 11px;
    border: 1px solid var(--color-multiquote-border);
    opacity: 0.6;
    border-radius: 4px;
}

    .post__multiquote:hover {
        border: 1px solid var(--color-button-border-on-hover);
        opacity: 1;
    }


    .post__message .highlight {
        color:inherit;
        font-weight: unset;
    }

.all-posts-container{}


.post__edit-separator {
    margin-top: 8px;
    margin-bottom: -4px;
}
.post__container {}
.post__author {height: 56px;}
.post__nickname-and-title{}
.status--online {background-color: var(--color-background-secondary);}
/*.status--offline{background-color: #C4C4C4;}
.multiquote--selected {fill: red;}
.multiquote--selected * {fill: red;}*/

.thread--button-closed {
    background: var(--color-button-attention);
    border: 2px solid var(--color-button-border-attention);
}

.thread__separator{padding: 0 4px;}

@media only screen and (min-width: 1024px) {
    .post__like-dropdown {
        width: 334px;
        font-size: 12px;
    }

    .thread__feed{padding-top: 20px}
    .post__usertitle {
        max-width: 136px;
    }
    .destop-wrap{white-space: normal;}
    .thread__time-container {
        width: 0;
    }
    .thread__time {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .display-options__container {width: min-content;}
    .poll-bar{height: 10px;}
    .avatar {
        max-height: 80px;
    }
    .status {
        height: 10px;
        width: 10px;
    }
    .post__container {
        flex-direction: row;
    }
    .post__author {
        min-width: 160px;
        height: auto;
        flex-direction: column;
        align-items: flex-start;
        flex: 1 0 auto;
    }
    .post__nickname-and-title{order: -1}
}

@media only screen and (max-width: 520px) {
  .display-options__select{width: 50px;}
}