@charset "UTF-8";

/********* public:node_list.less ********/
.block--category .block-header {
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    font-weight: 500;
    background: transparent;
    border-bottom-width: 0;
    border-bottom-style: solid;
    padding: 16px;
    padding-top: 0;
    line-height: 1
}

@media (max-width:900px) {
    .block--category .block-header {
        margin-left: -10px;
        margin-right: -10px;
        border-radius: 0;
        border-left: none;
        border-right: none
    }
}

.block--category .block-header.uix_stickyCategoryStrips {
    position: sticky;
    z-index: 200
}

.block--category .block-header .uix_categoryStrip__icon {
    align-self: flex-start
}

.block--category .block-header .uix_categoryStrip__icon i {
    font-size: 24px;
    color: #212428;
    padding-right: 10px;
    vertical-align: middle
}

.block--category .block-header .uix_categoryStrip__icon i:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f07b";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    content: '\f4a6'
}

.block--category .block-header .node-description {
    font-size: 1.2rem;
    color: #b5b9c0;
    font-weight: 400;
    padding-top: 4px;
    line-height: 1.5;
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    text-transform: none
}

.block--category .block-header .categoryCollapse--trigger {
    font-size: 24px;
    margin-left: auto
}

.uix_nodeList .block-container {
    border-width: 0;
    border-style: solid;
    box-shadow: none
}

.uix_nodeList .block-body {
    border-radius: 3px
}

.block-body .node:first-child .node-body {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.block-body .node:last-child .node-body {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.node+.node {
    border-top: 1px solid rgba(255, 255, 255, 0.12)
}

.node-body {
    display: table;
    table-layout: fixed;
    width: 100%;
    transition: all cubic-bezier(.4, 0, .2, 1) .15s;
    background: #383c42;
    overflow: hidden
}

.node-body:hover {
    position: relative
}

.node--depth2:nth-child(even) .node-body {
    background-color: #42464d
}

.node--depth2:nth-child(even) .node-body:hover {
    position: relative
}

.node-body {
    display: flex
}

.node-body .node-icon,
.node-body .node-main {
    display: inline-block
}

.node-body .node-main {
    flex-grow: 1;
    width: calc(100% - 56px)
}

@media (max-width:650px) {
    .node-body {
        flex-wrap: wrap
    }

    .node-body .node-extra {
        width: 100%;
        padding-left: 56px
    }
}

.node-icon {
    display: table-cell;
    vertical-align: top;
    text-align: center;
    width: 46px;
    padding: 10px 0 10px 10px;
    flex-shrink: 0
}

.node-icon i {
    display: block;
    line-height: 1;
    font-size: 32px
}

.node-icon i:before {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: inherit;
    color: rgba(255, 255, 255, 0.12)
}

.node--unread .node-icon i:before {
    opacity: 1;
    color: #db2309
}

.node--category .node-icon i:before {
    content: "\f07b";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    content: '\f4a6'
}

.node--forum .node-icon i:before {
    content: "\f086";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    content: '\f4a6'
}

.node--search .node-icon i::before {
    content: "\f002";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.node--page .node-icon i:before {
    content: "\f15c";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    content: '\f219'
}

.node--link .node-icon i:before {
    content: "\f0c1";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    content: '\f0c1'
}

.node-main {
    display: table-cell;
    vertical-align: middle;
    padding: 10px
}

.node-stats {
    display: inline-flex;
    align-items: center;
    width: 140px;
    min-width: 140px;
    vertical-align: middle;
    text-align: center;
    padding: 10px 0
}

.node-stats .pairs {
    line-height: 1.5
}

.node-stats>dl.pairs.pairs--rows {
    width: 50%;
    float: left;
    margin: 0;
    padding: 0 5px;
    border-right: 1px solid rgba(255, 255, 255, 0.12)
}

.node-stats>dl.pairs.pairs--rows:first-child {
    padding-left: 0
}

.node-stats>dl.pairs.pairs--rows:last-child {
    padding-right: 0;
    border-right: 0
}

.node-stats.node-stats--single {
    width: 100px
}

.node-stats.node-stats--single>dl.pairs.pairs--rows {
    width: 100%;
    float: none
}

.node-stats.node-stats--triple {
    width: 240px
}

.node-stats.node-stats--triple>dl.pairs.pairs--rows {
    width: 33.333%
}

@media (max-width:1000px) {
    .node-stats {
        display: none
    }
}

.node-extra {
    display: flex;
    vertical-align: middle;
    width: 280px;
    min-width: 230px;
    padding: 10px;
    display: inline-flex;
    align-items: center;
    font-size: 1.3rem
}

.node-extra a:not(:hover) {
    color: inherit
}

.node-extra .node-extra-title:not(:hover) {
    color: #fff
}

.node-extra .uix_nodeExtra__rows {
    display: flex;
    flex-wrap: wrap;
    min-width: 0;
    max-width: 100%;
    flex-direction: column;
    width: 100%
}

.node-extra-row {
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    color: #b5b9c0;
    max-width: 100%
}

.node-extra-row .listInline {
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis
}

.node-extra-icon {
    padding-right: 10px;
    float: left
}

.node-extra-icon .avatar {
    width: 36px;
    height: 36px;
    font-size: 22px
}

.node-extra-title {
    padding-right: .5em;
    font-weight: 500
}

.node-title {
    font-size: 1.4rem;
    color: #fff;
    font-weight: 500;
    margin: 0;
    margin-top: 5px
}

.node-title a {
    color: inherit
}

.node--unread .node-title {
    font-weight: 500
}

.node-description {
    font-size: 1.3rem;
    color: #b5b9c0;
    line-height: 1.5
}

.has-js:not(.has-touchevents) .node-description.node-description--tooltip {
    display: none
}

.node-meta {
    display: inline
}

.node-statsMeta {
    display: none
}

.node-statsMeta .pairs {
    padding-right: .4em
}

.node-statsMeta dt,
.node-statsMeta dt:after {
    display: none
}

@media (max-width:1000px) {
    .node-statsMeta {
        display: inline
    }
}

.node-bonus {
    font-size: 1.3rem;
    color: #b5b9c0;
    text-align: right
}

.node-subNodesFlat {
    font-size: 1.3rem;
    margin-top: .3em
}

.node-subNodesFlat .node-subNodesLabel {
    display: none
}

.node-subNodeMenu {
    display: inline
}

.node-subNodeMenu i {
    display: none
}

.node-subNodeMenu .menuTrigger {
    color: #b5b9c0
}

@media (max-width:650px) {
    .node-main {
        display: block;
        width: auto
    }

    .node--link .node-main,
    .node--page .node-main {
        display: table-cell
    }

    .node-extra {
        display: flex;
        width: auto;
        margin-top: -6px;
        padding-top: 0
    }

    .node-extra-row {
        display: inline-block;
        vertical-align: top;
        max-width: 100%
    }

    .node-extra-icon {
        display: none
    }

    .node-description,
    .node-subNodesFlat {
        display: none
    }
}

.subNodeLink:before,
.subNodeLink .subNodeLink-icon {
    display: inline-block;
    width: 1.28571429em;
    margin-right: .3em;
    text-decoration: none;
    text-align: center;
    color: #b5b9c0
}

.subNodeLink:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.subNodeLink:hover:before:before,
.subNodeLink:hover:before .subNodeLink-icon {
    text-decoration: none
}

.subNodeLink.subNodeLink--unread {
    font-weight: 500
}

.subNodeLink.subNodeLink--unread:before,
.subNodeLink.subNodeLink--unread .subNodeLink-icon {
    color: #db2309
}

.subNodeLink.subNodeLink--forum .subNodeLink-icon:before {
    content: "\f086";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    content: '\f4a6'
}

.subNodeLink.subNodeLink--category:before {
    content: "\f07b";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    content: '\f24b'
}

.subNodeLink.subNodeLink--page:before {
    content: "\f15c";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    content: '\f219'
}

.subNodeLink.subNodeLink--link:before {
    content: "\f0c1";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    content: '\f0c1'
}

.subNodeLink.subNodeLink--search::before {
    content: "\f002";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.node-subNodeFlatList {
    list-style: none;
    margin: 0;
    padding: 0
}

.node-subNodeFlatList:before,
.node-subNodeFlatList:after {
    content: " ";
    display: table
}

.node-subNodeFlatList:after {
    clear: both
}

.node-subNodeFlatList>li {
    display: inline-block;
    margin-right: 1em
}

.node-subNodeFlatList>li:last-child {
    margin-right: 0
}

.node-subNodeFlatList>li a {
    color: #fff
}

.node-subNodeFlatList ol,
.node-subNodeFlatList ul,
.node-subNodeFlatList .node-subNodes {
    display: none
}

.subNodeMenu {
    list-style: none;
    margin: 0;
    padding: 0
}

.subNodeMenu ol,
.subNodeMenu ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.subNodeMenu .subNodeLink {
    display: block;
    padding: 8px 16px;
    text-decoration: none;
    cursor: pointer
}

.subNodeMenu .subNodeLink:hover {
    text-decoration: none;
    background: #484d56
}

.subNodeMenu li li .subNodeLink {
    padding-left: 1.5em
}

.subNodeMenu li li li .subNodeLink {
    padding-left: 3em
}

.subNodeMenu li li li li .subNodeLink {
    padding-left: 4.5em
}

.subNodeMenu li li li li li .subNodeLink {
    padding-left: 6em
}

.subNodeMenu li li li li li li .subNodeLink {
    padding-left: 7.5em
}

/********* public:structured_list.less ********/
.structItemContainer {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.structItemContainer-group {
    display: table-row-group
}

.block-minorHeader.uix_threadListSeparator {
    display: flex;
    align-items: center;
    font-size: 1.3rem;
    color: #dee0e3;
    background: #484d56;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase
}

.structItemContainer .structItemContainer-group--sticky .structItem--thread {
    border-left: 3px solid #ca0000
}

.structItem.is-mod-selected .structItem-cell--meta,
.structItem--thread.is-deleted .structItem-cell--meta {
    background: none
}

.structItem {
    display: table;
    table-layout: fixed;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.structItem .pairs {
    line-height: inherit
}

.structItem:nth-child(even) {
    background-color: #42464d
}

.structItem--thread:hover {
    background-color: #484d56
}

.structItem--thread:hover .structItem-cell--meta {
    background-color: transparent
}

.structItem.is-deleted {
    opacity: .7
}

.structItem.is-deleted .structItem-title>* {
    text-decoration: line-through
}

.structItem.is-mod-selected {
    background: #363a3f;
    opacity: 1
}

.structItem:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.threadListSeparator {
    font-size: 1.3rem;
    color: #dee0e3;
    background: #484d56;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase
}

.structItem-cell {
    display: table-cell;
    vertical-align: top;
    padding: 10px 10px
}

.structItem--middle .structItem-cell {
    vertical-align: middle
}

.structItem-cell.structItem-cell--vote {
    width: 60px
}

.structItem-cell.structItem-cell--icon {
    width: 56px;
    position: relative
}

.structItem-cell.structItem-cell--icon.structItem-cell--iconExpanded {
    width: 68px
}

.structItem-cell.structItem-cell--icon.structItem-cell--iconEnd {
    width: 44px;
    padding-left: 5px
}

.structItem-cell.structItem-cell--icon.structItem-cell--iconEnd .structItem-iconContainer {
    padding-top: 5px
}

.structItem-cell.structItem-cell--icon.structItem-cell--iconFixedSmall {
    width: 80px
}

.structItem-cell.structItem-cell--icon.structItem-cell--iconFixedSmallest {
    width: 44px
}

.structItem-cell.structItem-cell--icon .solutionIcon {
    padding-left: 0;
    padding-right: 0
}

.structItem-cell.structItem-cell--meta {
    width: 135px;
    border-right: 1px solid rgba(255, 255, 255, 0.12);
    border-left: 1px solid rgba(255, 255, 255, 0.12)
}

@media (max-width:650px) {
    .structItem-cell.structItem-cell--meta {
        background: none;
        border: none
    }

    .structItem-cell.structItem-cell--meta .pairs {
        line-height: inherit
    }
}

.structItem-cell.structItem-cell--latest {
    width: 190px;
    text-align: right;
    font-size: 1.2rem
}

.structItem-cell.structItem-cell--latest a:not(:hover) {
    color: #b5b9c0
}

.structItem-iconContainer {
    position: relative
}

.structItem-iconContainer img {
    display: block;
    width: 100%
}

.structItem-iconContainer .avatar {
    width: 36px;
    height: 36px;
    font-size: 22px
}

.structItem-iconContainer .avatar.avatar--xxs {
    width: 24px;
    height: 24px;
    font-size: 14px
}

.structItem-iconContainer .structItem-secondaryIcon {
    position: absolute;
    right: -5px;
    bottom: -5px;
    width: 20px;
    height: 20px;
    font-size: 12px
}

.structItem-cell--iconExpanded .structItem-iconContainer .avatar {
    width: 48px;
    height: 48px;
    font-size: 29px
}

.structItem-cell--iconExpanded .structItem-iconContainer .structItem-secondaryIcon {
    width: 22px;
    height: 22px;
    font-size: 13px
}

.structItem-title {
    font-size: 1.5rem;
    margin: 0;
    padding: 0;
    font-size: 1.4rem;
    color: #fff;
    font-weight: 400
}

.structItem-title .label {
    font-weight: 400
}

.structItem-title a {
    color: inherit
}

.structItem-title a:hover {
    color: #fff
}

.is-unread .structItem-title {
    font-weight: 500
}

.structItem-minor {
    font-size: 1.2rem;
    color: #b5b9c0
}

.structItem-cell--main .structItem-minor {
    clear: both
}

.structItem-minor a {
    color: inherit;
    text-decoration: none
}

.structItem-minor a:hover {
    text-decoration: underline
}

.structItem-parts {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline
}

.structItem-parts>li {
    display: inline;
    margin: 0;
    padding: 0
}

.structItem-parts>li:nth-child(even) {
    color: #dee0e3
}

.structItem-parts>li:before {
    content: "\00B7\20"
}

.structItem-parts>li:first-child:before {
    content: "";
    display: none
}

.structItem-pageJump {
    margin-left: 8px;
    font-size: 1.2rem
}

.structItem-pageJump a {
    color: #b5b9c0;
    background: #484d56;
    border: 1px solid rgba(255, 255, 255, 0.12);
    display: inline-block;
    max-width: 100%;
    padding: 0 6px 1px;
    margin: 0 0 2px;
    text-decoration: none;
    border-radius: 3px;
    padding: 0 3px;
    opacity: .5;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.structItem:hover .structItem-pageJump a,
.has-touchevents .structItem-pageJump a {
    opacity: 1
}

.structItem-pageJump a:hover {
    text-decoration: none;
    background: #383c42
}

.structItem-statuses,
.structItem .structItem-extraInfo {
    list-style: none;
    margin: 0;
    padding: 0;
    float: right
}

.structItem-statuses label.iconic--checkbox i,
.structItem .structItem-extraInfo label.iconic--checkbox i {
    text-align: right
}

.structItem-statuses>li,
.structItem .structItem-extraInfo>li {
    float: left;
    margin-left: 8px
}

.structItem-statuses input[type=checkbox],
.structItem .structItem-extraInfo input[type=checkbox] {
    vertical-align: -2px
}

.structItem-statuses .reactionSummary {
    vertical-align: -2px
}

.structItem-extraInfo .reactionSummary {
    vertical-align: middle
}

.structItem-status::before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 90%;
    color: #b5b9c0
}

.structItem-status--deleted::before {
    content: "\f2ed";
    width: .875em;
    display: inline-block;
    text-align: center
}

.structItem-status--locked::before {
    content: "\f023";
    width: .875em;
    display: inline-block;
    text-align: center
}

.structItem-status--moderated::before {
    content: "\f132";
    width: 1em;
    display: inline-block;
    text-align: center;
    color: #db2309
}

.structItem-status--redirect::before {
    content: "\f08e";
    width: 1em;
    display: inline-block;
    text-align: center
}

.structItem-status--starred::before {
    content: "\f005";
    width: 1.125em;
    display: inline-block;
    text-align: center;
    color: #212428
}

.structItem-status--sticky::before {
    content: "\f08d";
    width: .75em;
    display: inline-block;
    text-align: center
}

.structItem-status--watched::before {
    content: "\f0f3";
    width: .875em;
    display: inline-block;
    text-align: center
}

.structItem-status--solved::before {
    content: "\f058";
    width: 1em;
    display: inline-block;
    text-align: center;
    color: #63b265
}

.structItem-status--attention::before {
    content: "\f0a1";
    width: 1.125em;
    display: inline-block;
    text-align: center;
    color: #db2309
}

.structItem-status--upvoted::before {
    content: "\f164";
    width: 1em;
    display: inline-block;
    text-align: center
}

.structItem-status--downvoted::before {
    content: "\f165";
    width: 1em;
    display: inline-block;
    text-align: center
}

.structItem.structItem--note {
    background: #484d56;
    color: #fff
}

.structItem.structItem--note .structItem-cell {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 1.2rem;
    text-align: center
}

@media (max-width:900px) {
    .structItem-cell {
        vertical-align: top
    }

    .structItem-cell.structItem-cell--meta {
        width: 115px;
        font-size: 1.2rem
    }

    .structItem-cell.structItem-cell--latest {
        width: 140px;
        font-size: 1.2rem
    }
}

@media (max-width:650px) {
    .structItem-cell+.structItem-cell.structItem-cell--icon {
        padding-left: 0;
        width: 46px
    }

    .structItem-cell.structItem-cell--main,
    .structItem-cell.structItem-cell--newThread {
        display: block;
        padding-bottom: .2em
    }

    .structItem-cell+.structItem-cell.structItem-cell--main,
    .structItem-cell+.structItem-cell.structItem-cell--newThread {
        padding-left: 0
    }

    .structItem-cell.structItem-cell--meta {
        display: block;
        width: auto;
        float: left;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        color: #b5b9c0;
        font-size: 1.2rem;
        line-height: 1
    }

    .structItem-cell.structItem-cell--meta dd:before {
        margin-right: 2px
    }

    .structItem-cell.structItem-cell--meta .structItem-minor {
        display: none
    }

    .structItem-cell.structItem-cell--meta .pairs>dt,
    .structItem-cell.structItem-cell--meta .pairs>dd {
        display: inline;
        float: none;
        margin: 0
    }

    .structItem-cell.structItem-cell--meta .pairs dt {
        display: none
    }

    .structItem-cell.structItem-cell--meta .pairs dd:before {
        font-family: 'Font Awesome 5 Pro';
        font-size: inherit;
        font-style: normal;
        font-weight: 400;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f27a";
        width: 1.28571429em;
        display: inline-block;
        text-align: center
    }

    .structItem-cell.structItem-cell--meta .pairs dd:after {
        content: "\00A0\00B7\20";
        color: #b5b9c0
    }

    .structItem-cell.structItem-cell--latest {
        display: block;
        width: auto;
        float: left;
        padding-top: 0;
        padding-left: 0;
        display: flex;
        align-items: center;
        line-height: 1;
        flex-wrap: wrap
    }

    .structItem-cell.structItem-cell--latest a {
        order: 2
    }

    .structItem-cell.structItem-cell--latest .structItem-minor {
        order: 1
    }

    .structItem-cell.structItem-cell--latest .structItem-minor:after {
        order: 2
    }

    .structItem-cell.structItem-cell--latest .uix_mobileNodeTitle {
        order: 3
    }

    .structItem-cell.structItem-cell--latest:before {
        color: #b5b9c0
    }

    .structItem-cell.structItem-cell--latest a {
        color: #b5b9c0
    }

    .structItem-cell.structItem-cell--latest .structItem-minor {
        display: inline-flex
    }

    .structItem-cell.structItem-cell--latest .structItem-minor:before {
        font-family: 'Font Awesome 5 Pro';
        font-size: inherit;
        font-style: normal;
        font-weight: 400;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f3e5";
        width: 1.28571429em;
        display: inline-block;
        text-align: center;
        margin-right: 2px
    }

    .structItem-cell.structItem-cell--latest .structItem-minor:after {
        content: " replied ";
        white-space: pre
    }

    .uix_posterIsUser.structItem-cell.structItem-cell--latest .structItem-minor:after {
        content: " posted "
    }

    .structItem-cell.structItem-cell--iconEnd {
        display: none
    }

    .structItem-pageJump,
    .structItem-extraInfoMinor {
        display: none
    }

    .is-unread .structItem-latestDate {
        font-weight: 400
    }
}

@media (max-width:650px) {
    .structItem .lastPostAv {
        display: none
    }
}

@media (min-width:900px) and (max-width:1200px) {
    .p-body-main--withSidebar .structItem-cell.structItem-cell--main {
        display: block;
        padding-bottom: .2em;
        padding-left: 0
    }

    .p-body-main--withSidebar .structItem-cell.structItem-cell--meta {
        display: block;
        width: auto;
        float: left;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        color: #b5b9c0;
        font-size: 1.2rem;
        background: none;
        border: none;
        line-height: 1
    }

    .p-body-main--withSidebar .structItem-cell.structItem-cell--meta dd:before {
        margin-right: 2px
    }

    .p-body-main--withSidebar .structItem-cell.structItem-cell--meta .pairs {
        line-height: inherit
    }

    .p-body-main--withSidebar .structItem-cell.structItem-cell--meta .structItem-minor {
        display: none
    }

    .p-body-main--withSidebar .structItem-cell.structItem-cell--meta .pairs>dt,
    .p-body-main--withSidebar .structItem-cell.structItem-cell--meta .pairs>dd {
        display: inline;
        float: none;
        margin: 0
    }

    .p-body-main--withSidebar .structItem-cell.structItem-cell--meta .pairs dt {
        display: none
    }

    .p-body-main--withSidebar .structItem-cell.structItem-cell--meta .pairs dd:before {
        font-family: 'Font Awesome 5 Pro';
        font-size: inherit;
        font-style: normal;
        font-weight: 400;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f27a";
        width: 1.28571429em;
        display: inline-block;
        text-align: center
    }

    .p-body-main--withSidebar .structItem-cell.structItem-cell--meta .pairs dd:after {
        content: "\00A0\00B7\20";
        color: #b5b9c0
    }

    .p-body-main--withSidebar .structItem-cell.structItem-cell--latest {
        display: block;
        width: auto;
        float: left;
        padding-top: 0;
        padding-left: 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        line-height: 1
    }

    .p-body-main--withSidebar .structItem-cell.structItem-cell--latest a {
        order: 2
    }

    .p-body-main--withSidebar .structItem-cell.structItem-cell--latest .structItem-minor {
        order: 1
    }

    .p-body-main--withSidebar .structItem-cell.structItem-cell--latest .structItem-minor:after {
        order: 2
    }

    .p-body-main--withSidebar .structItem-cell.structItem-cell--latest .uix_mobileNodeTitle {
        order: 3
    }

    .p-body-main--withSidebar .structItem-cell.structItem-cell--latest:before {
        color: #b5b9c0
    }

    .p-body-main--withSidebar .structItem-cell.structItem-cell--latest a {
        color: #b5b9c0
    }

    .p-body-main--withSidebar .structItem-cell.structItem-cell--latest .structItem-minor {
        display: inline-block
    }

    .p-body-main--withSidebar .structItem-cell.structItem-cell--latest .structItem-minor:before {
        font-family: 'Font Awesome 5 Pro';
        font-size: inherit;
        font-style: normal;
        font-weight: 400;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f3e5";
        width: 1.28571429em;
        display: inline-block;
        text-align: center
    }

    .p-body-main--withSidebar .structItem-cell.structItem-cell--latest .structItem-minor:after {
        content: ' replied ';
        white-space: pre
    }

    .p-body-main--withSidebar .structItem-cell.structItem-cell--iconEnd {
        display: none
    }

    .p-body-main--withSidebar .structItem-pageJump,
    .p-body-main--withSidebar .structItem-extraInfoMinor {
        display: none
    }
}

.p-body-main--withSidebar .structItem.structItem--quickCreate .structItem-cell--icon,
.p-body-main--withSidebar .structItem.structItem--quickCreate .structItem-cell--vote {
    display: none
}

.p-body-main--withSidebar .structItem.structItem--quickCreate .structItem-cell--newThread {
    padding-left: 10px;
    padding-bottom: 10px
}

.p-body-main--withSidebar .structItem.structItem--quickCreate .is-unread .structItem-latestDate {
    font-weight: 400
}

@media (min-width:900px) and (max-width:1200px) {
    .p-body-main--withSidebar .structItem .lastPostAv {
        display: none
    }
}

@media (max-width:480px) {
    .structItem-parts .structItem-startDate {
        display: none
    }

    .structItem.structItem--quickCreate .structItem-cell--icon,
    .structItem.structItem--quickCreate .structItem-cell--vote {
        display: none
    }

    .structItem.structItem--quickCreate .structItem-cell--newThread {
        padding-left: 10px;
        padding-bottom: 10px
    }
}

/********* public:uix.less ********/
@-webkit-keyframes rippleAnimation {
    to {
        border-radius: 100%;
        opacity: 0;
        -webkit-transform: scale(2.5);
        transform: scale(2.5)
    }
}

@keyframes rippleAnimation {
    to {
        border-radius: 100%;
        opacity: 0;
        -webkit-transform: scale(2.5);
        transform: scale(2.5)
    }
}

.rippleButton {
    position: relative
}

.rippleButton .ripple-container {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
    border-radius: inherit;
    -webkit-mask-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC')
}

.rippleButton .ripple {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center 50%;
    transform-origin: center 50%;
    display: block;
    position: absolute;
    -webkit-animation: rippleAnimation 650ms ease-out;
    animation: rippleAnimation 650ms ease-out;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.navLink .ripple {
    background-color: rgba(0, 0, 0, 0.15);
    -webkit-animation: rippleAnimation 450ms ease-out
}

.rippleButton:hover {
    cursor: pointer
}

.uix_canvas__tabs {
    display: flex;
    justify-content: space-around;
    align-items: center
}

.uix_canvasTab {
    display: inline-block
}

.js-visitorTabPanel .menu-row--highlighted,
.js-visitorTabPanel .menu-separator--hard {
    display: none
}

.sidePanel__tabPanels {
    position: relative
}

.sidePanel__tabPanels .menu-row,
.sidePanel__tabPanels .menu-footer,
.sidePanel__tabPanels .menu-linkRow {
    padding-left: 16px;
    padding-right: 16px
}

.sidePanel__tabPanel {
    height: 0;
    overflow-x: hidden;
    touch-action: pan-y;
    -moz-transition: -moz-transform .3s cubic-bezier(.22, .61, .36, 1);
    -o-transition: transform .3s cubic-bezier(.22, .61, .36, 1);
    -o-transition: -o-transform .3s cubic-bezier(.22, .61, .36, 1);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.22, .61, .36, 1);
    transition: -webkit-transform .3s cubic-bezier(.22, .61, .36, 1);
    transition: transform .3s cubic-bezier(.22, .61, .36, 1);
    width: 100%;
    top: 0
}

.sidePanel__tabPanel.is-left {
    transform: translate3d(-300px, 0, 0);
    overflow-y: hidden
}

.sidePanel__tabPanel.is-right {
    transform: translate3d(300px, 0, 0)
}

.sidePanel__tabPanel.is-active {
    transform: translate3d(0, 0, 0);
    display: block;
    height: auto;
    overflow-y: auto
}

.sidePanel--visitor .sidePanel__tabPanel.is-active {
    margin-bottom: 50px
}

.sidePanel__tabPanel.is-hidden {
    visibility: hidden
}

.sidePanel__tabs {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex: 0 0 auto;
    padding: 0;
    margin: 0;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.sidePanel__tabs li {
    max-width: 50%;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    color: rgba(255, 255, 255, 0.7);
    list-style: none
}

a.sidePanel__tab {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.75);
    background-color: #212428;
    padding-right: 10px;
    padding-left: 10px;
    border-width: 0;
    border-right-style: solid;
    border-right-color: rgba(255, 255, 255, 0.1);
    display: block;
    cursor: pointer;
    text-align: center;
    line-height: 50px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 50px
}

a.sidePanel__tab:hover {
    color: #fff;
    text-decoration: none
}

a.sidePanel__tab.sidePanel__tab--active {
    color: #fff;
    box-shadow: inset 0 -3px rgba(0, 0, 0, 0.2)
}

.itemList-itemOverlayTop.iconic--noLabel {
    width: 23px;
    height: 23px;
    top: 10px;
    left: 10px
}

.audfeeds_newsFeedItem .audfeeds_attachLink {
    margin-top: 0;
    margin-bottom: 10px
}

.uix_fabBar .button--cta.audfeeds_createButton--dropdown {
    display: none
}

.uix_fabBar .p-title-pageAction .button.button--icon--add[data-target] {
    display: inline-flex
}

.uix_fabBar .p-title-pageAction .js-unlimitedScrollStopTrigger {
    display: none !important
}

.message.thfeature .message-body {
    padding: 0
}

.message.thfeature .message-attribution {
    margin-bottom: 0
}

.message.thfeature .message-footer {
    padding-top: 10px
}

.porta-article-item .block-body.message-inner {
    display: flex
}

.porta-articles-above-full {
    margin-bottom: 20px
}

.resourceBody .actionBar {
    padding: 0;
    margin: 0
}

.resourceBody-main .bbWrapper {
    margin-bottom: 10px
}

.xfmgInfoBlock .actionBar .actionBar-set {
    margin-top: 0
}

.block--messages .message .thpostcomments_commentsContainer .message .message-actionBar {
    padding-top: 0;
    border-top: 0
}

.block--messages .message .thpostcomments_commentsContainer .message .message-attribution {
    padding-top: 0;
    padding-bottom: 4px
}

@media (max-width:650px) {
    .memberHeader-actionTop .profile-achievement-showcase {
        margin: 0
    }
}

.device--isAndroid .p-staffBar .hScroller-scroll {
    overflow-x: auto
}

.offCanvasMenu-content {
    overflow-y: scroll
}

@media (max-height:400px) {
    .uix_tabBar {
        display: none
    }
}

.shareButtons-button--tumblr {
    display: none
}

.fb-page {
    width: 100%
}

.tabPanes .block-outer {
    padding-top: 20px
}

.uix_node--transitioning {
    clip-path: inset(-2px -2px -2px -2px)
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .uix_node--transitioning {
        overflow: hidden
    }
}

.message .message-responses .message-responseRow:first-child,
.message .message-responses .message-responseRow.is-active {
    margin-top: 10px
}

.message .message-responses .comment .comment-actionBar.actionBar {
    border: none;
    margin: 0
}

.p-nav-menuTrigger {
    position: relative
}

.p-nav-menuTrigger.badgeContainer:after {
    position: absolute;
    left: -5px;
    top: -5px
}

@media (min-width:480px) {
    .p-nav-menuTrigger.badgeContainer:after {
        display: none !important
    }
}

.menu-footer-controls {
    display: flex;
    flex-wrap: wrap
}

.menu-footer-controls .button:not(:last-child) {
    margin-right: 5px
}

.p-navEl .menu-linkRow:before {
    margin-right: 4px
}

@media (min-width:900px) {
    .uix_sidebarCanvasTrigger {
        display: none
    }
}

@media (max-width:900px) {
    body .p-body-sidebar {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        transform: translatex(-100%);
        margin: 0;
        overflow: hidden !important
    }

    body .p-body-sidebar.is-transitioning {
        transition: ease-in .25s .25s transform
    }

    body .p-body-sidebar.is-transitioning .uix_sidebarInner {
        transition: transform .25s ease-in
    }

    body .p-body-sidebar.is-transitioning.is-active {
        transition: ease-in .01s transform
    }

    body .p-body-sidebar .uix_sidebarInner {
        margin: 0;
        transform: translatex(200%);
        margin-left: auto
    }

    body .p-body-sidebar .block-container {
        box-shadow: none
    }

    body .p-body-sidebar .uix_sidebar--scroller {
        margin: 0;
        width: 100%
    }

    body .p-body-sidebar.is-active {
        transform: translatex(0)
    }

    body .p-body-sidebar.is-active .uix_sidebarInner.offCanvasMenu-content {
        transform: translatex(0)
    }
}

.structItem-cell--icon+.structItem-cell--main,
.structItem-cell--icon+.structItem-cell--newThread {
    padding-left: 0
}

.structItem-cell--main .structItem-minor {
    display: flex;
    align-items: center
}

.structItem-cell--main .structItem-minor .structItem-parts {
    flex-grow: 1
}

.structItem-cell--main .structItem-minor .structItem-extraInfo {
    order: 2;
    margin-left: auto
}

.structItem-cell--main .structItem-minor .structItem-statuses {
    order: 1
}

.block.uix_mainTabBar {
    display: flex;
    justify-content: center;
    background: #212428
}

.block.uix_mainTabBar .block-tabHeader {
    border: none
}

.block.uix_mainTabBar .tabs-tab:hover {
    background: none
}

.p-pageWrapper>.block.uix_mainTabBar {
    margin: 0
}

.offCanvasMenu-content {
    height: 100vh
}

.offCanvasMenu-content .menu-scroller {
    max-height: 100%
}

.offCanvasMenu-content .p-body-sideNavContent .block {
    margin: 0
}

.offCanvasMenu-content .p-body-sideNavContent .block-container {
    box-shadow: none
}

.p-body-header .uix_sidebarTrigger__component {
    margin-left: 10px
}

.cover .memberHeader-blurb.pairs {
    border-color: rgba(255, 255, 255, 0.3)
}

.hScroller-scroll.th_scroller--start-active {
    -webkit-mask-image: linear-gradient(to right, transparent 5%, #000 10%);
    mask-image: linear-gradient(to right, transparent 5%, #000 10%)
}

.hScroller-scroll.th_scroller--end-active {
    -webkit-mask-image: linear-gradient(to left, transparent 5%, #000 10%);
    mask-image: linear-gradient(to left, transparent 5%, #000 10%)
}

.hScroller-scroll.th_scroller--end-active.th_scroller--start-active {
    -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 5%, #000 10%, #000 90%, rgba(0, 0, 0, 0) 95%);
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 5%, #000 10%, #000 90%, rgba(0, 0, 0, 0) 95%)
}

.block[data-widget-definition="visitor_panel"] .contentRow {
    margin-bottom: 10px
}

.block[data-widget-definition="th_widget_login_uix"] .formSubmitRow-controls {
    padding-left: 0;
    text-align: center
}

.uix_loginProvider__row dt {
    display: none
}

.uix_loginProvider__row dd {
    text-align: center
}

.thBranding__pipe {
    display: none
}

.p-footer-copyright>*~.thBranding .thBranding__pipe {
    display: inline
}

.offCanvasMenu-link {
    padding: 10px 16px
}

.offCanvasMenu-subList {
    padding-bottom: 0
}

*::selection {
    color: #fff;
    background: #212428
}

*::-moz-selection {
    color: #fff;
    background: #212428
}

.block-container .uix_newIndicator {
    font-size: 12px;
    color: #fff;
    background: #db2309;
    border-radius: 3px;
    padding-top: 1px;
    padding-right: 4px;
    padding-bottom: 1px;
    padding-left: 4px
}

.uix_headerContainer--stickyFix {
    height: 1px;
    visibility: hidden
}

.uix_headerContainer {
    margin-top: -1px !important
}

.has-no-hiddenscroll .is-modalOpen .is-sticky {
    margin-left: 0px
}

.uix_adminTrigger {
    display: none !important
}

@media (max-width:900px) {
    .p-staffBar-link {
        display: none !important
    }

    .uix_adminTrigger {
        display: inline-block !important
    }
}

.uix_signatureExpand {
    display: none
}

.message-signature {
    overflow: hidden;
    transition: ease-in-out .2s height
}

.message-signature--expandable {
    height: 100px
}

.message-signature--expandable .uix_signatureExpand {
    padding-bottom: 16px;
    background: linear-gradient(to bottom, rgba(56, 60, 66, 0), #383c42 40%);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 60px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #db2309
}

.message-signature--expandable .uix_signatureExpand:hover {
    cursor: pointer
}

.message-signature.message-signature--expanded {
    height: auto;
    padding-bottom: 16px
}

.message-signature.message-signature--expanded .bbWrapper {
    padding-bottom: 32px
}

.message-signature.message-signature--expanded .uix_signatureExpand {
    background: none
}

.thThreads__userExtra--toggle {
    text-align: center;
    margin-top: 10px
}

.thThreads__userExtra--toggle .thThreads__userExtra--trigger {
    background: #212428;
    color: #fff;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    border-radius: 100%;
    transition: ease-in transform .2s .2s
}

.thThreads__userExtra--toggle .thThreads__userExtra--trigger:hover {
    cursor: pointer;
    text-decoration: none
}

.thThreads__userExtra--toggle .thThreads__userExtra--trigger:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f078";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.thThreads__message-userExtras {
    height: 0;
    overflow: hidden;
    transition: ease-in height .2s
}

@media (max-width:650px) {
    .thThreads__message-userExtras {
        display: none
    }

    .thThreads__userExtra--toggle {
        display: none
    }
}

.userExtra--expand .thThreads__message-userExtras {
    height: auto
}

.userExtra--expand .thThreads__userExtra--trigger {
    transform: rotate(-180deg)
}

.uix_threadCollapseTrigger {
    transition: ease transform .2s;
    margin-left: auto;
    font-size: 18px
}

.uix_threadCollapseTrigger.is-active {
    transform: rotate(-180deg)
}

.uix_stickyContainerOuter {
    transition: ease-in height .3s, ease-in opacity .3s;
    opacity: 1;
    display: none;
    opacity: 0;
    -webkit-transition: all .2s ease, -xf-opacity .2s ease;
    transition: all .2s ease, -xf-opacity .2s ease;
    overflow-y: hidden;
    height: 0;
    -webkit-transition-property: all, -xf-height;
    transition-property: all, -xf-height
}

.uix_stickyContainerOuter.is-active {
    display: block;
    opacity: 1;
    height: auto;
    overflow-y: visible
}

.uix_stickyContainerOuter.is-transitioning {
    display: block;
    width: 100%
}

.uix_stickyContainerOuter.is-transitioning {
    overflow-y: hidden
}

.uix_stickyContainerOuter .uix_stickyContainerInner {
    width: 100%;
    display: table
}

.uix_stickyContainerOuter.uix_threadListSeparator--collapsed {
    height: 0;
    opacity: 0;
    pointer-events: none;
    transition: ease-in height .3s, ease-in opacity .3s
}

.uix_stickyContainerOuter.uix_threadListSeparator--collapsed .uix_block-body--outer {
    height: 0 !important;
    opacity: 0;
    pointer-events: none
}

@keyframes overflow-delay {
    from {
        overflow: visible
    }
}

@keyframes overflow-show {
    from {
        overflow: hidden
    }
}

.category--collapsed.block--category .uix_block-body--outer {
    height: 0 !important;
    opacity: 0;
    pointer-events: none;
    animation: .3s overflow-delay;
    overflow: hidden
}

.category--collapsed.block--category .categoryCollapse--trigger {
    transform: rotate(-180deg)
}

.category--collapsed.block--category:hover {
    text-decoration: none
}

.categoryCollapse--trigger {
    transition: cubic-bezier(.4, 0, .2, 1) transform .2s;
    overflow: hidden;
    height: 18px;
    min-width: 24px;
    width: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important
}

.block--category .uix_block-body--outer {
    transition: cubic-bezier(.4, 0, .2, 1) height .3s, cubic-bezier(.4, 0, .2, 1) opacity .3s;
    opacity: 1;
    animation: .3s overflow-show;
    overflow: visible
}

a.uix_sidebarTrigger__component {
    display: inline-flex;
    align-items: center
}

a.uix_sidebarTrigger__component:hover {
    cursor: pointer
}

@media (min-width:901px) {
    .p-nav-inner a.uix_sidebarTrigger__component {
        display: none !important
    }
}

.p-nav-inner a.uix_sidebarTrigger__component {
    color: inherit;
    color: rgba(255, 255, 255, 0.7);
    background: none !important;
    box-shadow: none;
    border: none
}

.p-nav-inner a.uix_sidebarTrigger__component .uix_sidebarTrigger--phrase {
    display: none
}

.p-nav-inner a.uix_sidebarTrigger__component i {
    font-size: 24px;
    width: auto;
    padding: 0;
    margin: 0
}

.p-nav-inner a.uix_sidebarTrigger__component i:before {
    display: inline-flex;
    justify-content: center;
    width: 10px
}

@media (min-width:901px) {
    a.uix_sidebarTrigger__component.uix_sidebarCanvasTrigger {
        display: none
    }
}

@media (max-width:900px) {
    a.uix_sidebarTrigger__component.uix_sidebarTrigger {
        display: none
    }
}

a.uix_sidebarTrigger__component i {
    font-size: 18px;
    margin-left: -7px
}

.p-body-sidebar {
    transition: ease-in opacity .2s .2s, ease-in max-height .2s .2s;
    opacity: 1;
    max-height: 100%
}

.p-body-sidebar .uix_sidebarInner {
    transition: .01s .2s transform
}

@media (min-width:900px) {
    .uix_sidebarCollapsed .p-body-sidebar {
        transition: ease-in opacity .2s, ease-in max-height .2s .01s;
        opacity: 0;
        max-height: 0
    }

    .uix_sidebarCollapsed .uix_sidebarInner {
        transition: 0 .01s 0 .01s transform;
        transform: scaleY(0)
    }

    .uix_sidebarCollapsed .p-body-main--withSidebar .p-body-content {
        width: 100%;
        max-width: 100%
    }

    .uix_sidebarCollapsed .p-body-main--withSidebar.p-body-main--withSideNav .p-body-content {
        width: calc(100% - 270px);
        max-width: calc(100% - 270px)
    }
}

body .p-navEl-link,
body .offCanvasMenu-link {
    font-family: inherit;
    font-weight: inherit;
    -webkit-font-smoothing: initial
}

.p-navEl-link:before,
.offCanvasMenu-link:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px !important;
    padding-right: 4px
}

.p-navEl-link:not(.mdi):not(.fa)[data-nav-id]:before,
.offCanvasMenu-link:not(.mdi):not(.fa)[data-nav-id]:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.p-navEl-link:not(.mdi):not(.fa)[data-nav-id]:before,
.offCanvasMenu-link:not(.mdi):not(.fa)[data-nav-id]:before {
    content: "\f07b";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.p-navEl-link:not(.mdi):not(.fa) .offCanvasMenu-link,
.offCanvasMenu-link:not(.mdi):not(.fa) .offCanvasMenu-link {
    dislay: none
}

.p-navEl-link:not(.mdi):not(.fa)[data-nav-id="thxpress"]:before,
.offCanvasMenu-link:not(.mdi):not(.fa)[data-nav-id="thxpress"]:before {
    content: "\f1ea";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.p-navEl-link:not(.mdi):not(.fa)[data-nav-id="th_donate"]:before,
.offCanvasMenu-link:not(.mdi):not(.fa)[data-nav-id="th_donate"]:before {
    content: "\f06b";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.p-navEl-link:not(.mdi):not(.fa)[data-nav-id="home"]:before,
.offCanvasMenu-link:not(.mdi):not(.fa)[data-nav-id="home"]:before {
    content: "\f015";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.p-navEl-link:not(.mdi):not(.fa)[data-nav-id="forums"]:before,
.offCanvasMenu-link:not(.mdi):not(.fa)[data-nav-id="forums"]:before {
    content: "\f086";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.p-navEl-link:not(.mdi):not(.fa)[data-nav-id="whatsNew"]:before,
.offCanvasMenu-link:not(.mdi):not(.fa)[data-nav-id="whatsNew"]:before {
    content: "\f0e7";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.p-navEl-link:not(.mdi):not(.fa)[data-nav-id="members"]:before,
.offCanvasMenu-link:not(.mdi):not(.fa)[data-nav-id="members"]:before {
    content: "\f0c0";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.p-navEl-link:not(.mdi):not(.fa)[data-nav-id="profile"]:before,
.offCanvasMenu-link:not(.mdi):not(.fa)[data-nav-id="profile"]:before {
    content: "\f007";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.p-navEl-link:not(.mdi):not(.fa)[data-nav-id="alerts"]:before,
.offCanvasMenu-link:not(.mdi):not(.fa)[data-nav-id="alerts"]:before {
    content: "\f0f3";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.p-navEl-link:not(.mdi):not(.fa)[data-nav-id="settings"]:before,
.offCanvasMenu-link:not(.mdi):not(.fa)[data-nav-id="settings"]:before {
    content: "\f01";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.p-navEl-link:not(.mdi):not(.fa)[data-nav-id="xfmg"]:before,
.offCanvasMenu-link:not(.mdi):not(.fa)[data-nav-id="xfmg"]:before {
    content: "\f03e";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.p-navEl-link:not(.mdi):not(.fa)[data-nav-id="xfrm"]:before,
.offCanvasMenu-link:not(.mdi):not(.fa)[data-nav-id="xfrm"]:before {
    content: "\f085";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.p-navEl-link:not(.mdi):not(.fa)[data-nav-id="ad_leaderboards"]:before,
.offCanvasMenu-link:not(.mdi):not(.fa)[data-nav-id="ad_leaderboards"]:before {
    content: "\f680";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.p-navEl-link:not(.mdi):not(.fa)[data-nav-id="EWRporta"]:before,
.offCanvasMenu-link:not(.mdi):not(.fa)[data-nav-id="EWRporta"]:before,
.p-navEl-link:not(.mdi):not(.fa)[data-nav-id="blog"]:before,
.offCanvasMenu-link:not(.mdi):not(.fa)[data-nav-id="blog"]:before,
.p-navEl-link:not(.mdi):not(.fa)[data-nav-id="XPRESS"]:before,
.offCanvasMenu-link:not(.mdi):not(.fa)[data-nav-id="XPRESS"]:before {
    content: "\f1ea";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.p-sectionLinks .p-navEl-link:before,
.offCanvasMenu-subList .offCanvasMenu-link:before {
    display: none !important
}

.p-nav .p-nav-menuTrigger.uix_sidebarNav--trigger {
    display: none
}

.uix_sidebarNav__inner__widgets {
    padding: 16px
}

.sidebarNav--active .uix_sidebarNav {
    margin-left: 0
}

.uix_stickyBodyElement:not(.offCanvasMenu) {
    position: sticky;
    position: -webkit-sticky
}

.uix_stickyBottom .p-body-sidebar {
    display: flex
}

.uix_sidebarNav .uix_sidebarNav__inner {
    overflow: hidden
}

.uix_sidebarNav .uix_sidebar--scroller {
    overflow-y: auto;
    margin-right: -30px;
    padding-right: 32px
}

.offCanvasMenu .offCanvasMenu-link:before {
    font-size: 24px !important;
    padding-right: 1em
}

.offCanvasMenu-link {
    display: flex;
    align-items: center
}

.offCanvasMenu-link.offCanvasMenu-link--splitToggle {
    font-size: 18px
}

@media (max-width:900px) {
    .offCanvasMenu .uix_sidebar--scroller {
        position: static !important
    }

    .offCanvasMenu .uix_sidebar--scroller+div[style*="position"] {
        display: none !important
    }
}

.uix_sidebarNav {
    background: #2d3238;
    width: 210px;
    min-width: 210px;
    padding-bottom: 20px;
    margin-left: -210px;
    z-index: 1;
    transition: ease-in-out margin-left .3s
}

@media (max-width:900px) {
    .uix_sidebarNav {
        margin-left: -210px !important
    }
}

.uix_sidebarNav .uix_sidebarNavList {
    padding: 10px 0;
    margin: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    line-height: 40px;
    width: 208px
}

.uix_sidebarNav .uix_sidebarNavList:first-child {
    padding-top: 0
}

.uix_sidebarNav .uix_sidebarNavList:last-child {
    border-bottom: none
}

.uix_sidebarNav .uix_sidebarNavList .uix_sidebarNav__subNav {
    display: block;
    height: 0;
    overflow: hidden;
    transition: ease-in height .3s
}

.uix_sidebarNav .uix_sidebarNavList .uix_sidebarNav__subNav.subNav--expand {
    height: auto
}

.uix_sidebarNav .uix_sidebarNavList .menu-linkRow {
    padding: 0 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #dee0e3;
    border: none;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.uix_sidebarNav .uix_sidebarNavList .menu-linkRow:hover {
    border: none;
    background: #343a40
}

.uix_sidebarNav .uix_sidebarNavList .p-navEl-link span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-width: 0
}

.uix_sidebarNav .uix_sidebarNavList .uix_sidebarNavList__title {
    padding: 0 16px;
    font-size: 1.2rem;
    color: #b5b9c0
}

.uix_sidebarNav .uix_sidebarNavList>li {
    display: block
}

.uix_sidebarNav .uix_sidebarNavList>li .p-navEl:before,
.uix_sidebarNav .uix_sidebarNavList>li .p-navEl:after {
    display: none
}

.uix_sidebarNav .uix_sidebarNavList>li .p-navEl__inner {
    display: flex;
    align-items: center;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.uix_sidebarNav .uix_sidebarNavList>li .p-navEl__inner:hover,
.uix_sidebarNav .uix_sidebarNavList>li .blockLink:hover {
    background: #343a40
}

.uix_sidebarNav .uix_sidebarNavList>li .is-selected .p-navEl__inner {
    color: #212428;
    background: rgba(0, 0, 0, 0.08)
}

.uix_sidebarNav .uix_sidebarNavList>li .is-selected .p-navEl__inner a,
.uix_sidebarNav .uix_sidebarNavList>li .is-selected .p-navEl__inner .p-navEl-link {
    color: inherit
}

.uix_sidebarNav .uix_sidebarNavList>li .p-navEl {
    display: block
}

.uix_sidebarNav .uix_sidebarNavList>li .p-navEl-link,
.uix_sidebarNav .uix_sidebarNavList>li .p-navEl-linkHolder,
.uix_sidebarNav .uix_sidebarNavList>li .blockLink {
    display: flex;
    min-width: 0;
    align-items: center;
    padding: 0 16px;
    color: #dee0e3;
    background: none;
    width: 100%;
    text-decoration: none;
    float: none
}

.uix_sidebarNav .uix_sidebarNavList>li .p-navEl-link:before,
.uix_sidebarNav .uix_sidebarNavList>li .p-navEl-linkHolder:before,
.uix_sidebarNav .uix_sidebarNavList>li .blockLink:before {
    font-size: 24px !important;
    width: 24px !important;
    padding-right: 1em
}

.uix_sidebarNav .uix_sidebarNavList>li .p-navEl-linkHolder {
    padding: 0
}

.uix_sidebarNav .uix_sidebarNavList>li .blockLink {
    padding-left: 50px
}

.uix_sidebarNav .uix_sidebarNavList>li .uix_sidebarNav--trigger {
    font-size: 18px;
    color: inherit;
    padding-right: 16px
}

.uix_sidebarNav .uix_sidebarNavList>li .uix_sidebarNav--trigger .fa--xf {
    transition: ease-in transform .3s
}

.uix_sidebarNav .uix_sidebarNavList>li .uix_sidebarNav--trigger.is-expanded .fa--xf {
    transform: rotate(-180deg)
}

.uix_sidebarNav .uix_sidebarNavList>li .p-navEl-splitTrigger,
.uix_sidebarNav .uix_sidebarNavList>li .p-navEl-link--menuTrigger:after {
    display: none
}

.p-account {
    background-color: transparent
}

.p-account .p-navgroup-link {
    display: flex;
    align-items: center;
    border: none
}

.p-nav .p-navgroup-link:hover {
    color: #fff;
    text-decoration: none
}

.p-quickSearch .input {
    color: #dee0e3
}

.p-quickSearch .input::placeholder {
    color: #dee0e3
}

body .uix_searchBar {
    display: inline-flex;
    flex-shrink: 10
}

@media (min-width:900px) {
    body .uix_searchBar {
        position: relative
    }
}

body .uix_searchBar .uix_searchIcon {
    pointer-events: none
}

@media (min-width:901px) {
    body .uix_searchBar {
        max-width: 250px;
        width: 1000px;
        display: flex;
        margin-left: .5em
    }
}

body .uix_searchBar .uix_searchBarInner {
    display: inline-flex;
    pointer-events: none;
    align-items: center;
    left: 20px;
    right: 20px;
    justify-content: flex-end;
    bottom: 0;
    top: 0;
    transition: ease-in background-color .3s;
    flex-grow: 1;
    left: 0px;
    right: 0px
}

body .uix_searchBar .uix_searchBarInner .uix_searchIcon {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0
}

@media (max-width:650px) {
    body .uix_searchBar .uix_searchBarInner {
        position: absolute
    }
}

body .uix_searchBar .uix_searchBarInner .uix_searchForm {
    display: inline-flex;
    align-items: center;
    transition: ease-in flex-grow .3s, ease-in max-width .3s, ease-in background-color .2s;
    flex-grow: 0;
    max-width: 250px;
    width: 100%;
    pointer-events: all;
    position: relative;
    color: #dee0e3;
    background: #383c42;
    border-radius: 3px
}

body .uix_searchBar .uix_searchBarInner .uix_searchForm.uix_searchForm--focused {
    color: #fff;
    background: #383c42
}

body .uix_searchBar .uix_searchBarInner .uix_searchForm.uix_searchForm--focused .input::placeholder {
    color: #fff
}

body .uix_searchBar .uix_searchBarInner .uix_searchForm.uix_searchForm--focused i {
    color: #b5b9c0
}

body .uix_searchBar .uix_searchBarInner .uix_searchForm .uix_search--settings i,
body .uix_searchBar .uix_searchBarInner .uix_searchForm .uix_search--close i {
    display: none
}

body .uix_searchBar .uix_searchBarInner .uix_searchForm i {
    font-size: 24px;
    color: #b5b9c0;
    padding: 4px;
    padding-right: 8px;
    padding-left: 8px;
    float: left;
    height: 36px;
    display: inline-flex;
    align-items: center;
    transition: ease-in color .2s
}

body .uix_searchBar .uix_searchBarInner .uix_searchForm .input {
    height: 36px;
    border: none;
    transition: ease-in color .2s;
    background: none;
    color: inherit;
    text-indent: 30px
}

body .uix_searchBar .uix_searchBarInner .uix_searchForm .input::placeholder {
    color: #b5b9c0
}

body .uix_searchBar .p-navgroup-link {
    display: none
}

@media (max-width:900px) {
    body .uix_searchBar .uix_searchBarInner .uix_searchForm {
        max-width: 0;
        overflow: hidden;
        border: none
    }
}

@media (max-width:900px) and (min-width:650px) {
    body .uix_searchBar .p-navgroup-link {
        display: inline-flex
    }

    body .uix_searchBar .p-navgroup-link.uix_searchIconTrigger {
        display: none
    }
}

@media (max-width:900px) and (max-width:650px) {
    body .uix_searchBar .p-navgroup-link.uix_searchIconTrigger {
        display: inline-flex
    }

    body .uix_searchBar .p-navgroup-link {
        display: none
    }

    .minimalSearch--detailed body .uix_searchBar .p-navgroup-link.uix_searchIconTrigger {
        display: none
    }

    .minimalSearch--detailed body .uix_searchBar .p-navgroup-link {
        display: inline-flex
    }
}

.uix_searchBar .uix_searchDropdown__menu {
    display: none;
    position: absolute;
    top: 36px;
    right: 0;
    opacity: 0;
    width: 250px;
    max-width: 250px
}

@media (max-width:900px) {
    .uix_searchBar .uix_searchDropdown__menu {
        width: 100%;
        max-width: 100%
    }
}

.uix_searchBar .uix_searchDropdown__menu.uix_searchDropdown__menu--active {
    display: block;
    opacity: 1;
    pointer-events: all;
    transform: translateY(0)
}

.uix_searchBar .uix_searchDropdown__menu [name="constraints"] {
    flex-grow: 1 !important;
    widxth: auto !important
}

.uix_search--submit:hover {
    cursor: pointer
}

.uix_search--close {
    cursor: pointer
}

@media (max-width:900px) {
    .minimalSearch--active .uix_searchBar .uix_searchBarInner {
        position: absolute
    }

    .minimalSearch--active .uix_searchBar .uix_searchBarInner .uix_searchForm {
        flex-grow: 1;
        display: inline-flex !important;
        padding: 0 10px;
        max-width: 100%
    }

    .minimalSearch--active .uix_searchBar .uix_searchBarInner .uix_searchForm i.fa--xf {
        display: inline-block;
        padding: 0;
        line-height: 36px
    }

    .minimalSearch--active .uix_searchBar .uix_searchBarInner .uix_searchForm .uix_searchIcon i {
        display: none
    }

    .minimalSearch--active .uix_searchBar .uix_searchBarInner .uix_searchForm .uix_searchInput {
        text-indent: 0
    }

    .p-navgroup-link--search,
    .uix_sidebarCanvasTrigger,
    .p-navgroup-link {
        transition: ease opacity .2s .3s;
        opacity: 1
    }

    .minimalSearch--active .p-navgroup-link--search,
    .minimalSearch--active .uix_sidebarCanvasTrigger,
    .minimalSearch--active .p-navgroup-link {
        opacity: 0;
        transition: ease opacity .2s;
        pointer-events: none
    }
}

@media (max-width:900px) and (max-width:900px) {
    .p-nav-inner>* {
        transition: ease-in opacity .2s;
        opacity: 1
    }

    .minimalSearch--active.p-nav-inner>*:not(.uix_searchBar),
    .minimalSearch--active.p-nav-inner .p-account,
    .minimalSearch--active.p-nav-inner .uix_searchBar .uix_searchIconTrigger,
    .minimalSearch--active.p-nav-inner .p-discovery>*:not(.uix_searchBar) {
        opacity: 0
    }

    .minimalSearch--active.p-nav-inner .p-discovery,
    .minimalSearch--active.p-nav-inner .p-nav-opposite {
        opacity: 1
    }
}

@media (max-width:900px) and (min-width:900px) {
    .p-header-content>* {
        transition: ease opacity .2s;
        opacity: 1
    }

    .minimalSearch--active.p-header-content>*:not(.p-nav-opposite) {
        opacity: 0
    }

    .minimalSearch--active.p-header-content .uix_searchBar {
        opacity: 1
    }
}

.media__container {
    display: flex
}

.media__container .media--left {
    margin-right: 10px
}

.uix_fabBar {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 16px;
    z-index: 150;
    pointer-events: none
}

@media (max-width:480px) {
    .uix_hasBottomTabs .uix_fabBar .u-scrollButtons:last-child {
        margin-bottom: 46px
    }
}

.uix_editor--focused .uix_fabBar {
    display: none
}

.uix_fabBar--mirror {
    visibility: hidden;
    position: static;
    padding-top: calc(32px);
    background-color: #383c42
}

.uix_fabBar--mirror .p-title-pageAction {
    padding-top: 0
}

@media (min-width:650px) {
    .uix_fabBar--mirror {
        display: none
    }
}

@media (min-width:650px) {
    .uix_fabBar .p-title-pageAction {
        display: none
    }
}

.uix_fabBar .u-scrollButtons {
    position: static
}

.uix_fabBar .p-title-pageAction {
    margin-bottom: calc(-76px);
    transition: ease-in .2s margin-bottom;
    z-index: 5;
    padding-top: 16px
}

.uix_hasBottomTabs .uix_fabBar .p-title-pageAction {
    margin-bottom: -30px
}

.uix_fabBar .p-title-pageAction .button {
    border-radius: 100%;
    height: 60px;
    width: 60px;
    padding: 0;
    font-size: 0;
    display: none;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 10px 0px rgba(0, 0, 0, 0.14), 0 1px 18px 0px rgba(0, 0, 0, 0.12), 0 3px 5px 0 rgba(0, 0, 0, 0.2);
    background: #db2309;
    color: #fff
}

.uix_fabBar .p-title-pageAction .button:last-child {
    display: flex
}

.uix_fabBar .p-title-pageAction .button:not(.button--icon) {
    display: none
}

.uix_fabBar .p-title-pageAction .button .button-text:before {
    font-size: 24px;
    margin: 0;
    width: 1em
}

.uix_fabBar .u-scrollButtons {
    pointer-events: auto
}

.uix_fabBar.uix_fabBar--active .p-title-pageAction {
    margin-bottom: 0;
    pointer-events: auto
}

@media (max-width:480px) {
    .uix_hasBottomTabs .uix_fabBar.uix_fabBar--active .p-title-pageAction {
        margin-bottom: 46px
    }
}

#uix_jumpToFixed {
    font-size: 24px;
    color: #FFF;
    background-color: #db2309;
    padding: 8px;
    margin: 16px;
    border-radius: 2px;
    position: fixed;
    z-index: 1;
    transition: opacity .4s;
    display: block;
    padding: 0;
    bottom: 0;
    right: 0;
    left: auto
}

#uix_jumpToFixed a:first-child {
    padding-bottom: 4px
}

#uix_jumpToFixed a {
    color: inherit;
    display: block;
    padding: 8px
}

#uix_jumpToFixed a:last-child {
    padding-top: 4px
}

.uix_discussionList {
    border-radius: 3px
}

[type=checkbox],
[type=radio],
legend {
    margin-right: .5em
}

.structItem-extraInfo [type=checkbox] {
    margin-right: 0
}

form.structItem {
    display: flex;
    max-width: 100%
}

.structItem-cell--newThread {
    flex-grow: 1;
    min-width: 0
}

.uix_messageContent {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%
}

.pageContent .uix_socialMedia {
    display: inline-flex;
    flex-wrap: wrap;
    margin: 0 -6px;
    padding: 0
}

.p-staffBar .pageContent .uix_socialMedia {
    margin-right: 10px
}

@media (max-width:900px) {
    .p-staffBar .pageContent .uix_socialMedia {
        display: none
    }
}

.pageContent .uix_socialMedia li {
    display: inline-block
}

.pageContent .uix_socialMedia li a {
    margin: 6px;
    line-height: 1;
    display: inline-block;
    font-size: 24px
}

.uix_headerContainer {
    background: #212428;
    display: flex;
    flex-direction: column
}

@media (min-width:901px) {
    .uix_headerContainer {
        margin-top: 0px
    }
}

@media (min-width:650px) {
    .uix_headerContainer>*:not(.p-nav) {
        margin-bottom: 0px
    }

    .uix_headerContainer>*:not(.p-nav):last-child {
        margin-bottom: 0
    }
}

@media (min-width:901px) {

    .p-staffBar,
    .p-header {
        margin-bottom: 0px
    }
}

@media (min-width:901px) {
    .p-pageWrapper {
        margin-top: 0px
    }
}

.p-body>* {
    padding-top: 20px
}

.uix_pageWrapper--fixed {
    width: 100%;
    position: relative;
    left: 0;
    transition: max-width .2s, ease-in left .2s
}

.uix_postThreadWidget {
    border-top: 4px solid #212428;
    text-align: center;
    padding: 16px;
    color: #dee0e3
}

.uix_postThreadWidget i {
    height: 50px;
    width: 50px;
    line-height: 50px;
    border-radius: 100%;
    background-color: rgba(33, 36, 40, 0.2);
    color: #212428;
    display: inline-block;
    font-size: 24px
}

.uix_postThreadWidget .uix_postThreadWidget__title {
    font-size: 1.8rem;
    font-weight: 500;
    color: #fff
}

.uix_postThreadWidget .button {
    margin-top: 10px
}

.block-footer.uix_conversationsFooterMobile {
    display: none
}

.overlay .block-footer.uix_conversationsFooterMobile {
    display: flex
}

.overlay .block-footer {
    position: sticky;
    bottom: 0
}

.uix_hasBottomTabs .uix_tabBar {
    height: 46px;
    position: relative;
    z-index: 300
}

@media (min-width:480px) {
    .uix_hasBottomTabs .uix_tabBar {
        display: none
    }
}

.uix_hasBottomTabs .uix_tabList {
    z-index: 100;
    margin: 0;
    padding: 0;
    display: flex;
    background: #212428;
    position: fixed;
    text-transform: capitalize;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.14), 0 -2px 2px 0 rgba(0, 0, 0, 0.12), 0 -1px 3px 0 rgba(0, 0, 0, 0.2)
}

.uix_hasBottomTabs .uix_tabList .uix_tabItem {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 5px;
    height: 46px;
    color: rgba(255, 255, 255, 0.5);
    line-height: 1;
    font-size: 10px;
    position: relative;
    text-align: center
}

.uix_hasBottomTabs .uix_tabList .uix_tabItem.uix_tabItem--active {
    color: #fff
}

.uix_hasBottomTabs .uix_tabList .uix_tabItem:hover {
    text-decoration: none;
    color: #fff
}

.uix_hasBottomTabs .uix_tabList .badgeContainer {
    position: relative
}

.uix_hasBottomTabs .uix_tabList .badgeContainer:after {
    position: absolute;
    top: 5px;
    right: 50%;
    margin-right: -20px
}

.uix_hasBottomTabs .uix_tabList .uix_tabItem i {
    font-size: 24px
}

@media (max-width:900px) {

    .uix_headerContainer>*,
    .p-pageWrapper>*,
    .p-nav,
    .p-footer>* {
        border-radius: 0 !important
    }
}

@media (max-width:900px) {
    .uix_responsiveStaffBar .p-staffBar {
        display: none
    }
}

@media (max-width:900px) {
    .p-staffBar .p-nav-opposite {
        display: none
    }
}

@media (max-width:899px) {
    .p-header {
        display: none
    }
}

@media (max-width:899px) {
    .p-header .p-nav-opposite {
        display: none
    }
}

@media (min-width:900px) {
    .p-nav-inner .p-header-logo {
        display: none
    }

    .p-nav>*:not(.p-header) .uix_searchBar {
        display: none
    }
}

@media (max-width:900px) {
    .p-sectionLinks>* {
        display: none
    }
}

@media (max-width:900px) and (max-width:900px) {
    .p-sectionLinks {
        display: none
    }
}

@media (min-width:901px) {
    .breadcrumb a.uix_sidebarTrigger__component {
        display: none
    }
}

.menu--account .avatar-update a {
    max-width: 21px;
    overflow: hidden;
    font-size: 12px
}

.comment-reply-link:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f27a";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 4px
}

.sidePanel__tabs .badgeContainer:after {
    position: relative;
    top: -15px;
    left: -5px
}

.lSSlideOuter.noticeScrollContainer {
    position: relative
}

.lSSlideOuter.noticeScrollContainer .lSPager {
    margin-top: 0px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 20px;
    background: none
}

.lSSlideOuter.noticeScrollContainer .notice-content {
    margin-bottom: 20px
}

.notices--bottom_fixer .notice--cookie .notice-content {
    display: flex
}

@media (max-width:650px) {
    .notices--bottom_fixer .notice--cookie .notice-content {
        text-align: center;
        align-items: center;
        flex-direction: column
    }
}

.notices--bottom_fixer .notice--cookie .u-inputSpacer {
    margin-top: 0
}

.notices--bottom_fixer .notice--cookie .uix_cookieButtonRow {
    margin: 0 -3px -3px 10px
}

@media (max-width:650px) {
    .notices--bottom_fixer .notice--cookie .uix_cookieButtonRow {
        margin-top: 10px;
        margin-left: -3px
    }
}

.notices--bottom_fixer .notice--cookie .uix_cookieButtonRow .button {
    margin: 3px
}

.notices--bottom_fixer .notice--cookie .notice-content>div:first-child {
    flex-grow: 1;
    justify-content: center;
    display: flex;
    flex-direction: column
}

.uix_mobileNodeTitle:before {
    content: "\00a0\00B7\00a0"
}

@media (min-width:650px) {
    .uix_mobileNodeTitle {
        display: none
    }
}

@media (min-width:480px) {
    .p-navgroup-link--user.p-navgroup-link.badgeContainer:after {
        display: none
    }

    .menu-tabHeader .tabs-tab.js-badge--conversations,
    .menu-tabHeader .tabs-tab.js-badge--alerts {
        display: none
    }
}

.menu-tabHeader {
    color: #b5b9c0
}

.menu-tabHeader i {
    font-size: 24px
}

.menu-tabHeader .tabs-tab {
    min-width: 60px;
    text-align: center;
    position: relative
}

.menu-tabHeader .badgeContainer:after {
    position: absolute;
    top: 10px;
    right: 10px
}

.menu {
    transition: cubic-bezier(.4, 0, .2, 1) .26s transform, cubic-bezier(.4, 0, .2, 1) .26s opacity;
    transform: translateY(-10px);
    opacity: 0
}

.menu.is-active {
    transform: translateY(0);
    opacity: 1
}

.input input {
    box-shadow: none !important
}

.uix_sidebarNav .uix_sidebarNav__inner__widgets .block-container,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets .block-container,
.uix_sidebarNav .uix_sidebarNav__inner__widgets .block-minorHeader,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets .block-minorHeader,
.uix_sidebarNav .uix_sidebarNav__inner__widgets .block-footer,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets .block-footer,
.uix_sidebarNav .uix_sidebarNav__inner__widgets .block-body .block-row,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets .block-body .block-row {
    border: none;
    box-shadow: none;
    background: none;
    padding: 0
}

.uix_sidebarNav .uix_sidebarNav__inner__widgets .block-container:not(:last-child),
.offCanvasMenu-content .uix_sidebarNav__inner__widgets .block-container:not(:last-child),
.uix_sidebarNav .uix_sidebarNav__inner__widgets .block-minorHeader:not(:last-child),
.offCanvasMenu-content .uix_sidebarNav__inner__widgets .block-minorHeader:not(:last-child),
.uix_sidebarNav .uix_sidebarNav__inner__widgets .block-footer:not(:last-child),
.offCanvasMenu-content .uix_sidebarNav__inner__widgets .block-footer:not(:last-child),
.uix_sidebarNav .uix_sidebarNav__inner__widgets .block-body .block-row:not(:last-child),
.offCanvasMenu-content .uix_sidebarNav__inner__widgets .block-body .block-row:not(:last-child) {
    padding-bottom: 16px
}

.uix_sidebarNav .uix_sidebarNav__inner__widgets .block:not(:last-child) .block-container,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets .block:not(:last-child) .block-container {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    padding-bottom: 16px
}

.uix_sidebarNav .uix_sidebarNav__inner__widgets .block-minorHeader,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets .block-minorHeader {
    font-size: 1.2rem;
    color: #b5b9c0
}

.uix_sidebarNav .uix_sidebarNav__inner__widgets .block-minorHeader:before,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets .block-minorHeader:before {
    display: none !important
}

.uix_sidebarNav .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .bookmarkRow,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .bookmarkRow {
    line-height: 40px;
    display: flex;
    align-items: center;
    color: #dee0e3
}

.uix_sidebarNav .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .bookmarkRow .contentRow-minor,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .bookmarkRow .contentRow-minor,
.uix_sidebarNav .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .bookmarkRow .bookmarkRow-forum,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .bookmarkRow .bookmarkRow-forum {
    display: none
}

.uix_sidebarNav .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .bookmarkRow .bookmarkRow-content,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .bookmarkRow .bookmarkRow-content {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.uix_sidebarNav .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .block-row,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .block-row {
    padding: 0 !important
}

.uix_sidebarNav .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .contentRow-main.contentRow-main--close,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .contentRow-main.contentRow-main--close {
    padding: 0
}

.uix_sidebarNav .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] i:before,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] i:before,
.uix_sidebarNav .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] a,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] a {
    color: inherit
}

.uix_sidebarNav .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .block-footer,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .block-footer,
.uix_sidebarNav .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .contentRow-main:before,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .contentRow-main:before {
    display: none
}

.uix_sidebarNav .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .contentRow-figure,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .contentRow-figure {
    height: 24px;
    padding-right: 1em;
    font-size: 24px
}

.uix_sidebarNav .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .contentRow-figure .avatar,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .contentRow-figure .avatar,
.uix_sidebarNav .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .contentRow-figure i,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .contentRow-figure i {
    font-size: 24px;
    width: 24px;
    height: 24px;
    vertical-align: inherit
}

.uix_sidebarNav .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .contentRow-figure .node-icon,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .contentRow-figure .node-icon {
    width: auto
}

.uix_sidebarTrigger--phrase {
    display: none
}

.uix_headerInner--opposite a.uix_sidebarTrigger__component {
    padding: 0 4px
}

.uix_headerInner--opposite a.uix_sidebarTrigger__component i {
    margin: 0
}

.uix_originalPoster__icon {
    height: 19px;
    width: 19px;
    background: #4f545e;
    color: #fff;
    display: inline-block;
    border-radius: 100%;
    text-align: center
}

.uix_solutionAttribution {
    color: #63b265
}

.actionBar-action.actionBar-action--vote .contentVote {
    flex-direction: row;
    font-size: inherit;
    min-width: 0px
}

.actionBar-action.actionBar-action--vote .contentVote .contentVote-vote {
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    padding: 0;
    background: #484d56;
    border-radius: 100%;
    transform: initial
}

.actionBar-action.actionBar-action--vote .contentVote .contentVote-vote:before {
    background: none
}

.actionBar-action.actionBar-action--vote .contentVote .contentVote-vote.is-voted {
    background: #63b265;
    color: #fff
}

.actionBar-action.actionBar-action--vote .contentVote .contentVote-vote.is-voted.contentVote-vote--down {
    background: #c84448;
    color: #fff
}

.actionBar-action.actionBar-action--vote .contentVote .contentVote-score {
    padding: 0 10px
}

/********* public:uix_extendedFooter.less ********/
.uix_extendedFooter {
    order: 10;
    background: #212428;
    border-top: 0 solid rgba(255, 255, 255, 0.12);
    padding-top: 48px;
    padding-bottom: 48px
}

.uix_extendedFooter .pageContent {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    width: calc(100% - 40px);
    transition: max-width .2s;
    padding: 0
}

@media (max-width:900px) {
    .uix_extendedFooter .pageContent {
        width: calc(100% - 20px)
    }
}

@media (max-width:900px) {
    .uix_extendedFooter .pageContent {
        padding-left: env(safe-area-inset-left) !important;
        padding-right: env(safe-area-inset-right) !important
    }
}

@media (min-width:1200px) {
    .uix_page--fluid .uix_extendedFooter .pageContent {
        max-width: 100%
    }
}

.uix_extendedFooter .uix_extendedFooterRow {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 16px
}

.uix_extendedFooter .uix_extendedFooterRow .blockLink {
    text-transform: capitalize
}

.uix_extendedFooter .uix_extendedFooterRow>.block {
    flex-basis: 280px;
    margin: 0;
    flex-grow: 1;
    min-width: 0
}

.uix_extendedFooter .uix_extendedFooterRow>.block .block-container {
    margin-left: 0;
    margin-right: 0;
    background: none;
    box-shadow: none
}

.uix_extendedFooter .uix_extendedFooterRow>.block .block-container .block-minorHeader {
    background: none;
    border-bottom-width: 0;
    border-bottom-style: solid;
    padding: 0;
    padding-bottom: 10px
}

.uix_extendedFooter .uix_extendedFooterRow>.block .block-container .block-minorHeader a {
    color: inherit
}

.uix_extendedFooter .uix_extendedFooterRow>.block .block-container .block-row,
.uix_extendedFooter .uix_extendedFooterRow>.block .block-container .blockLink {
    padding-right: 0;
    padding-left: 0
}

.uix_extendedFooter .uix_extendedFooterRow>.block .block-container .block-footer {
    background: none;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0
}

.uix_extendedFooter .uix_extendedFooterRow>.block .block-container .blockLink {
    background: none;
    color: inherit;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12)
}

.uix_extendedFooter .uix_extendedFooterRow>.block .block-container .blockLink a {
    display: block
}

/********* public:uix_socialMedia.less ********/
[data-widget-definition="thuix_socialMedia"] .block-row {
    max-height: 200px;
    overflow-y: auto
}

/********* public:extra.less ********/
.userBanner.my-orange {
    color: black;
    background-color: orange
}

.userBanner.my-purple {
    color: white;
    background-color: #8822bf
}

.userBanner.my-lime {
    color: black;
    background-color: #bfff00
}

.userBanner.my-pink {
    color: white;
    background-color: #f50072
}

.userBanner.my-cherry {
    color: white;
    background-color: #800040
}

.userBanner.my-indigo {
    color: white;
    background-color: #4b0082
}

.userBanner.my-white {
    color: black;
    background-color: #fff
}

.userBanner.my-magenta {
    color: white;
    background-color: #f0f
}

.userBanner.my-crimson {
    color: white;
    background-color: #dc143c
}

.userBanner.my-gold {
    color: black;
    background-color: #ffd700
}

.userBanner.my-azure {
    color: white;
    background-color: #0080ff
}

.userBanner.my-platinum {
    color: black;
    background-color: #e5e4e2
}

.userBanner.my-aqua {
    color: black;
    background-color: #0ff
}

.userBanner.my-gray {
    color: white;
    background-color: #808080
}

.userBanner.my-ice {
    color: black;
    background-color: #b6f1fe
}

.userBanner.my-chilli {
    color: white;
    background-color: #e32227
}

.userBanner.my-choco {
    color: white;
    background-color: #bf835c
}

.userBanner.my-moscow {
    color: white;
    background-color: #ff2b3b
}

.userBanner.my-spb {
    color: white;
    background-color: #11a6fa
}

.userBanner.my-ufa {
    color: black;
    background-color: #ffba08
}

.userBanner.my-sochi {
    color: black;
    background-color: #01afd6
}

.userBanner.my-kazan {
    color: white;
    background-color: #007db2
}

.userBanner.my-samara {
    color: white;
    background-color: #82339d
}

.userBanner.my-rostov {
    color: black;
    background-color: #fbb040
}

.userBanner.my-anapa {
    color: white;
    background-color: #24acf8
}

.userBanner.my-ekb {
    color: black;
    background-color: #93f0a4
}

.userBanner.my-krasnodar {
    color: white;
    background-color: #a03429
}

.userBanner.my-krasnodar {
    color: white;
    background-color: #a03429
}

.userBanner.my-arzamas {
    color: black;
    background-color: #fff72d
}

.userBanner.my-novosibirsk {
    color: black;
    background-color: #99d53b
}

.userBanner.my-grozny {
    color: white;
    background-color: #009622
}

.userBanner.my-saratov {
    color: white;
    background-color: #0597eb
}

.userBanner.my-omsk {
    color: black;
    background-color: #58e1a5
}

.userBanner.my-irkutsk {
    color: black;
    background-color: #06e1ff
}

.userBanner.my-volgograd {
    color: white;
    background-color: #fe0000
}

.userBanner.my-voronezh {
    color: black;
    background-color: #fff200
}

.userBanner.my-belgorod {
    color: white;
    background-color: #0039a6
}

.userBanner.my-makhachkala {
    color: white;
    background-color: #42ad42
}

.userBanner.my-vladikavkaz {
    color: white;
    background-color: #8eb0d9
}

.userBanner.my-vladivostok {
    color: white;
    background-color: #3a95ff
}

.userBanner.my-kaliningrad {
    color: black;
    background-color: #f0ebc9
}

.userBanner.my-chelyabinsk {
    color: white;
    background-color: #ff6b00
}

.userBanner.my-krasnoyarsk {
    color: white;
    background-color: #d99d1c
}

.userBanner.my-cheboksary {
    color: white;
    background-color: #6cbb74
}

.userBanner.my-khabarovsk {
    color: white;
    background-color: #0184c4
}

.userBanner.my-perm {
    color: black;
    background-color: #ffd700
}

.userBanner.my-tula {
    color: black;
    background-color: #f2b647
}

.userBanner.my-ryazan {
    color: white;
    background-color: #c659eb
}

.userBanner.my-murmansk {
    color: white;
    background-color: #396797
}

.userBanner.my-penza {
    color: black;
    background-color: #53e295
}

.userBanner.my-kursk {
    color: white;
    background-color: #9e1c00
}

.userBanner.my-arkhangelsk {
    color: white;
    background-color: #ff007a
}

.userBanner.my-orenburg {
    color: white;
    background-color: #e39012
}

.userBanner.my-kirov {
    color: white;
    background-color: #939393
}

.userBanner.my-kemerovo {
    color: white;
    background-color: #f61a1b
}

.userBanner.my-tyumen {
    color: black;
    background-color: #44c9f3
}

.userBanner.my-tolyatti {
    color: white;
    background-color: #8f00ff
}

.userBanner.my-ivanovo {
    color: black;
    background-color: #d5af80
}

.userBanner.my-stavropol {
    color: white;
    background-color: #3f6be9
}

.userBanner.my-smolensk {
    color: white;
    background-color: #ee703e
}

.userBanner.my-pskov {
    color: white;
    background-color: #63a62e
}

.userBanner.my-bryansk {
    color: black;
    background-color: #26eebe
}

.userBanner.my-orel {
    color: black;
    background-color: #ffea03
}

.userBanner.my-yaroslavl {
    color: white;
    background-color: #d01d0d
}

.userBanner.my-barnaul {
    color: white;
    background-color: #797cc7
}

.userBanner.my-lipetsk {
    color: black;
    background-color: #ccd0da
}

.userBanner.my-ulyanovsk {
    color: white;
    background-color: #b55624
}

.userBanner.my-yakutsk {
    color: black;
    background-color: #44bffc
}

.userBanner.my-tambov {
    color: white;
    background-color: #959595
}

.userBanner.my-bratsk {
    color: white;
    background-color: #e0c1a0
}

.userBanner.my-astrakhan {
    color: white;
    background-color: #f7243a
}

.userBanner.my-chita {
    color: black;
    background-color: #35ca68
}

.userBanner.my-kostroma {
    color: black;
    background-color: #f1b10d
}

.userBanner.my-vladimir {
    color: white;
    background-color: #f58041
}

.userBanner.my-kaluga {
    color: white;
    background-color: #3032a4
}

.userBanner.my-novgorod {
    color: black;
    background-color: #ffc700
}

.userBanner.my-taganrog {
    color: white;
    background-color: #984fcf
}

.userBanner.my-vologda {
    color: white;
    background-color: #f54141
}

.userBanner.my-tver {
    color: white;
    background-color: #84b6ff
}

.userBanner.my-tomsk {
    color: black;
    background-color: #00e9b2
}

.userBanner.my-izhevsk {
    color: white;
    background-color: #00a2a4
}

.userBanner.my-surgut {
    color: white;
    background-color: #4f27de
}

.userBanner.my-podolsk {
    color: white;
    background-color: #b7a67e
}

.userBanner.my-magadan {
    color: white;
    background-color: #b1c1c7
}

.userBanner.my-cherepovets {
    color: white;
    background-color: #3885e9
}

.userBanner.my-norilsk {
    color: black;
    background-color: #aed4f6
}

.userBanner.my-astana {
    color: black;
    background-color: #7AC8D4
}

.userBanner.my-tech {
    color: white;
    background-color: #ff4500
}

.userBanner.my-curator {
    color: white;
    background-color: #a000a0
}

.userBanner.my-deputy-curator {
    color: black;
    background-color: #C397F0
}

.userBanner.my-head-tech {
    color: white;
    background-color: #6C5CE7
}

.userBanner.my-senior-support {
    color: black;
    background-color: #ee82ee
}

.userBanner.my-senior-social {
    color: black;
    background-color: #8095D9
}

.userBanner.my-senior-crime {
    color: white;
    background-color: #191919
}

.userBanner.my-senior-force {
    color: white;
    background-color: #0000FF
}

.userBanner.my-sled-cb {
    color: black;
    background-color: #ffb9c9
}

.userBanner.my-sled-pravo {
    color: black;
    background-color: #ffff99
}

.userBanner.my-sled-force {
    color: white;
    background-color: #0000FF
}

.userBanner.my-sled-army {
    color: white;
    background-color: #895129
}

.userBanner.my-sled-smi {
    color: white;
    background-color: #d84418
}

.userBanner.my-sled-aopg {
    color: white;
    background-color: #006400
}

.userBanner.my-sled-bopg {
    color: white;
    background-color: #9370db
}

.userBanner.my-sled-lopg {
    color: black;
    background-color: #FFA500
}

.userBanner.my-junior-tester {
    color: black;
    background-color: #0ff
}

.userBanner.my-tester {
    color: black;
    background-color: #0ff
}

.userBanner.my-senior-tester {
    color: black;
    background-color: #0ff
}

.userBanner.my-quality-control {
    color: black;
    background-color: #0ff
}

.userBanner.my-head-quality-control {
    color: black;
    background-color: #0ff
}

.userBanner.my-deputy-head-testers {
    color: black;
    background-color: #0ff
}

.userBanner.my-chief-forum-moderators {
    color: white;
    background-color: #0087ff
}

.userBanner.my-forum-moderators {
    color: white;
    background-color: #0087ff
}

.label.appeal {
    color: black;
    background-color: #FF9999
}

.label.complaint {
    color: white;
    background-color: #00BFFF
}