@charset "UTF-8";

/********* public:bb_code.less ********/
.bbCodeBlock {
    display: flow-root;
    margin: .5em 0;
    background: #42464d;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-left: 2px solid #212428
}

.bbCodeBlock.bbCodeBlock--quote .bbCodeBlock-content {
    font-size: 1.3rem
}

.bbCodeBlock-title {
    padding: 10px 16px;
    font-size: 1.3rem;
    color: #db2309;
    background: #3d4148
}

.bbCodeBlock-title:before,
.bbCodeBlock-title:after {
    content: " ";
    display: table
}

.bbCodeBlock-title:after {
    clear: both
}

a.bbCodeBlock-sourceJump {
    color: inherit;
    text-decoration: none
}

a.bbCodeBlock-sourceJump:hover {
    text-decoration: underline
}

a.bbCodeBlock-sourceJump:after {
    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: "\f0aa";
    width: 1.28571429em;
    text-align: center;
    display: inline-block;
    margin-left: 5px
}

.bbCodeBlock-content {
    position: relative;
    padding: 10px 16px
}

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

.bbCodeBlock-content:after {
    clear: both
}

.bbCodeBlock--code .bbCodeBlock-content {
    background-color: #383c42;
    color: #fff
}

.bbCodeBlock-expandLink {
    display: none;
    position: absolute;
    top: 95px;
    left: 0;
    right: 0;
    height: 75px;
    cursor: pointer;
    z-index: 100;
    background: transparent;
    background: linear-gradient(to bottom, rgba(66, 70, 77, 0) 0%, #42464d 60%)
}

.bbCodeBlock-expandLink a {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 1.3rem;
    color: #db2309;
    text-decoration: none
}

.bbCodeBlock--screenLimited .bbCodeBlock-content {
    max-height: 300px;
    max-height: 70vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.bbCodeBlock--expandable {
    overflow: hidden;
    -webkit-transition: -xf-height .2s ease, height .2s ease, padding .2s ease, margin .2s ease, border .2s ease;
    transition: -xf-height .2s ease, height .2s ease, padding .2s ease, margin .2s ease, border .2s ease
}

.bbCodeBlock--expandable .bbCodeBlock-content {
    overflow: hidden
}

.bbCodeBlock--expandable .bbCodeBlock-content .bbCodeBlock:not(.bbCodeBlock--expandable) .bbCodeBlock-content {
    overflow: visible
}

.bbCodeBlock--expandable .bbCodeBlock-content .bbCodeBlock.bbCodeBlock--screenLimited .bbCodeBlock-content {
    overflow: auto
}

.bbCodeBlock--expandable .bbCodeBlock-expandContent {
    max-height: 150px;
    overflow: hidden
}

.bbCodeBlock--expandable.is-expandable .bbCodeBlock-expandLink {
    display: block
}

.bbCodeBlock--expandable.is-expanded .bbCodeBlock-expandContent {
    max-height: none
}

.bbCodeBlock--expandable.is-expanded .bbCodeBlock-expandLink {
    display: none
}

.bbCodeBlock--unfurl {
    color: #fff;
    background: #484d56;
    padding: 10px;
    width: 650px;
    max-width: 100%;
    border-left: 2px solid #212428;
    overflow: hidden
}

.bbCodeBlock--unfurl .contentRow-header {
    margin: 0;
    font-size: 1.4rem;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis
}

.bbCodeBlock--unfurl .contentRow-snippet {
    font-size: 1.2rem;
    font-style: normal
}

.bbCodeBlock--unfurl .contentRow-minor {
    font-size: 1.2rem
}

.bbCodeBlock--unfurl.is-pending {
    opacity: 0.5
}

.bbCodeBlock--unfurl.is-pending.is-recrawl {
    opacity: 1
}

.bbCodeBlock--unfurl.is-simple .contentRow-figure {
    display: none
}

.bbCodeBlock--unfurl .bbCodeBlockUnfurl-icon {
    width: 12px;
    vertical-align: -2px
}

.bbCodeCode {
    margin: 0;
    padding: 0;
    font-family: 'Roboto Mono', 'Andale Mono', 'Ubuntu Mono', monospace;
    font-size: 1.3rem;
    line-height: 1.4;
    text-align: left;
    direction: ltr;
    white-space: pre;
    position: relative;
    -moz-tab-size: 4;
    tab-size: 4
}

.has-hiddenscroll .bbCodeCode {
    padding-bottom: 16px
}

.bbCodeCode code {
    font-family: inherit
}

.bbCodeCode .prism-token.prism-comment,
.bbCodeCode .prism-token.prism-prolog,
.bbCodeCode .prism-token.prism-doctype,
.bbCodeCode .prism-token.prism-cdata {
    color: #8292a2
}

.bbCodeCode .prism-token.prism-constant {
    color: #f92672
}

.bbCodeCode .prism-token.prism-tag {
    color: #f92672
}

.bbCodeCode .prism-token.prism-boolean {
    color: #ae81ff
}

.bbCodeCode .prism-token.prism-symbol,
.bbCodeCode .prism-token.prism-atrule,
.bbCodeCode .prism-token.prism-keyword {
    color: #e6db74
}

.bbCodeCode .prism-token.prism-selector,
.bbCodeCode .prism-token.prism-function {
    color: #e6db74
}

.bbCodeCode .prism-token.prism-deleted {
    color: #d44
}

.bbCodeCode .prism-token.prism-inserted {
    color: #292
}

.bbCodeCode .prism-token.prism-string,
.bbCodeCode .prism-token.prism-attr-value {
    color: #a6e22e
}

.bbCodeCode .prism-token.prism-number {
    color: #ae81ff
}

.bbCodeCode .prism-token.prism-attr-name,
.bbCodeCode .prism-token.prism-char,
.bbCodeCode .prism-token.prism-builtin {
    color: #a6e22e
}

.bbCodeCode .prism-token.prism-regex,
.bbCodeCode .prism-token.prism-important,
.bbCodeCode .prism-token.prism-variable,
.bbCodeCode .prism-token.prism-package {
    color: #fd971f
}

.bbCodeCode .prism-token.prism-class-name,
.bbCodeCode .prism-token.prism-important,
.bbCodeCode .prism-token.prism-bold {
    color: #e6db74
}

.bbCodeCode .prism-token.prism-bold {
    font-weight: bold
}

.bbCodeCode .prism-token.prism-italic,
.bbCodeCode .prism-token.prism-constant {
    color: #f92672;
    font-style: italic
}

.bbCodeCode .prism-token.prism-entity {
    cursor: help
}

.bbCodeInline {
    margin: 0;
    font-size: 90%;
    background: #42464d;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 3px;
    padding-top: 1px;
    padding-right: 4px;
    padding-bottom: 1px;
    padding-left: 4px;
    font-family: 'Roboto Mono', 'Andale Mono', 'Ubuntu Mono', monospace;
    line-height: 1.4;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    white-space: pre-wrap
}

.bbCodeSpoiler {
    margin: .5em 0
}

.has-no-js .bbCodeSpoiler-button {
    display: none
}

.bbCodeSpoiler-content {
    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
}

.bbCodeSpoiler-content.is-active {
    display: block
}

.bbCodeSpoiler-content.is-active {
    display: block;
    opacity: 1
}

.bbCodeSpoiler-content.is-transitioning {
    display: block
}

.bbCodeSpoiler-content.is-active {
    height: auto;
    overflow-y: visible
}

.bbCodeSpoiler-content.is-transitioning {
    overflow-y: hidden
}

.has-no-js .bbCodeSpoiler-content {
    display: block !important
}

.bbCodeSpoiler-content>.bbCodeBlock--spoiler {
    margin: .2em 0 0
}

.bbCodeInlineSpoiler {
    filter: blur(6px);
    cursor: pointer
}

.has-js .bbCodeInlineSpoiler a,
.has-js .bbCodeInlineSpoiler span {
    pointer-events: none
}

.bbCodeInlineSpoiler .smilie {
    filter: grayscale(90%)
}

.bbCodeInlineSpoiler:hover {
    filter: blur(5px)
}

/********* public:lightbox.less ********/
body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image::before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable='true'] {
    cursor: text
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, 0.6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: none
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
    display: none
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.84999999999999%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

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

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1)
}

@media all and (max-height:576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right))
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, 0.1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .9399999999999999);
    z-index: 99991
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1
}

@media all and (max-width:576px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

body.compensate-for-scrollbar {
    margin-right: 0 !important
}

.fancybox-container {
    z-index: 700
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: inherit
}

.fancybox-slide--image .fancybox-content {
    left: 0
}

.fancybox-slide--video .fancybox-content iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-slide--embed .fancybox-content {
    box-shadow: none;
    background: transparent;
    padding: 0
}

.fancybox-slide--embed .fancybox-content .bbMediaWrapper,
.fancybox-slide--embed .fancybox-content .bbMediaJustifier,
.fancybox-slide--embed .fancybox-content .bbOembed {
    margin-left: auto;
    margin-right: auto
}

.fancybox-slide--embed .fancybox-content .bbMediaWrapper-inner {
    position: static
}

.fancybox-slide--embed .fancybox-content iframe {
    margin-bottom: 0
}

.fancybox-progress {
    background: #db2309
}

@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    .fancybox-inner {
        --backdrop-filter: blur(0px);
        -webkit-backdrop-filter: var(--backdrop-filter);
        backdrop-filter: var(--backdrop-filter)
    }
}

@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .fancybox-inner {
        background: none
    }
}

@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    .fancybox-is-open .fancybox-inner {
        --backdrop-filter: blur(5px);
        -webkit-backdrop-filter: var(--backdrop-filter);
        backdrop-filter: var(--backdrop-filter)
    }
}

@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .fancybox-is-open .fancybox-inner {
        background: none
    }
}

.fancybox-content {
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5)
}

.fancybox-container {
    --fancybox-thumb-size: 150px
}

@media (max-width:480px),
(max-height:480px) {
    .fancybox-container {
        --fancybox-thumb-size: 75px
    }
}

.fancybox-thumbs__list a {
    width: var(--fancybox-thumb-size);
    height: var(--fancybox-thumb-size)
}

.fancybox-thumbs__list a::before {
    border: 2px solid #eee;
    background: radial-gradient(transparent, rgba(0, 0, 0, 0.75))
}

.fancybox-show-thumbs .fancybox-inner {
    right: 0;
    bottom: var(--fancybox-thumb-size)
}

.fancybox-button>i {
    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: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-is-zoomable .fancybox-button.fancybox-button--zoom>i:before,
.fancybox-button.fancybox-button--zoom[disabled]>i:before {
    content: "\f00e";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.fancybox-is-zoomable .fancybox-button.fancybox-button--zoom>i:nth-child(1),
.fancybox-button.fancybox-button--zoom[disabled]>i:nth-child(1) {
    display: block
}

.fancybox-is-zoomable .fancybox-button.fancybox-button--zoom>i:nth-child(2),
.fancybox-button.fancybox-button--zoom[disabled]>i:nth-child(2) {
    display: none
}

.fancybox-can-pan .fancybox-button.fancybox-button--zoom>i:before {
    content: "\f010";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.fancybox-can-pan .fancybox-button.fancybox-button--zoom>i:nth-child(1) {
    display: none
}

.fancybox-can-pan .fancybox-button.fancybox-button--zoom>i:nth-child(2) {
    display: block
}

.fancybox-button.fancybox-button--nw>i:before {
    content: "\f08e";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.fancybox-button.fancybox-button--fsenter>i:before {
    content: "\f065";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.fancybox-button.fancybox-button--fsenter>i:nth-child(2) {
    display: none
}

.fancybox-button.fancybox-button--fsexit>i:before {
    content: "\f066";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.fancybox-button.fancybox-button--fsexit>i:nth-child(1) {
    display: none
}

.fancybox-button.fancybox-button--download>i:before {
    content: "\f019";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.fancybox-button.fancybox-button--thumbs>i:before {
    content: "\f58d";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.fancybox-button.fancybox-button--close>i:before {
    content: "\f00d";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.fancybox-button.fancybox-button--sidebartoggle>i:before {
    content: "\f323";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.fancybox-show-sidebar .fancybox-button.fancybox-button--sidebartoggle>i:before {
    content: "\f324";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.fancybox-button.fancybox-button--arrow_left>i {
    padding: 7px;
    height: 100%
}

.fancybox-button.fancybox-button--arrow_left>i:before {
    content: "\f053";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.fancybox-button.fancybox-button--arrow_right>i {
    height: 100%;
    padding: 7px
}

.fancybox-button.fancybox-button--arrow_right>i:before {
    content: "\f054";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.fancybox-button.fancybox-button--play>i:before {
    content: "\f04b";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.fancybox-button.fancybox-button--play>i:nth-child(2) {
    display: none
}

.fancybox-button.fancybox-button--pause>i:before {
    content: "\f04c";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.fancybox-button.fancybox-button--pause>i:nth-child(1) {
    display: none
}

.fancybox-sidebartoggle {
    display: none;
    text-align: right
}

.fancybox-has-sidebar .fancybox-sidebartoggle {
    display: block
}

.fancybox-navigation .fancybox-button {
    background: transparent
}

.fancybox-navigation .fancybox-button i {
    background: rgba(30, 30, 30, 0.6)
}

.fancybox-caption {
    padding-top: 60px;
    padding-bottom: max(10px, env(safe-area-inset-bottom))
}

.fancybox-caption__body h4,
.fancybox-caption__body p {
    margin: 0
}

.fancybox-thumbs {
    top: auto;
    width: auto;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    padding: 0 10px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.3)
}

.fancybox-show-thumbs .fancybox-inner {
    right: 0
}

.fancybox-show-thumbs .fancybox-inner,
.fancybox-show-thumbs .fancybox-sidebar {
    bottom: var(--fancybox-thumb-size);
    margin-bottom: 4px
}

.fancybox-navigation .fancybox-button i,
.fancybox-thumbs__list a,
.fancybox-thumbs__list a:before,
.fancybox-image {
    border-radius: 5px
}

.fancybox-show-sidebar .fancybox-inner {
    right: 360px
}

.fancybox-sidebar {
    background: #383c42;
    bottom: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 360px;
    z-index: 700;
    overflow-y: auto;
    display: none
}

.fancybox-sidebar.is-active {
    display: block
}

.fancybox-sidebar-loader {
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    pointer-events: none;
    color: #fff;
    background: rgba(56, 60, 66, 0.9);
    z-index: 200
}

.is-loading .fancybox-sidebar-loader {
    opacity: 1
}

.is-loading .fancybox-sidebar-loader .fa--xf {
    animation-name: spin
}

.fancybox-sidebar-loader .fa--xf {
    position: absolute;
    left: calc(50% - 0.5em);
    top: calc(50% - 0.5em);
    animation-duration: 1000ms;
    animation-iteration-count: infinite
}

@media (max-width:900px) {
    .fancybox-sidebar .block-row {
        padding: 4px 10px
    }

    .fancybox-sidebar .xfmgInfoBlock-title .contentRow-figure {
        display: none
    }

    .fancybox-sidebar .xfmgInfoBlock-title .contentRow-main {
        padding-left: 0
    }

    .fancybox-sidebar .message-responseRow .comment-avatar {
        display: none
    }

    .fancybox-sidebar .message-responseRow .comment-main {
        padding-left: 0
    }
}

@media (max-width:900px) {
    .fancybox-sidebar .block-container {
        margin: 0
    }
}

/********* public:message.less ********/
.message+.message,
.message.message--bordered {
    border-top: 1px solid rgba(255, 255, 255, 0.12)
}

.message.is-mod-selected,
.block--messages .message.is-mod-selected {
    background: #363a3f
}

.message.is-mod-selected .message-cell--user,
.block--messages .message.is-mod-selected .message-cell--user,
.message.is-mod-selected .message-cell--main,
.block--messages .message.is-mod-selected .message-cell--main,
.message.is-mod-selected .message-cell--vote,
.block--messages .message.is-mod-selected .message-cell--vote {
    background: #363a3f
}

.message.is-mod-selected .message-userArrow:after,
.block--messages .message.is-mod-selected .message-userArrow:after {
    border-right-color: #363a3f
}

.message-inner {
    display: flex
}

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

.message-cell {
    display: block;
    vertical-align: top;
    padding: 10px
}

.message--quickReply .message-cell>.formRow:last-child>dd {
    padding-bottom: 0
}

.message-cell.message-cell--closer {
    padding: 10px
}

.message-cell.message-cell--closer.message-cell--user {
    flex: 0 0 140px
}

.message--simple .message-cell.message-cell--closer.message-cell--user {
    flex: 0 0 90px
}

.message-cell.message-cell--closer.message-cell--action {
    flex: 0 0 60px
}

.message-cell.message-cell--user,
.message-cell.message-cell--action {
    position: relative;
    background: #42464d;
    border-right: 1px solid rgba(255, 255, 255, 0.12);
    min-width: 0
}

.message-cell.message-cell--vote {
    position: relative;
    background: #42464d;
    border-left: 1px solid rgba(255, 255, 255, 0.12);
    border-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding: 0
}

.message--solution .message-cell.message-cell--vote {
    background: #daf3d8
}

.message--solution .message-cell.message-cell--vote .contentVote {
    color: #3d793f
}

.message-cell.message-cell--vote .solutionIcon {
    margin-top: 10px
}

.message-cell.message-cell--user {
    flex: 0 0 140px
}

.message--simple .message-cell.message-cell--user {
    flex: 0 0 90px
}

.message-cell.message-cell--action {
    flex: 0 0 60px
}

.message-cell.message-cell--main {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0
}

.message-cell.message-cell--main.is-editing {
    padding: 0
}

.message-cell.message-cell--main .block {
    margin: 0
}

.message-cell.message-cell--main .block-container {
    margin: 0;
    border: none
}

.message-cell.message-cell--alert {
    font-size: 1.3rem;
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    color: #dee0e3;
    background: #212428
}

.message-cell.message-cell--alert a {
    color: #212428
}

.message-cell.message-cell--extra {
    flex: 0 0 200px;
    border-left: 1px solid rgba(255, 255, 255, 0.12);
    background: #42464d
}

.message-cell.message-cell--extra .formRow-explain {
    margin: 10px 0 0;
    font-size: 1.3rem;
    color: #b5b9c0;
    font-size: 80%
}

.message-cell.message-cell--extra .formRow-explain a {
    color: inherit;
    text-decoration: underline
}

.message-cell.message-cell--header,
.message-cell.message-cell--solutionHeader {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    padding: 16px 16px;
    margin: 0
}

.message-cell.message-cell--header {
    font-weight: 400;
    text-decoration: none;
    font-size: 1.5rem;
    color: #fff;
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    border-bottom: none
}

.message-cell.message-cell--header a {
    color: inherit;
    text-decoration: none
}

.message-cell.message-cell--header a:hover {
    text-decoration: underline
}

.message-cell.message-cell--solutionHeader {
    color: #3d793f;
    font-size: 1.5rem;
    background: #daf3d8;
    border-left: 2px solid #63b265
}

.message-main {
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0
}

.has-browser-safari .uix_message--condensed .message-main {
    height: auto
}

.message-content {
    flex: 1 1 auto;
    min-height: 1px;
    max-width: 100%
}

.message-footer {
    margin-top: auto
}

.message-expandWrapper {
    position: relative;
    overflow: hidden;
    -webkit-transition: -xf-height height ease;
    transition: -xf-height height ease
}

.message-expandWrapper .message-expandContent {
    max-height: 250px;
    overflow: hidden
}

.message-expandWrapper .message-expandContent--small {
    max-height: 160px
}

.message-expandWrapper.is-expandable .message-expandLink {
    display: block
}

.message-expandWrapper.is-expanded .message-expandContent {
    max-height: none
}

.message-expandWrapper.is-expanded .message-expandLink {
    display: none
}

.message-column {
    display: flex;
    flex-direction: column;
    align-items: center
}

.message-expandLink {
    display: none;
    position: absolute;
    top: 60%;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: pointer;
    z-index: 100;
    background: transparent;
    background: linear-gradient(to bottom, rgba(56, 60, 66, 0) 0%, #383c42 70%)
}

.message-expandLink:empty {
    cursor: auto;
    background: transparent;
    background: linear-gradient(to bottom, rgba(56, 60, 66, 0) 0%, #383c42 100%)
}

.message-expandLink a {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 1.3rem;
    color: #db2309;
    text-decoration: none
}

form.message--simple .message-cell--main {
    flex-direction: column;
    padding: 16px
}

.message--quickReply .message-cell--main {
    flex-direction: column;
    padding: 10px
}

@media (max-width:650px) {
    .message:not(.message--forceColumns) .message-inner {
        display: block
    }

    .message:not(.message--forceColumns) .message-cell {
        display: block
    }

    .message:not(.message--forceColumns) .message-cell:before,
    .message:not(.message--forceColumns) .message-cell:after {
        content: " ";
        display: table
    }

    .message:not(.message--forceColumns) .message-cell:after {
        clear: both
    }

    .message:not(.message--forceColumns) .message-cell.message-cell--user {
        width: auto;
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.12)
    }

    .message:not(.message--forceColumns) .message-cell.message-cell--vote {
        width: auto;
        border-left: none;
        border-top: 1px solid rgba(255, 255, 255, 0.12)
    }

    .message:not(.message--forceColumns) .message-cell.message-cell--vote .solutionIcon {
        margin-top: 0
    }

    .message:not(.message--forceColumns) .message-cell.message-cell--extra {
        width: auto;
        border-left: none;
        border-top: 1px solid rgba(255, 255, 255, 0.12)
    }

    .message:not(.message--forceColumns) .message-column {
        flex-direction: row;
        justify-content: space-evenly
    }

    .message--simple:not(.message--forceColumns) .message-cell.message-cell--user,
    .message--quickReply:not(.message--forceColumns) .message-cell.message-cell--user {
        display: none
    }
}

.message-userArrow {
    position: absolute;
    top: 20px;
    right: -1px;
    border: 10px solid transparent;
    border-left-width: 0;
    border-right-color: rgba(255, 255, 255, 0.12);
    display: none
}

.message-userArrow:after {
    position: absolute;
    top: -9px;
    right: -10px;
    content: "";
    border: 9px solid transparent;
    border-left-width: 0;
    border-right-color: #383c42
}

.message-avatar {
    text-align: center
}

.message-avatar .avatar {
    vertical-align: bottom;
    max-width: 120px;
    max-height: 120px
}

.message-avatar-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: .5em
}

.message-avatar-wrapper .message-avatar-online {
    position: absolute;
    left: 50%;
    margin-left: -.615em;
    bottom: -.5em
}

.message-avatar-wrapper .message-avatar-online: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: "\f2bd";
    width: .969em;
    text-align: center;
    line-height: 1;
    font-weight: bold;
    color: #7fb900;
    background: #383c42;
    border: #383c42 solid 2px;
    background: ;
    border-color: ;
    background: #42464d;
    border-color: #42464d;
    border-radius: 50%;
    display: inline-block
}

.message-name {
    font-weight: 500;
    font-size: inherit;
    text-align: center;
    margin: 0
}

.message-userTitle {
    font-size: 1.2rem;
    font-weight: normal;
    text-align: center;
    margin: 0
}

.message-userBanner.userBanner {
    margin-top: 3px
}

@media (min-width:650px) {
    .message-userBanner.userBanner {
        display: block
    }
}

.message-userExtras {
    font-size: 1.2rem
}

.message-userExtras dl.pairs dt:after {
    content: ''
}

.message-userExtras .pairs {
    display: flex;
    align-items: center;
    margin-top: 3px
}

.message-userExtras .pairs i {
    font-size: 18px
}

.message-userExtras .pairs dd {
    min-width: 0;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left
}

.message--deleted .message-userDetails {
    display: none
}

.message--deleted .message-avatar .avatar {
    width: 48px;
    height: 48px;
    font-size: 29px
}

@media (min-width:650px) {
    .message-userDetails {
        text-align: center
    }
}

@media (max-width:650px) {
    .uix_messagePostBitWrapper {
        display: flex;
        flex-grow: 1;
        flex-direction: column;
        min-width: 0;
        max-width: 100%
    }

    .message:not(.message--forceColumns) .message-userArrow {
        top: auto;
        right: auto;
        bottom: -1px;
        left: 24px;
        border: none;
        border: 10px solid transparent;
        border-top-width: 0;
        border-bottom-color: rgba(255, 255, 255, 0.12)
    }

    .message:not(.message--forceColumns) .message-userArrow:after {
        top: auto;
        right: auto;
        left: -9px;
        bottom: -10px;
        border: none;
        border: 9px solid transparent;
        border-top-width: 0;
        border-bottom-color: #383c42
    }

    .message:not(.message--forceColumns).is-mod-selected .message-userArrow:after {
        border-color: transparent;
        border-bottom-color: #363a3f
    }

    .message:not(.message--forceColumns) .message-user {
        display: flex
    }

    .message:not(.message--forceColumns) .message-avatar {
        margin-bottom: 0
    }

    .message:not(.message--forceColumns) .message-avatar .avatar {
        width: 48px;
        height: 48px;
        font-size: 29px
    }

    .message:not(.message--forceColumns) .message-avatar .avatar+.message-avatar-online {
        left: auto;
        right: 0
    }

    .message:not(.message--forceColumns) .message-userDetails {
        flex: 1;
        min-width: 0;
        padding-left: 10px;
        width: 100%
    }

    .message:not(.message--forceColumns) .message-userExtras {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding-left: 10px;
        padding-top: 4px
    }

    .message:not(.message--forceColumns) .message-userExtras .pairs {
        margin-right: 10px;
        line-height: 1.3
    }

    .message:not(.message--forceColumns) .message-name {
        text-align: left
    }

    .message:not(.message--forceColumns) .message-userTitle,
    .message:not(.message--forceColumns) .message-userBanner.userBanner {
        display: inline-block;
        text-align: left;
        margin: 0
    }

    .message:not(.message--forceColumns) .message--deleted .message-userDetails {
        display: block
    }
}

.message-content {
    position: relative
}

.message-content .js-selectToQuoteEnd {
    height: 0;
    font-size: 0;
    overflow: hidden
}

.message--multiQuoteList .message-content {
    min-height: 80px;
    max-height: 120px;
    overflow: hidden
}

.message--multiQuoteList .message-content .message-body {
    pointer-events: none
}

.message-attribution {
    color: #b5b9c0;
    font-size: 1.2rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    padding-bottom: 3px;
    border-width: 0;
    border-style: solid;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.message-attribution.message-attribution--plain {
    border-bottom: none;
    font-size: inherit
}

.message-attribution.message-attribution--split {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    grid-gap: 10px
}

.message-attribution.message-attribution--split .message-attribution-opposite {
    margin-left: auto
}

.message-attribution-main {
    float: left;
    margin-right: 10px
}

.message-attribution-opposite {
    float: right
}

.message-attribution-opposite.message-attribution-opposite--list {
    display: flex;
    line-height: 1;
    list-style: none;
    margin: 0;
    padding: 0
}

.message-attribution-opposite.message-attribution-opposite--list>li {
    margin-left: 14px
}

.message-attribution-opposite.message-attribution-opposite--list>li:first-child {
    margin-left: 0
}

.message-attribution-opposite a {
    color: inherit
}

.message-attribution-opposite a:hover {
    text-decoration: none;
    color: #fff
}

.message-attribution-gadget {
    display: inline-block;
    margin: -3px -7px;
    padding: 3px 7px
}

.message-attribution-source {
    font-size: 1.2rem;
    margin-bottom: 4px
}

.message-attribution-user {
    font-weight: 500
}

.message-attribution-user .avatar {
    display: none
}

.message-attribution-user .attribution {
    display: inline;
    font-size: inherit;
    font-weight: inherit;
    margin: 0
}

.message-newIndicator,
a.message-newIndicator {
    font-size: 90%;
    color: #fff;
    background: #212428;
    border-radius: 3px;
    padding-top: 1px;
    padding-right: 4px;
    padding-bottom: 1px;
    padding-left: 4px;
    white-space: nowrap
}

a.message-newIndicator:hover {
    color: #fff
}

.message-minorHighlight {
    font-size: 1.3rem;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px
}

.message-fields {
    margin: 10px 0;
    padding: 10px;
    padding-top: 0;
    margin: 0
}

.message--simple .message-fields {
    margin-top: 10px;
    margin-bottom: 10px
}

.message-fields:last-child {
    margin-bottom: 0
}

.message-fields dt,
.message-fields dd {
    vertical-align: top
}

.message-fields .pairs dd {
    display: inline-block
}

.message-body {
    margin: 10px 0;
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    padding-bottom: 10px;
    margin: 0
}

.message-body:before,
.message-body:after {
    content: " ";
    display: table
}

.message-body:after {
    clear: both
}

.message--simple .message-body {
    margin-bottom: 10px
}

.message-body:last-child {
    margin-bottom: 0
}

.message-body .message-title {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0 0 10px 0;
    padding: 0
}

.message-attachments {
    margin: .5em 0;
    background: #484d56;
    padding: 10px;
    margin-top: 0;
    margin-bottom: 10px
}

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

.message-lastEdit {
    margin-top: .5em;
    color: #b5b9c0;
    font-size: 1.2rem;
    text-align: right;
    padding: 0 10px 10px
}

.message-signature {
    margin-top: 10px;
    font-size: 1.2rem;
    color: #b5b9c0;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 0
}

.message-actionBar .actionBar-set {
    font-size: 1.3rem
}

.message .likesBar {
    margin-top: 10px;
    padding: 10px;
    background: none;
    border-width: 0;
    border-style: solid;
    padding: 0;
    padding-bottom: 10px;
    margin: 0
}

.message .reactionsBar {
    margin-top: 10px;
    padding: 10px;
    background: none;
    border-width: 0;
    border-style: solid;
    padding: 0;
    padding-bottom: 10px;
    margin: 0
}

.message-historyTarget {
    margin-top: 10px
}

.message-gradient {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: #383c42;
    background: linear-gradient(to bottom, rgba(56, 60, 66, 0) 0%, #383c42 90%)
}

.message-responses {
    margin-top: 10px;
    font-size: 1.3rem
}

.message-responses .editorPlaceholder .input {
    font-size: inherit
}

.message-responseRow {
    margin-top: -1px;
    background: #42464d;
    border: 1px solid rgba(255, 255, 255, 0.12);
    padding: 10px
}

.message-responseRow.message-responseRow--likes,
.message-responseRow.message-responseRow--reactions {
    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
}

.message-responseRow.message-responseRow--likes.is-active,
.message-responseRow.message-responseRow--reactions.is-active {
    display: block;
    opacity: 1
}

.message-responseRow.message-responseRow--likes.is-transitioning,
.message-responseRow.message-responseRow--reactions.is-transitioning {
    display: block
}

.message-responseRow.message-responseRow--likes.is-active,
.message-responseRow.message-responseRow--reactions.is-active {
    height: auto;
    overflow-y: visible
}

.message-responseRow.message-responseRow--likes.is-transitioning,
.message-responseRow.message-responseRow--reactions.is-transitioning {
    overflow-y: hidden
}

@media (max-width:650px) {
    .message:not(.message--forceColumns) .message-attribution-user .avatar {
        display: inline-flex;
        width: 1.96rem;
        height: 1.96rem;
        font-size: 1rem
    }

    .message:not(.message--forceColumns) .message-content {
        min-height: 1px
    }
}

@media (max-width:480px) {
    .message-signature {
        display: none
    }
}

.message-menuGroup {
    display: inline-block
}

.message-menuTrigger {
    display: inline-block
}

.message-menuTrigger:after {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0d7";
    width: 1.2em;
    display: inline-block;
    text-align: center;
    font-weight: 900;
    font-size: inherit;
    unicode-bidi: isolate;
    text-align: right
}

.message-menuTrigger:hover:after {
    color: black
}

.message-menu-section--editDelete .menu-linkRow {
    font-weight: 500;
    font-size: 1.4rem
}

.message-menu-link--delete i:after {
    content: "\f2ed";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.message-menu-link--edit i:after {
    content: "\f044";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.message-menu-link--report i:after {
    content: "\f119";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.message-menu-link--warn i:after {
    content: "\f071";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.message-menu-link--spam i:after {
    content: "\f05e";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.message-menu-link--ip i:after {
    content: "\f0e8";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.message-menu-link--history i:after {
    content: "\f1da";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.message-menu-link--follow i:after {
    content: "\f234";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.message-menu-link--ignore i:after {
    content: "\f235";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.message-menu-link--share i:after {
    content: "\f1e0";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.message-articleUserInfo {
    background: #42464d;
    border-top: 1px solid rgba(255, 255, 255, 0.12)
}

.message-articleUserInfo:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.message-articleUserInfo .contentRow-figure {
    width: 120px;
    text-align: center
}

.message-articleUserInfo .contentRow-main {
    padding-left: 20px;
    text-align: left
}

@media (max-width:650px) {
    .message-articleUserInfo .contentRow-figure {
        width: auto
    }

    .message-articleUserInfo .contentRow-main {
        padding-left: 16px
    }
}

.message-articleWrittenBy {
    color: #b5b9c0;
    font-size: 1.3rem
}

.message-articleUserName {
    font-weight: 500;
    font-size: 1.8rem;
    margin: 0;
    display: inline
}

.message-articleUserBlurb,
.message-articleUserBlurb div {
    font-size: 1.3rem;
    display: inline
}

.message-articleUserAbout {
    font-size: 1.3rem;
    margin: .5em 0
}

.message-articleUserBanners .userBanner {
    margin-bottom: 3px
}

.message-articleUserStats {
    font-size: 1.3rem;
    color: #b5b9c0
}

@media (max-width:480px) {
    .message-articleUserStats {
        display: none
    }
}

.comment-inner {
    display: table;
    table-layout: fixed;
    width: 100%
}

.comment-avatar {
    display: table-cell;
    width: 24px;
    vertical-align: top
}

.comment-avatar .avatar,
.comment-avatar img {
    vertical-align: bottom
}

.comment-main {
    display: table-cell;
    padding-left: 10px;
    vertical-align: top
}

.comment-contentWrapper {
    margin-bottom: 10px
}

.message-responses .comment-actionBar.actionBar {
    padding: 0
}

.message-responses .comment-actionBar .actionBar-set.actionBar-set--internal {
    padding: 0
}

.comment-user {
    font-weight: 500
}

.comment-body {
    display: inline
}

.comment-note {
    color: #b5b9c0;
    font-size: 1.2rem
}

.comment-input {
    display: block;
    height: 2.34em;
    margin-bottom: 10px
}

.comment-actionBar .actionBar-set {
    color: #b5b9c0
}

.comment-likes,
.comment-reactions {
    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;
    margin-top: 10px;
    font-size: 1.2rem
}

.comment-likes.is-active,
.comment-reactions.is-active {
    display: block;
    opacity: 1
}

.comment-likes.is-transitioning,
.comment-reactions.is-transitioning {
    display: block
}

.comment-likes.is-active,
.comment-reactions.is-active {
    height: auto;
    overflow-y: visible
}

.comment-likes.is-transitioning,
.comment-reactions.is-transitioning {
    overflow-y: hidden
}

.actionBar {
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    padding: 10px;
    margin: -10px;
    margin-top: 0
}

.actionBar:before,
.actionBar:after {
    content: " ";
    display: table
}

.actionBar:after {
    clear: both
}

.actionBar-set.actionBar-set--internal {
    float: left;
    margin-left: -3px
}

.actionBar-set.actionBar-set--internal>.actionBar-action:first-child {
    margin-left: 0
}

.actionBar-set.actionBar-set--external {
    float: right;
    margin-right: -3px
}

.actionBar-set.actionBar-set--external>.actionBar-action:last-child {
    margin-right: 0
}

.formSubmitRow.formSubmitRow--messageQr .formSubmitRow-controls {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    margin-left: 10px;
    margin-right: 10px
}

@media (max-width:540px) {
    .formSubmitRow.formSubmitRow--messageQr .formSubmitRow-controls {
        text-align: right
    }
}

.menu .formSubmitRow.formSubmitRow--messageQr .formSubmitRow-controls {
    text-align: right
}

.comment-content .messageNotice,
.messageNotice {
    margin: 10px 0;
    padding: 10px 10px;
    color: #dee0e3;
    background: #212428;
    font-size: 1.2rem;
    border-left: 2px solid #212428;
    background: #484d56;
    margin-top: 0
}

.comment-content .messageNotice.messageNotice--deleted,
.messageNotice.messageNotice--deleted {
    border-left: 2px solid #c84448;
    border-left-width: 1px;
    background: #fde9e9;
    color: #c84448
}

.comment-content .messageNotice.messageNotice--deleted a,
.messageNotice.messageNotice--deleted a {
    color: inherit !important;
    text-decoration: underline !important
}

.comment-content .messageNotice.messageNotice--deleted:before,
.messageNotice.messageNotice--deleted:before,
.comment-content .messageNotice.messageNotice--deleted a,
.messageNotice.messageNotice--deleted a {
    color: inherit
}

.comment-content .messageNotice.messageNotice--nested,
.messageNotice.messageNotice--nested {
    border-left-width: 1px
}

.comment-content .messageNotice:not(.messageNotice--highlighted) a,
.messageNotice:not(.messageNotice--highlighted) a,
.comment-content .messageNotice:not(.messageNotice--highlighted) a:hover,
.messageNotice:not(.messageNotice--highlighted) a:hover {
    color: #212428
}

.comment-content .messageNotice:before,
.messageNotice:before {
    display: inline-block;
    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;
    padding-right: .2em;
    font-size: 125%;
    color: #db2309;
    vertical-align: middle;
    font-size: 18px !important
}

.comment-content .messageNotice.messageNotice--highlighted,
.messageNotice.messageNotice--highlighted {
    color: #fff;
    background: #484d56;
    border-left-color: #212428
}

.comment-content .messageNotice.messageNotice--highlighted:before,
.messageNotice.messageNotice--highlighted:before {
    color: #fff
}

.comment-content .messageNotice.messageNotice--deleted:before,
.messageNotice.messageNotice--deleted:before {
    content: "\f2ed";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.comment-content .messageNotice.messageNotice--moderated:before,
.messageNotice.messageNotice--moderated:before {
    content: "\f132";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.comment-content .messageNotice.messageNotice--warning:before,
.messageNotice.messageNotice--warning:before {
    content: "\f071";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.comment-content .messageNotice.messageNotice--ignored:before,
.messageNotice.messageNotice--ignored:before {
    content: "\f131";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

@media (min-width:900px) {

    .block:not(.block--messages) .block-container:not(.block-container--noStripRadius)>.block-body:first-child>.message:first-child .message-inner:first-of-type .message-cell:first-child,
    .block:not(.block--messages) .block-topRadiusContent.message .message-inner:first-of-type .message-cell:first-child,
    .block:not(.block--messages) .block-topRadiusContent>.message:first-child .message-inner:first-of-type .message-cell:first-child {
        border-top-left-radius: 2px
    }

    .block:not(.block--messages) .block-container:not(.block-container--noStripRadius)>.block-body:first-child>.message:first-child .message-inner:first-of-type .message-cell:last-child,
    .block:not(.block--messages) .block-topRadiusContent.message .message-inner:first-of-type .message-cell:last-child,
    .block:not(.block--messages) .block-topRadiusContent>.message:first-child .message-inner:first-of-type .message-cell:last-child {
        border-top-right-radius: 2px
    }

    .block:not(.block--messages) .block-container:not(.block-container--noStripRadius)>.block-body:last-child>.message:last-child .message-inner:last-of-type .message-cell:first-child,
    .block:not(.block--messages) .block-bottomRadiusContent.message .message-inner:last-of-type .message-cell:first-child,
    .block:not(.block--messages) .block-bottomRadiusContent>.message:last-child .message-inner:last-of-type .message-cell:first-child {
        border-bottom-left-radius: 2px
    }

    .block:not(.block--messages) .block-container:not(.block-container--noStripRadius)>.block-body:last-child>.message:last-child .message-inner:last-of-type .message-cell:last-child,
    .block:not(.block--messages) .block-bottomRadiusContent.message .message-inner:last-of-type .message-cell:last-child,
    .block:not(.block--messages) .block-bottomRadiusContent>.message:last-child .message-inner:last-of-type .message-cell:last-child {
        border-bottom-right-radius: 2px
    }
}

.block--messages .block-container,
.js-quickReply .block-container {
    background: none;
    border: none;
    box-shadow: none;
    border-radius: 0;
    overflow: visible;
    padding: 0
}

.block--messages.block .message,
.js-quickReply.block .message,
.block--messages .block-row,
.js-quickReply .block-row {
    color: #fff;
    background: #383c42;
    border-width: 0;
    border-style: solid;
    border-top-color: rgba(255, 255, 255, 0.12);
    border-right-color: rgba(255, 255, 255, 0.12);
    border-bottom-color: rgba(255, 255, 255, 0.12);
    border-left-color: rgba(255, 255, 255, 0.12);
    border-radius: 3px;
    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);
    border: none
}

.block--messages.block .message+.message,
.js-quickReply.block .message+.message,
.block--messages .block-row+.message,
.js-quickReply .block-row+.message,
.block--messages.block .message+.block-row,
.js-quickReply.block .message+.block-row,
.block--messages .block-row+.block-row,
.js-quickReply .block-row+.block-row {
    margin-top: 16px
}

.block--messages .block-filterBar,
.js-quickReply .block-filterBar {
    border-width: 0;
    border-style: solid;
    border-top-color: rgba(255, 255, 255, 0.12);
    border-right-color: rgba(255, 255, 255, 0.12);
    border-bottom-color: rgba(255, 255, 255, 0.12);
    border-left-color: rgba(255, 255, 255, 0.12);
    border-radius: 3px;
    margin-bottom: 16px
}

.block--messages .message-spacer+.message,
.js-quickReply .message-spacer+.message,
.block--messages .message-spacer+.block-row,
.js-quickReply .message-spacer+.block-row {
    margin-top: 16px
}

.block--messages .message-inner .message-cell,
.js-quickReply .message-inner .message-cell {
    border-radius: 0
}

.block--messages .message-inner:first-of-type .message-cell:first-child,
.js-quickReply .message-inner:first-of-type .message-cell:first-child {
    border-top-left-radius: 2px
}

.block--messages .message-inner:first-of-type .message-cell:last-child,
.js-quickReply .message-inner:first-of-type .message-cell:last-child {
    border-top-right-radius: 2px
}

.block--messages .message-inner:last-of-type .message-cell:first-child,
.js-quickReply .message-inner:last-of-type .message-cell:first-child {
    border-bottom-left-radius: 2px
}

.block--messages .message-inner:last-of-type .message-cell:last-child,
.js-quickReply .message-inner:last-of-type .message-cell:last-child {
    border-bottom-right-radius: 2px
}

@media (max-width:650px) {

    .block--messages .message-inner .message-cell,
    .js-quickReply .message-inner .message-cell {
        border-radius: 0
    }

    .block--messages .message-inner:first-of-type .message-cell:first-child,
    .js-quickReply .message-inner:first-of-type .message-cell:first-child {
        border-top-left-radius: 2px;
        border-top-right-radius: 2px
    }

    .block--messages .message-inner:last-of-type .message-cell:last-child,
    .js-quickReply .message-inner:last-of-type .message-cell:last-child {
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px
    }

    .block--messages .message--simple .message-cell--user+.message-cell,
    .js-quickReply .message--simple .message-cell--user+.message-cell {
        border-radius: 0;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px
    }
}

@media (max-width:900px) {

    .block--messages .message,
    .js-quickReply .message,
    .block--messages.block .message,
    .js-quickReply.block .message,
    .block--messages .block-row,
    .js-quickReply .block-row,
    .block--messages .block-filterBar,
    .js-quickReply .block-filterBar {
        border-left: none;
        border-right: none;
        border-radius: 0
    }

    .block--messages .message .message-inner .message-cell,
    .js-quickReply .message .message-inner .message-cell {
        border-radius: 0
    }

    .block--messages .message .message-inner .message-cell:first-child,
    .js-quickReply .message .message-inner .message-cell:first-child,
    .block--messages .message .message-inner .message-cell:last-child,
    .js-quickReply .message .message-inner .message-cell:last-child {
        border-radius: 0
    }

    .block--messages .message--simple .message-cell--user+.message-cell,
    .js-quickReply .message--simple .message-cell--user+.message-cell {
        border-radius: 0
    }
}

.message--article.is-moderated {
    background: #484d56
}

.message--article.is-deleted {
    opacity: .65
}

.message--articlePreview {
    display: flex;
    flex-direction: column;
    min-width: 0;
    margin-bottom: 16px
}

.message--articlePreview:last-child {
    margin-bottom: 0
}

.message--articlePreview .articlePreview-main {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto
}

.message--articlePreview .articlePreview-image {
    flex: 0 0 auto;
    align-self: center;
    width: 100%;
    max-width: 750px;
    background: center / cover #42464d no-repeat;
    text-decoration: none
}

.message--articlePreview .articlePreview-image:after {
    content: '';
    display: block;
    padding-bottom: 75%
}

.message--articlePreview .articlePreview-image+.articlePreview-text .bbImageWrapper,
.message--articlePreview .articlePreview-image+.articlePreview-text .bbImage {
    display: none
}

.message--articlePreview .articlePreview-text {
    flex: 1 1 auto;
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 10px
}

.message--articlePreview .articlePreview-text .bbWrapper {
    position: relative;
    max-height: 11.2em;
    overflow: hidden
}

.message--articlePreview .articlePreview-text .bbWrapper:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
    width: 75%;
    height: 1.4em;
    background: linear-gradient(to right, rgba(56, 60, 66, 0), #383c42)
}

.message--articlePreview .articlePreview-title {
    margin: 0;
    font-size: 1.5rem
}

.message--articlePreview .articlePreview-content {
    flex: 1 1 auto
}

.message--articlePreview .articlePreview-links {
    text-align: right;
    padding-top: 16px
}

.message--articlePreview .articlePreview-statuses {
    float: left;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

.message--articlePreview .articlePreview-statuses>li {
    margin-right: 8px
}

.message--articlePreview .articlePreview-statuses .message-newIndicator {
    font-size: 1.3rem
}

.message--articlePreview .articlePreview-footer {
    padding: 0 16px
}

.message--articlePreview .articlePreview-meta {
    display: flex;
    align-items: center;
    border-top: solid 1px rgba(255, 255, 255, 0.12);
    padding: 16px 0;
    color: #b5b9c0;
    font-size: 1.3rem
}

.message--articlePreview .articlePreview-meta>li {
    margin-right: 16px
}

.message--articlePreview .articlePreview-meta>li:last-child {
    margin-right: 0
}

.message--articlePreview .articlePreview-replies {
    white-space: nowrap
}

.message--articlePreview .articlePreview-by,
.message--articlePreview .articlePreview-repliesLabel {
    display: none
}

.block--articles.block--messages.block--expanded .article-title {
    margin: 0 0 5px;
    font-size: 2.2rem;
    font-weight: 400
}

.block--articles.block--messages.block--expanded .message-snippet-link {
    margin-top: .5em;
    text-align: center
}

.block--articles.block--messages.block--expanded .message+.message {
    margin-top: 24px
}

@supports (display: grid) {
    @media (min-width:650px) {
        .block--previews .block-body {
            display: grid;
            gap: 16px;
            grid-template-rows: auto;
            grid-template-columns: repeat(2, 1fr);
            grid-template-areas: "a a"
        }

        .block--previews .block-body>.message:first-of-type:last-of-type {
            grid-area: a
        }

        .block--previews .block-body>.message--articlePreview {
            margin-bottom: 0
        }

        .block--previews .block-body>.message--articlePreview:nth-of-type(-n+5) .articlePreview-title {
            font-size: 1.8rem
        }

        .block--previews .block-body>.message--articlePreview:nth-of-type(-n+5) .articlePreview-image {
            max-width: none
        }

        .block--previews .block-body>.message--articlePreview:nth-of-type(-n+5) .articlePreview-image:after {
            padding-bottom: 60%
        }

        .block--previews .block-body>.message--articlePreview:nth-of-type(-n+5) .articlePreview-meta .articlePreview-by {
            display: block
        }

        .block--previews .block-body>.message--articlePreview:first-of-type {
            grid-area: a
        }

        .block--previews .block-body>.message--articlePreview:first-of-type .articlePreview-title {
            font-size: 2.2rem
        }

        .block--previews .block-body>.message--articlePreview:first-of-type .articlePreview-meta {
            border-top: none
        }

        .block--previews .block-body>.message--articlePreview:first-of-type .articlePreview-main {
            flex-direction: row-reverse
        }

        .block--previews .block-body>.message--articlePreview:first-of-type .articlePreview-image {
            width: 50%
        }
    }

    @media (min-width:900px) {
        .p-body-main:not(.p-body-main--withSidebar) .block--previews .block-body {
            grid-template-columns: repeat(4, 1fr);
            grid-template-areas: "a a a a" "b_1 b_1 b_2 b_2" "b_3 b_3 b_4 b_4"
        }

        .p-body-main:not(.p-body-main--withSidebar) .block--previews .block-body>.message:first-of-type:last-of-type {
            grid-area: a
        }

        .p-body-main:not(.p-body-main--withSidebar) .block--previews .block-body>.message--articlePreview:nth-of-type(1) {
            grid-area: a
        }

        .p-body-main:not(.p-body-main--withSidebar) .block--previews .block-body>.message--articlePreview:nth-of-type(2) {
            grid-area: b_1
        }

        .p-body-main:not(.p-body-main--withSidebar) .block--previews .block-body>.message--articlePreview:nth-of-type(3) {
            grid-area: b_2
        }

        .p-body-main:not(.p-body-main--withSidebar) .block--previews .block-body>.message--articlePreview:nth-of-type(4) {
            grid-area: b_3
        }

        .p-body-main:not(.p-body-main--withSidebar) .block--previews .block-body>.message--articlePreview:nth-of-type(5) {
            grid-area: b_4
        }
    }

    @media (min-width:1150px) {
        .p-body-main--withSidebar .block--previews .block-body {
            grid-template-columns: repeat(4, 1fr);
            grid-template-areas: "a a a a" "b_1 b_1 b_2 b_2" "b_3 b_3 b_4 b_4"
        }

        .p-body-main--withSidebar .block--previews .block-body>.message:first-of-type:last-of-type {
            grid-area: a
        }

        .p-body-main--withSidebar .block--previews .block-body>.message--articlePreview:nth-of-type(1) {
            grid-area: a
        }

        .p-body-main--withSidebar .block--previews .block-body>.message--articlePreview:nth-of-type(2) {
            grid-area: b_1
        }

        .p-body-main--withSidebar .block--previews .block-body>.message--articlePreview:nth-of-type(3) {
            grid-area: b_2
        }

        .p-body-main--withSidebar .block--previews .block-body>.message--articlePreview:nth-of-type(4) {
            grid-area: b_3
        }

        .p-body-main--withSidebar .block--previews .block-body>.message--articlePreview:nth-of-type(5) {
            grid-area: b_4
        }
    }
}

/********* public:share_controls.less ********/
.shareButtons:before,
.shareButtons:after {
    content: " ";
    display: table
}

.shareButtons:after {
    clear: both
}

.shareButtons--iconic .shareButtons-buttons {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(35px, 1fr))
}

.shareButtons-label {
    float: left;
    margin-right: 3px;
    color: #b5b9c0;
    min-height: 35px;
    line-height: 35px
}

.shareButtons-button {
    float: left;
    margin-right: 3px;
    padding: 6px;
    color: #b5b9c0;
    font-size: 20px;
    line-height: 20px;
    white-space: nowrap;
    min-width: 35px;
    border-radius: 3px;
    background-color: transparent;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.shareButtons-button:last-of-type {
    margin-right: 0
}

.shareButtons-button:hover {
    text-decoration: none;
    color: white
}

.shareButtons-button>i {
    display: inline-block;
    vertical-align: middle;
    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
}

.shareButtons-button.shareButtons-button--brand>i {
    font-family: 'Font Awesome 5 Brands';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.shareButtons-button>span {
    font-weight: 400;
    font-size: 1.4rem
}

.shareButtons--iconic .shareButtons-button {
    text-align: center
}

.shareButtons--iconic .shareButtons-button>i {
    min-width: 20px
}

.shareButtons--iconic .shareButtons-button>span {
    position: absolute;
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden
}

.shareButtons-button.shareButtons-button--facebook:hover {
    background-color: #3B5998
}

.shareButtons-button.shareButtons-button--facebook>i:before {
    content: "\f39e";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.shareButtons-button.shareButtons-button--twitter:hover {
    background-color: #1DA1F3
}

.shareButtons-button.shareButtons-button--twitter>i:before {
    content: "\f099";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.shareButtons-button.shareButtons-button--pinterest:hover {
    background-color: #bd081c
}

.shareButtons-button.shareButtons-button--pinterest>i:before {
    content: "\f231";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.shareButtons-button.shareButtons-button--tumblr:hover {
    background-color: #35465c
}

.shareButtons-button.shareButtons-button--tumblr>i:before {
    content: "\f173";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.shareButtons-button.shareButtons-button--reddit:hover {
    background-color: #FF4500
}

.shareButtons-button.shareButtons-button--reddit>i:before {
    content: "\f281";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.shareButtons-button.shareButtons-button--whatsApp:hover {
    background-color: #25D366
}

.shareButtons-button.shareButtons-button--whatsApp>i:before {
    content: "\f232";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.shareButtons-button.shareButtons-button--email:hover {
    background-color: #1289ff
}

.shareButtons-button.shareButtons-button--email>i:before {
    content: "\f0e0";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.shareButtons-button.shareButtons-button--share {
    cursor: pointer
}

.shareButtons-button.shareButtons-button--share:hover {
    background-color: #787878
}

.shareButtons-button.shareButtons-button--share>i:before {
    content: "\f1e0";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.shareButtons-button.shareButtons-button--link {
    cursor: pointer
}

.shareButtons-button.shareButtons-button--link:hover {
    background-color: #787878
}

.shareButtons-button.shareButtons-button--link>i:before {
    content: "\f0c1";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.shareButtons-button.is-hidden {
    display: none
}

.shareInput {
    margin-bottom: 5px
}

.shareInput:last-child {
    margin-bottom: 0
}

.shareInput-label {
    font-size: 1.3rem
}

.shareInput-label:after {
    content: ":"
}

.shareInput-label.is-sentence:after {
    content: ""
}

.shareInput-button {
    color: #fff;
    cursor: pointer
}

.shareInput-button>i {
    display: inline-block;
    vertical-align: middle;
    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
}

.shareInput-button>i:before {
    content: "\f0c5";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.shareInput-button.is-hidden {
    display: none
}

.shareInput-input {
    font-size: 1.3rem
}

@media (max-width:568px) {
    .shareInput-input {
        font-size: 16px
    }
}

.shareInput-button.is-hidden+.shareInput-input {
    border-radius: 3px
}

/********* public:th_uix_threadStarterPost.less ********/
.message-threadStarterPost .message-cell.message-cell--user,
.message-threadStarterPost .message-cell.message-cell--action {
    position: relative;
    min-width: 0
}

/********* 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: "\f013";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.p-navEl-link:not(.mdi):not(.fa)[data-nav-id="leave"]:before,
.offCanvasMenu-link:not(.mdi):not(.fa)[data-nav-id="leave"]:before {
    content: "\f2f5";
    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
}

/* Для мобильных устройств */
@media (max-width: 768px) {
    .menu[style*="display: block"] {
        position: fixed !important;
        top: 25% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 90% !important;
        max-width: 380px !important;
        z-index: 10001 !important;
    }
    
    /* Затемнение */
    body::before {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.7);
        z-index: 10000;
        display: none;
    }
    
    body.menu-open::before {
        display: block;
    }
}