@charset "UTF-8"; /********* public:normalize.css ********/
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
button,hr,input {
    overflow: visible
}

audio,canvas,progress,video {
    display: inline-block
}

progress,sub,sup {
    vertical-align: baseline
}

[type=checkbox],[type=radio],legend {
    box-sizing: border-box;
    padding: 0
}

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section {
    display: block
}

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

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

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

b,strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,input,optgroup,select,textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,select {
    text-transform: none
}

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

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

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

fieldset {
    padding: .35em .75em .625em
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

textarea {
    overflow: auto
}

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

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

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

[hidden],template {
    display: none
}





/********* public:app.less ********/
.u-anchorTarget {
    height: 10px;
    margin-top: -10px
}

.u-pageCentered {
    max-width: 1440px;
    padding: 0 10px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px
}

@supports (padding: max(0px)) {
    .u-pageCentered {
        padding-left:max(10px, env(safe-area-inset-left));
        padding-right: max(10px, env(safe-area-inset-right))
    }
}

@supports (scroll-padding-top: 10px) {
    html:not(.has-browser-safari) {
        scroll-padding-top:10px
    }

    html:not(.has-browser-safari) .u-anchorTarget {
        height: 0;
        margin-top: 0
    }
}

.p-pageWrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

.p-offCanvasAccountLink {
    display: none
}

@media (max-width: 359px) {
    .p-offCanvasAccountLink,.p-offCanvasRegisterLink {
        display:block
    }
}

.p-staffBar {
    font-size: 1rem;
    color: #fefefe;
    background: #0B0C10
}

.p-staffBar a {
    color: inherit
}

.p-staffBar .hScroller-action {
    color: #fefefe
}

.p-staffBar .hScroller-action:hover {
    color: #fff
}

.p-staffBar .hScroller-action.hScroller-action--start {
    background: #0b0c10;
    background: linear-gradient(to right, #0b0c10 66%, rgba(11,12,16,0) 100%)
}

.p-staffBar .hScroller-action.hScroller-action--end {
    background: #0b0c10;
    background: linear-gradient(to right, rgba(11,12,16,0) 0%, #0b0c10 33%)
}

.p-staffBar-inner {
    max-width: 1440px;
    padding: 0 10px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 4px
}

@supports (padding: max(0px)) {
    .p-staffBar-inner {
        padding-left:max(10px, env(safe-area-inset-left));
        padding-right: max(10px, env(safe-area-inset-right))
    }
}

.p-staffBar-inner:before,.p-staffBar-inner:after {
    content: " ";
    display: table
}

.p-staffBar-inner:after {
    clear: both
}

.p-staffBar-link {
    display: inline-block;
    vertical-align: top;
    color: inherit;
    padding: 4px 6px;
    margin-right: .35em
}

.p-staffBar-link:last-child {
    margin-right: 0
}

.p-staffBar-link:hover {
    text-decoration: none;
    background: #000;
    border-radius: 2px
}

.p-header {
    color: #fefefe;
    padding-top: 10px;
    padding-bottom: 10px
}

.p-header a {
    color: inherit
}

.p-header-inner {
    max-width: 1440px;
    padding: 0 10px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px
}

@supports (padding: max(0px)) {
    .p-header-inner {
        padding-left:max(10px, env(safe-area-inset-left));
        padding-right: max(10px, env(safe-area-inset-right))
    }
}

.p-header-content {
    padding: 6px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    max-width: 100%
}

.p-header-logo {
    vertical-align: middle;
    margin-right: auto
}

.p-header-logo a {
    color: inherit;
    text-decoration: none
}

.p-header-logo.p-header-logo--text {
    font-size: 24px
}

.p-header-logo.p-header-logo--image img {
    vertical-align: bottom;
    max-width: 100%;
    max-height: 200px
}

.p-header-logo.p-header-logo--image img[src$="/xenforo-logo.svg"] {
    height: 36px
}

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

@media (max-width: 480px) {
    .p-header-logo {
        max-width:100px
    }

    .p-header-logo.p-header-logo--text {
        font-size: 17px;
        font-weight: 500;
        overflow: hidden;
        white-space: nowrap;
        word-wrap: normal;
        text-overflow: ellipsis
    }
}

.p-navSticky {
    z-index: 100
}

.p-navSticky.is-sticky {
    z-index: 400;
    box-shadow: 0 0 8px 3px rgba(0,0,0,0.3)
}

@supports (position: sticky) or (position: -webkit-sticky) {
    .p-navSticky {
        position:-webkit-sticky;
        position: sticky;
        top: 0
    }

    .p-navSticky.is-sticky-broken,.p-navSticky.is-sticky-disabled {
        position: static;
        top: auto
    }
}

.p-navEl {
    color: #A4A6A8
}

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

.p-navEl:after {
    clear: both
}

.p-navEl-linkHolder {
    float: left
}

.p-navEl-link {
    float: left;
    -webkit-transition: opacity .15s ease, background .15s ease;
    transition: opacity .15s ease, background .15s ease
}

.p-navEl-link.p-navEl-link--menuTrigger {
    cursor: pointer
}

.p-navEl-link.p-navEl-link--menuTrigger: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: "\f078";
    width: 1.2em;
    display: inline-block;
    text-align: center;
    font-size: 75%;
    font-weight: 900;
    unicode-bidi: isolate;
    opacity: .5;
    -webkit-transition: opacity .15s ease;
    transition: opacity .15s ease
}

.p-navEl-link.p-navEl-link--menuTrigger:hover:after {
    opacity: 1
}

.p-navEl-splitTrigger {
    float: left;
    opacity: .5;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: all .15s ease;
    transition: all .15s ease
}

.p-navEl-splitTrigger: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: "\f078";
    width: 1.2em;
    display: inline-block;
    text-align: center;
    font-size: 75%;
    font-weight: 900;
    unicode-bidi: isolate;
    line-height: 1
}

.p-navEl-splitTrigger:hover {
    opacity: 1;
    text-decoration: none
}

.p-nav {
    color: #fefefe;
    border-bottom: 1px solid #17181f
}

.p-nav a {
    color: inherit
}

.p-nav-inner {
    max-width: 1440px;
    padding: 0 10px;
    margin: 0 auto;
    padding-left: 0px;
    padding-right: 0px;
    display: flex;
    align-items: center;
    padding-left: 12px !important;
    padding-right: 12px !important
}

@supports (padding: max(0px)) {
    .p-nav-inner {
        padding-left:max(0px, env(safe-area-inset-left));
        padding-right: max(0px, env(safe-area-inset-right))
    }
}

.p-nav-inner:before,.p-nav-inner:after {
    content: " ";
    display: table
}

.p-nav-inner:after {
    clear: both
}

.p-nav .p-nav-menuTrigger {
    display: none;
    vertical-align: middle;
    align-self: center;
    margin-left: 4px;
    margin-right: 5px;
    padding: 8px 8px;
    color: inherit
}

.p-nav .p-nav-menuTrigger:hover {
    text-decoration: none
}

.p-nav .p-nav-menuTrigger i: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;
    font-size: 24px;
    content: "\f0c9";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    vertical-align: bottom
}

.p-nav .p-nav-menuTrigger .p-nav-menuText {
    display: none
}

.p-nav-smallLogo {
    display: none;
    max-width: 140px;
    align-self: center
}

.p-nav-smallLogo img {
    display: block;
    max-height: 35.6px
}

.p-nav-smallLogo img:not([src$=".svg"]) {
    width: auto
}

.p-nav-scroller {
    margin-right: auto;
    max-width: 100%
}

.p-nav-scroller .hScroller-scroll:not(.is-calculated) {
    overflow: hidden
}

.p-nav-scroller .hScroller-action {
    color: #fefefe
}

.p-nav-scroller .hScroller-action:hover {
    color: #fff
}

.p-nav-scroller .hScroller-action.hScroller-action--start {
    background: transparent;
    background: linear-gradient(to right, transparent 66%, rgba(0,0,0,0) 100%)
}

.p-nav-scroller .hScroller-action.hScroller-action--end {
    background: transparent;
    background: linear-gradient(to right, rgba(0,0,0,0) 0%, transparent 33%)
}

.p-nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0
}

.p-nav-list:before,.p-nav-list:after {
    content: " ";
    display: table
}

.p-nav-list:after {
    clear: both
}

.p-nav-list:before,.p-nav-list:after {
    display: inline-block;
    width: 10px;
    content: ''
}

.p-nav-list>li {
    display: inline-block;
    vertical-align: bottom;
    font-size: 14px
}

.p-nav-list>li:first-child {
    margin-left: 0
}

.p-nav-list .p-navEl-link {
    padding: 0 16px
}

.p-nav-list .p-navEl-link.p-navEl-link--splitMenu {
    padding-right: 2px
}

.p-nav-list .p-navEl-link.p-navEl-link--menuTrigger {
    padding-right: 5.33333333px
}

.p-nav-list .p-navEl-link.p-navEl-link--menuTrigger:after {
    padding-left: 9.33333333px
}

.p-nav-list .p-navEl-splitTrigger {
    padding: 0 5.33333333px
}

.p-nav-list .p-navEl {
    color: rgba(254,254,254,0.4);
    text-decoration: none;
    font-weight: 600;
    -webkit-transition: all .15s ease;
    transition: all .15s ease
}

.p-nav-list .p-navEl.is-selected {
    color: #EAECF2;
    background: #101116;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}

.p-nav-list .p-navEl.is-selected .p-navEl-link {
    padding-right: 16px
}

.p-nav-list .p-navEl.is-selected .p-navEl-link:hover {
    background: none;
    text-decoration: none
}

.p-nav-list .p-navEl.is-selected .p-navEl-splitTrigger {
    display: none
}

.p-nav-list .p-navEl:not(.is-selected):not(.is-menuOpen):hover,.p-nav-list .p-navEl:not(.is-selected):not(.is-menuOpen) .p-navEl-link:hover,.p-nav-list .p-navEl:not(.is-selected):not(.is-menuOpen) .p-navEl-splitTrigger:hover {
    color: #EAECF2;
    text-decoration: none
}

.p-nav-list .p-navEl.is-menuOpen {
    color: #fefefe;
    text-decoration: none
}

.p-nav-list .p-navEl.is-menuOpen a {
    text-decoration: none;
    opacity: 1
}

.p-nav-list .p-navEl-link,.p-nav-list .p-navEl-splitTrigger {
    padding-top: 8px;
    padding-bottom: 8px
}

.p-navSticky--primary.is-sticky .p-nav-list .p-navEl-link.p-navEl-link--splitMenu {
    padding-right: 4px
}

.p-navSticky--primary.is-sticky .p-nav-list .p-navEl.is-selected .p-navEl-splitTrigger {
    display: inline
}

@media (max-width: 990px) {
    .has-js .p-nav-inner {
        min-height:45px
    }

    .has-js .p-nav .p-nav-menuTrigger {
        display: inline-block
    }

    .has-js .p-nav-smallLogo {
        display: inline-block;
        vertical-align: middle
    }

    .has-js .p-nav-scroller {
        display: none
    }
}

.p-nav-opposite {
    margin-left: auto;
    margin-right: 10px;
    text-align: right;
    flex-shrink: 0
}

.p-navgroup {
    float: left
}

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

.p-navgroup:after {
    clear: both
}

.p-navgroup-link {
    float: left;
    padding: 4px 10px;
    border-radius: 6px
}

.p-navgroup-link.p-navgroup-link--user {
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    max-width: 150px;
    padding-top: -2px;
    padding-bottom: -2px
}

.p-navgroup-link.p-navgroup-link--user .avatar {
    width: 34px;
    height: 34px;
    font-size: 20px
}

.p-navgroup-link.p-navgroup-link--user .p-navgroup-linkText {
    display: inline-block;
    vertical-align: sub;
    font-size: 1rem;
    font-weight: 500;
    text-align: left
}

.p-navgroup-link.p-navgroup-link--user .p-navgroup-linkText span {
    display: block;
    font-size: 10px;
    font-weight: 300;
    opacity: 0.85
}

.p-navgroup-link.badgeContainer {
    opacity: .6;
    position: relative
}

.p-navgroup-link.badgeContainer:after {
    position: absolute;
    right: 4px;
    top: 2px;
    margin: 0;
    font-size: 12px;
    border: 2px solid #000;
    font-size: 14px
}

.p-navgroup-link.badgeContainer:hover,.p-navgroup-link.badgeContainer.badgeContainer--highlighted {
    opacity: 1
}

.p-navgroup-link.is-menuOpen {
    color: #fefefe;
    text-decoration: none;
    opacity: 1
}

.p-navgroup-link.p-navgroup-link--iconic i: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;
    display: inline-block;
    min-width: 1.2em;
    font-size: 1.1em;
    text-align: center
}

.p-navgroup-link.p-navgroup-link--conversations i:after {
    content: "\f0e0";
    width: 1em;
    display: inline-block;
    text-align: center
}

.p-navgroup-link.p-navgroup-link--alerts i:after {
    content: "\f0f3";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.p-navgroup-link.p-navgroup-link--logIn i:after {
    content: "\f090";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.p-navgroup-link.p-navgroup-link--register i:after {
    content: "\f234";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.p-navgroup-link.p-navgroup-link--bookmarks i:after {
    content: "\f02e";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.p-navgroup-link.p-navgroup-link--whatsnew i:after {
    content: "\f0e7";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.p-navgroup-link.p-navgroup-link--search i:after {
    content: "\f002";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.p-navgroup-link--whatsnew {
    display: none
}

@media (max-width: 1200px) {
    .p-navgroup-link.p-navgroup-link--iconic .p-navgroup-linkText,.p-navgroup-link.p-navgroup-link--textual i {
        display:none
    }

    .p-navgroup-link.p-navgroup-link--textual {
        overflow: hidden;
        white-space: nowrap;
        word-wrap: normal;
        text-overflow: ellipsis;
        max-width: 110px
    }

    .p-navgroup-link.p-navgroup-link--iconic i:after {
        text-align: center
    }
}

@media (max-width: 990px) {
    .p-navgroup-link--whatsnew {
        display:block
    }

    .has-js .p-nav-opposite {
        align-self: center;
        margin-right: 4px
    }

    .has-js .p-nav-opposite .p-navgroup {
        background: none;
        margin-left: 0
    }

    .has-js .p-nav-opposite .p-navgroup-link {
        border: none
    }

    .has-js .p-nav-opposite .p-navgroup-link.is-menuOpen {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .has-js .p-nav-opposite .p-navgroup-link.badgeContainer {
        opacity: 1
    }
}

@media (max-width: 359px) {
    .p-navgroup-link.p-navgroup-link--user {
        display:none
    }
}

@media (max-width: 374px) {
    .p-navgroup-link.p-navgroup-link--register {
        display:none
    }
}

.p-navgroup-link.p-navgroup-link--dbtech-credits i: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;
    min-width: 1.4em;
    content: "\f3d1";
    width: .88em;
    display: inline-block;
    text-align: center
}

.p-navgroup-link.p-navgroup-link--dbtech-shop i: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;
    min-width: 1em;
    content: "\f291";
    width: .88em;
    display: inline-block;
    text-align: center
}

.p-sectionLinks {
    font-size: 1rem;
    color: #5e6278;
    background: #101116;
    font-weight: 500;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 0 10px 30px 0 rgba(82,63,105,0.08)
}

.p-sectionLinks .hScroller-action {
    color: #5e6278
}

.p-sectionLinks .hScroller-action:hover {
    color: #22c55e
}

.p-sectionLinks .hScroller-action.hScroller-action--start {
    background: #101116;
    background: linear-gradient(to right, #101116 66%, rgba(16,17,22,0) 100%)
}

.p-sectionLinks .hScroller-action.hScroller-action--end {
    background: #101116;
    background: linear-gradient(to right, rgba(16,17,22,0) 0%, #101116 33%)
}

.p-sectionLinks.p-sectionLinks--empty {
    height: 10px
}

.p-sectionLinks-inner {
    max-width: 1440px;
    padding: 0 10px;
    margin: 0 auto;
    padding-left: 2px;
    padding-right: 2px
}

.p-sectionLinks-inner:before,.p-sectionLinks-inner:after {
    content: " ";
    display: table
}

.p-sectionLinks-inner:after {
    clear: both
}

@supports (padding: max(0px)) {
    .p-sectionLinks-inner {
        padding-left:max(2px, env(safe-area-inset-left));
        padding-right: max(2px, env(safe-area-inset-right))
    }
}

.p-sectionLinks-list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0
}

.p-sectionLinks-list a {
    color: inherit
}

.p-sectionLinks-list>li {
    display: inline-block
}

.p-sectionLinks-list .p-navEl-link {
    padding: 0 8px
}

.p-sectionLinks-list .p-navEl-link.p-navEl-link--splitMenu {
    padding-right: 1px
}

.p-sectionLinks-list .p-navEl-link.p-navEl-link--menuTrigger {
    padding-right: 2.66666667px
}

.p-sectionLinks-list .p-navEl-link.p-navEl-link--menuTrigger:after {
    padding-left: 4.66666667px
}

.p-sectionLinks-list .p-navEl-splitTrigger {
    padding: 0 2.66666667px
}

.p-sectionLinks-list .p-navEl {
    font-size: 1rem
}

.p-sectionLinks-list .p-navEl:hover {
    color: #22c55e;
    background: #1b1b29
}

.p-sectionLinks-list .p-navEl:hover a {
    text-decoration:
}

.p-sectionLinks-list .p-navEl.is-menuOpen {
    color: white;
    text-decoration: none;
    background: #1b1b29
}

.p-sectionLinks-list .p-navEl-link,.p-sectionLinks-list .p-navEl-splitTrigger {
    padding-top: 6px;
    padding-bottom: 6px
}

@media (max-width: 990px) {
    .has-js .p-sectionLinks {
        display:none
    }
}

.p-body {
    display: flex;
    align-items: stretch;
    flex-grow: 1;
    min-height: 1px
}

.p-body-inner {
    display: flex;
    flex-direction: column;
    width: 100%
}

.p-body-inner {
    max-width: 1440px;
    padding: 0 10px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
    padding: 0 12px;
    padding-top: 10px;
    padding-bottom: 20px
}

@supports (padding: max(0px)) {
    .p-body-inner {
        padding-left:max(10px, env(safe-area-inset-left));
        padding-right: max(10px, env(safe-area-inset-right))
    }
}

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

.p-body-inner:after {
    clear: both
}

.p-body-main {
    display: table;
    table-layout: fixed;
    width: 100%;
    min-height: 1px;
    margin-bottom: auto;
    z-index: 0
}

.p-body-main--withSidebar {
    display: flex;
    align-items: flex-start
}

.p-body-content {
    display: block;
    width: 100%
}

.p-body-main--withSideNav .p-body-content {
    padding-left: 20px
}

.p-body-main--withSidebar .p-body-content {
    flex: 1 1 auto;
    padding-right: 20px
}

.p-body-main--withSidebar .p-body-content ins.adsbygoogle,.p-body-main--withSideNav .p-body-content ins.adsbygoogle {
    max-width: calc(100vw - 10px - 10px - 10px - 300px - 20px)
}

@media (min-width: 1440px) {
    .p-body-main--withSidebar .p-body-content ins.adsbygoogle,.p-body-main--withSideNav .p-body-content ins.adsbygoogle {
        max-width:calc(1440px - 10px - 10px - 300px - 20px)
    }
}

@media (max-width: 1200px) {
    .p-body-main--withSidebar .p-body-content ins.adsbygoogle,.p-body-main--withSideNav .p-body-content ins.adsbygoogle {
        max-width:100vw
    }
}

.p-body-pageContent>.tabs--standalone:first-child {
    margin-bottom: 10px
}

.p-body-sideNav {
    display: table-cell;
    vertical-align: top;
    width: 300px
}

.p-body-sideNavTrigger {
    display: none
}

.p-body-sidebar {
    flex: 0 0 auto;
    display: block;
    width: 300px
}

.p-body-sidebar .contentRow-figure .avatar--m {
    width: 64px;
    height: 64px;
    font-size: 38px
}

.p-body-sideNavCol,.p-body-contentCol,.p-body-sidebarCol {
    display: table-column
}

.p-body-sideNavCol,.p-body-sidebarCol {
    width: auto
}

.p-body-content>:first-child,.p-body-pageContent>:first-child,.p-body-sideNav>:first-child,.p-body-sideNavContent>:first-child,.p-body-sidebar>:first-child {
    margin-top: 0
}

.p-body-content>:last-child,.p-body-pageContent>:last-child,.p-body-sideNav>:last-child,.p-body-sideNavContent>:last-child,.p-body-sidebar>:last-child {
    margin-bottom: 0
}

@media (max-width: 1200px) {
    .p-body-sideNavCol,.p-body-contentCol,.p-body-sidebarCol {
        display:none;
        width: auto
    }

    .p-body-main,.p-body-content {
        display: block
    }

    .p-body-sideNav {
        display: block;
        width: auto
    }

    .p-body-sideNavTrigger {
        margin-bottom: 10px;
        text-align: center
    }

    .p-body-sideNavTrigger .button: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: 120%;
        vertical-align: middle;
        margin: -4px 6px -4px 0;
        content: "\f0c9";
        width: 1.28571429em;
        display: inline-block;
        text-align: center
    }

    .has-js .p-body-sideNavTrigger {
        display: block
    }

    .has-js .p-body-sideNavInner:not(.offCanvasMenu) {
        display: none;
        opacity: 0;
        -webkit-transition: all .15s ease, -xf-opacity .15s ease;
        transition: all .15s ease, -xf-opacity .15s ease;
        overflow-y: hidden;
        height: 0;
        -webkit-transition-property: all,-xf-height;
        transition-property: all,-xf-height
    }

    .has-js .p-body-sideNavInner:not(.offCanvasMenu).is-active {
        display: block;
        opacity: 1
    }

    .has-js .p-body-sideNavInner:not(.offCanvasMenu).is-transitioning {
        display: block
    }

    .has-js .p-body-sideNavInner:not(.offCanvasMenu).is-active {
        height: auto;
        overflow-y: visible
    }

    .has-js .p-body-sideNavInner:not(.offCanvasMenu).is-transitioning {
        overflow-y: hidden
    }

    .has-no-js .p-body-sideNavInner {
        margin-bottom: 20px
    }

    .p-body-sidebar {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        margin: 20px -5px -20px;
        width: auto
    }

    .p-body-sidebar>* {
        margin: 0 5px 20px;
        min-width: 300px;
        flex: 1 1 300px
    }

    .p-body-sidebar>*:last-child {
        margin-bottom: 20px
    }

    .p-body-sidebar:after {
        display: block;
        content: '';
        height: 0;
        margin: 0 5px;
        min-width: 300px;
        flex: 1 1 300px
    }

    .p-body-sidebar .block-container {
        display: flex;
        flex-direction: column;
        height: 100%
    }

    .p-body-sidebar .block-container .block-footer {
        margin-top: auto
    }

    .p-body-main--withSideNav .p-body-content,.p-body-main--withSidebar .p-body-content {
        width: 100%;
        max-width: 100%;
        padding: 0
    }
}

@media (max-width: 990px) {
    .p-body-sideNavContent {
        margin:0 -10px;
        padding: 0 10px
    }

    .offCanvasMenu .p-body-sideNavContent {
        margin: 0;
        padding: 0
    }

    .p-body-sidebar {
        display: block;
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .p-body-sidebar>* {
        margin-left: 0;
        margin-right: 0;
        min-width: 0
    }
}

.p-breadcrumbs {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 5px;
    margin-bottom: 28px;
    line-height: 1.5
}

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

.p-breadcrumbs:after {
    clear: both
}

.p-breadcrumbs.p-breadcrumbs--bottom {
    margin-top: 20px;
    margin-bottom: 0
}

.p-breadcrumbs>li {
    float: left;
    font-size: 1rem;
    font-weight: 500;
    padding-right: 3px
}

.p-breadcrumbs>li a {
    display: inline-block;
    vertical-align: bottom;
    max-width: 300px;
    color: #a1a5b7;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis
}

.p-breadcrumbs>li:after,.p-breadcrumbs>li: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;
    vertical-align: middle;
    font-size: 4px;
    font-weight: 900;
    color: #414854;
    margin: 0 4px
}

.p-breadcrumbs>li:after {
    content: "\f111";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.p-breadcrumbs>li:last-child a {
    color: #EAECF2
}

@media (max-width: 990px) {
    .p-breadcrumbs>li a {
        max-width:200px
    }
}

@media (max-width: 480px) {
    .p-breadcrumbs>li {
        display:none
    }

    .p-breadcrumbs>li:last-child {
        display: block
    }

    .p-breadcrumbs>li a {
        max-width: 90vw
    }

    .p-breadcrumbs>li:after {
        display: none
    }

    .p-breadcrumbs>li:before {
        content: "\f053";
        width: 1.28571429em;
        display: inline-block;
        text-align: center;
        font-size: 14px;
        margin-right: .5em
    }
}

.p-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 100%;
    margin-bottom: -5px
}

.p-title.p-title--noH1 {
    flex-direction: row-reverse
}

.p-title-value {
    padding: 0;
    margin: 0 0 5px 0;
    font-size: 24px;
    font-weight: 500;
    min-width: 0;
    margin-right: auto
}

.p-title-pageAction {
    margin-bottom: 5px
}

.p-description {
    margin: 5px 0 0;
    padding: 0;
    font-size: 1rem;
    color: #414854
}

@media (max-width: 480px) {
    .p-title-value {
        font-size:20px
    }
}

.p-footer {
    font-size: 1rem;
    color: #6d7582
}

.p-footer a {
    color: #EAECF2;
    font-weight: 500;
    color: #757677 !important
}

.p-footer-inner {
    max-width: 1440px;
    padding: 0 10px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px;
    padding-bottom: 10px
}

@supports (padding: max(0px)) {
    .p-footer-inner {
        padding-left:max(10px, env(safe-area-inset-left));
        padding-right: max(10px, env(safe-area-inset-right))
    }
}

.p-footer-row {
    margin-bottom: -10px
}

.p-footer-row:before,.p-footer-row:after {
    content: " ";
    display: table
}

.p-footer-row:after {
    clear: both
}

.p-footer-row-main {
    float: left;
    margin-bottom: 10px
}

.p-footer-row-opposite {
    float: right;
    margin-bottom: 10px
}

.p-footer-linkList {
    list-style: none;
    margin: 0;
    padding: 0
}

.p-footer-linkList:before,.p-footer-linkList:after {
    content: " ";
    display: table
}

.p-footer-linkList:after {
    clear: both
}

.p-footer-linkList>li {
    float: left;
    margin-right: .5em
}

.p-footer-linkList>li:last-child {
    margin-right: 0
}

.p-footer-linkList>li a {
    padding: 2px 4px;
    border-radius: 2px
}

.p-footer-linkList>li a:hover {
    text-decoration: none;
    background-color: rgba(234,236,242,0.1)
}

.p-footer-rssLink>span {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 1.44em;
    height: 1.44em;
    line-height: 1.44em;
    text-align: center;
    font-size: .8em;
    background-color: #FFA500;
    border-radius: 2px
}

.p-footer-rssLink .fa-rss {
    color: white
}

.p-footer-copyright {
    margin-top: 20px;
    text-align: center;
    font-size: 11px
}

.p-footer-debug {
    margin-top: 10px;
    text-align: right;
    font-size: 11px
}

.p-footer-debug .pairs>dt {
    color: inherit
}

@media (max-width: 990px) {
    .p-footer-row-main,.p-footer-row-opposite {
        float:none
    }

    .p-footer-copyright {
        text-align: left;
        padding: 0 4px
    }
}

.inlineModButton {
    display: inline-block;
    position: relative
}

.inlineModButton i:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f14a";
    width: 1em;
    display: inline-block;
    text-align: center;
    vertical-align: -1px;
    font-size: 1.2em;
    margin: -0.2em 0;
    line-height: 1
}

.inlineModButton.inlineModButton--noIcon i {
    display: none
}

.inlineModButton.is-mod-active {
    color: #ffc700
}

.inlineModButton.is-mod-active .inlineModButton-count {
    display: inline
}

.inlineModButton:not(.inlineModButton--withLabel) .inlineModButton-label {
    position: absolute;
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden
}

.inlineModButton-count {
    display: none;
    position: absolute;
    top: -3px;
    left: -6px;
    color: #fefefe;
    background: #22c55e;
    border: 1px solid #22c55e;
    border-radius: 2px;
    padding: 1px 2px;
    font-size: 9px;
    line-height: 1
}

.inlineModButton--noIcon .inlineModButton-count {
    position: static;
    font-size: 80%;
    padding-top: 0;
    padding-bottom: 0
}

.inlineModBar {
    color: #fefefe;
    background: #88888b;
    padding-top: 3px;
    padding-bottom: 3px;
    display: none;
    opacity: 0;
    -webkit-transition: all .15s ease, -xf-opacity .15s ease;
    transition: all .15s ease, -xf-opacity .15s ease;
    overflow-y: hidden;
    height: 0;
    -webkit-transition-property: all,-xf-height;
    transition-property: all,-xf-height
}

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

.inlineModBar.is-transitioning {
    display: block
}

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

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

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

.inlineModBar:after {
    clear: both
}

.inlineModBar .input,.inlineModBar .button {
    padding-top: 3px;
    padding-bottom: 3px
}

.inlineModBar.is-active:first-of-type {
    box-shadow: 0 0 8px 3px rgba(0,0,0,0.12)
}

.inlineModBar-inner {
    max-width: 1440px;
    padding: 0 10px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    align-items: center
}

@supports (padding: max(0px)) {
    .inlineModBar-inner {
        padding-left:max(10px, env(safe-area-inset-left));
        padding-right: max(10px, env(safe-area-inset-right))
    }
}

.inlineModBar-controls {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-right: auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    min-height: 35px;
    max-width: 100%
}

.inlineModBar-controls>li {
    float: left;
    display: inline-block;
    margin-right: 1em
}

.inlineModBar-controls>li:last-child {
    margin-right: 0
}

.inlineModBar-close {
    float: right;
    margin-left: 1em;
    order: 2
}

.inlineModBar-title {
    font-weight: 700
}

.button.inlineModBar-goButton {
    font-size: 14px;
    line-height: 1.4;
    min-width: 0
}

.inlineModBarCover {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    cursor: pointer
}

.is-ignored {
    display: none !important
}

.showIgnoredLink.is-hidden {
    display: none !important
}

.block-outer .showIgnoredLink,.showIgnoredLink.showIgnoredLink--subtle {
    font-size: 1rem;
    color: #414854
}

.block-outer .showIgnoredLink:hover,.showIgnoredLink.showIgnoredLink--subtle:hover {
    color: #5e6278
}

.username--invisible {
    color: #414854
}

.username--banned {
    text-decoration: line-through
}

.username--style2 {
    color: #5f5f5f
}

.username--style3 {
    color: #f75555;
    font-weight: 600;
    font-weight: bold
}

.username--style10 {
    color: #ff7171;
    text-shadow: 1px 1px 3px #000
}

.username--style11 {
    color: #3f90f3;
    font-weight: bold
}

.username--style12 {
    text-decoration: line-through;
    color: #262626
}

.username--style14 {
    color: #e484f7;
    text-shadow: 0px 0px 5px #ff85a2
}

.username--style15 {
    color: white;
    font-weight: 600;
    text-shadow: 0px 2px 3px #000;
    background-image: url(/data/assets/emudevs/effects/white-sparkle.gif)
}

.username--style19 {
    color: #4ade80
}

.username--style20 {
    position: relative;
    letter-spacing: .02em;
    font-weight: 600;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: border-box,text;
    background-image: url(https://media.giphy.com/media/eYRGWfchREFUUlXT7P/giphy.gif),repeating-linear-gradient(90deg, #44dbff 25%, #e4ff00 47%, #00ff1d 53%, #44dbff 75%);
    background-size: 7em,10em;
    text-shadow: .75px .75px 7px #0071ff !important;
    animation: refund-god-anim 6s linear infinite
}

.username--style33 {
    font-weight: bold !important;
    background: linear-gradient(270deg, #ba7eff, #b879ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    z-index: 2;
    color: transparent;
    text-shadow: 0px 2px 3px rgba(0,0,0,0.6899999999999999)
}

.username--style36 {
    color: #DEB887;
    text-shadow: 1.7px 1.6px 1.6px #6a563f;
    font-weight: bold
}

.username--style38 {
    text-decoration: line-through;
    color: #444444
}

.username--style39 {
    color: #edebeb;
    font-weight: 600;
    font-weight: bold
}

.username--style40 {
    color: #11DE03;
    font-weight: 600;
    font-weight: bold
}

.username--style41 {
    font-weight: 500;
    color: #f1ac2e
}

.username--style42 {
    color: #d483ff;
    font-weight: 600;
    font-weight: bold
}

.username--style43 {
    color: #00ffff
}

.username--style45 {
    color: #5f5f5f
}

.userBanner {
    font-size: 75%;
    font-weight: 500;
    font-style: normal;
    padding: 1px 6px;
    border: 1px solid transparent;
    border-radius: 2px;
    text-align: center;
    display: inline-block
}

.userBanner strong {
    font-weight: inherit
}

.userBanner.userBanner--hidden {
    background: none;
    border: none;
    box-shadow: none
}

.userBanner.userBanner--staff,.userBanner.userBanner--primary {
    color: #fefefe;
    background: #fff;
    border-color: #fff
}

.userBanner.userBanner--accent {
    color: #fefefe;
    background: #22c55e;
    border-color: #3ddd78;
    border-color: #22c55e
}

.userBanner.userBanner--owner {
    color: #fefefe;
    background: #04c8c8;
    border-color: #05fafa;
    border-color: #04c8c8
}

.userBanner.userBanner--red {
    color: #fff;
    background: #d80000;
    border-color: #ff0c0c
}

.userBanner.userBanner--green {
    color: #fff;
    background: #008000;
    border-color: #00b300
}

.userBanner.userBanner--olive {
    color: #fff;
    background: #808000;
    border-color: #b3b300
}

.userBanner.userBanner--lightGreen {
    color: #000;
    background: #ccf9c8;
    border-color: #f7fef6;
    border-color: #bee8ba
}

.userBanner.userBanner--blue {
    color: #fff;
    background: #0008e3;
    border-color: #171fff
}

.userBanner.userBanner--royalBlue {
    color: #fff;
    background: #4169e1;
    border-color: #6d8ce8
}

.userBanner.userBanner--skyBlue {
    color: #fff;
    background: #7cc3e0;
    border-color: #a5d6ea
}

.userBanner.userBanner--gray {
    color: #fff;
    background: #808080;
    border-color: #9a9a9a
}

.userBanner.userBanner--silver {
    color: #000;
    background: #c0c0c0;
    border-color: #dadada
}

.userBanner.userBanner--yellow {
    color: #000;
    background: #ffff91;
    border-color: #ffffc4;
    border-color: #e6e687
}

.userBanner.userBanner--orange {
    color: #000;
    background: #ffcb00;
    border-color: #ffd533
}

.alert.is-unread {
    color: #fefefe;
    background: white
}

.alertToggler {
    text-decoration: none !important;
    padding: 6px;
    margin-right: -6px
}

.alert .alertToggler {
    opacity: 0
}

.alert:hover .alertToggler,.has-touchevents .alertToggler {
    opacity: 1
}

.alertToggler-icon {
    font-size: .75em;
    font-weight: 400
}

.is-unread .alertToggler-icon {
    font-weight: 900
}

.contentVote {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 1.41em;
    color: #414854;
    font-size: 24px
}

.contentVote-vote {
    color: inherit;
    text-decoration: none;
    line-height: 1;
    padding: 6px;
    -webkit-transition: all .15s ease;
    transition: all .15s ease
}

.contentVote-vote:hover {
    color: inherit;
    text-decoration: none
}

.contentVote-vote: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
}

.contentVote-vote.is-disabled {
    opacity: 0.2;
    cursor: not-allowed
}

.contentVote.is-voted .contentVote-vote:not(.is-voted) {
    opacity: 0.5
}

.contentVote-vote.is-voted {
    -webkit-transform: scale(1.75);
    -ms-transform: scale(1.75);
    transform: scale(1.75)
}

.contentVote-vote.contentVote-vote--up.is-voted {
    color: #ffc700
}

.contentVote-vote.contentVote-vote--up:before {
    content: "\f106";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.contentVote-vote.contentVote-vote--down.is-voted {
    color: #ffc700
}

.contentVote-vote.contentVote-vote--down:before {
    content: "\f107";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.contentVote-score {
    direction: ltr
}

.message .contentVote-score:first-child {
    padding-top: 6px
}

.contentVote.is-voted .contentVote-score {
    color: #ffc700
}

.contentVote-description {
    font-size: 17px
}

.contentVote.contentVote--small {
    font-size: 14px
}

.contentVote.contentVote--small .contentVote-description {
    font-size: 0.75rem
}

.contentVote.contentVote--placeholder .contentVote-score {
    line-height: 1
}

@media (max-width: 990px) {
    .message .contentVote {
        flex-direction:row;
        justify-content: center
    }

    .message .contentVote-score {
        min-width: 1.41em;
        text-align: center;
        padding: 0 6px
    }

    .message .contentVote-score:first-child {
        padding-top: 0
    }
}