/* original colors:
    --color-white: #ffffff;
    --color-dark-white: #f5f5f5;
    --color-darkest-white: #dadada;
    --color-style: #e6b980;
    --color-style-glow: #e6b98085;
    --color-style-hover: #e2c49d;
    --background-main: #191919;
    --block-main: #212121;
    --block-main-darkest: #252525;
    --main-hover: #313131;
    --button-gradient-first: #e6b980;
    --button-gradient-second: #eacda3;
    --button-glow: #eacda366;
    --seperator: #1d1d1d;
    --header: #272727;
*/
:root {
    --color-white: #ffffff;
    --color-white-glow: #00bdf4;
    --color-dark-white: #97cad9;
    --color-darkest-white: #00bdf4;
    --color-very-dark-white: #1693b7;
    --color-style: #00bdf4;
    --color-style-glow: #1693b7;
    --color-style-hover: #00bdf4;
    --background-main: #191919;
    --block-main: #272727B3;
    --block-main-darkest: #272727B3;
    --main-hover: #1693b7;
    --button-gradient-first: #00bdf4;
    --button-gradient-second: #1693b7;
    --button-glow: #00bdf4;
    --seperator: #00bdf4;
    --header: #272727DE;
}
.lfs .tabGroup .structItem--lfsItem:hover {
    background: var(--block-main-darkest);

}

.lfs .tabGroup-scroller::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #1693b7;
}

.lfs .tabs-container {
    font-size: 1.3rem;
    color: #00bdf4;
    border-bottom: 1px solid #1693b7;
    font-weight: 700;
    outline: none;
    display: flex;
}

a {
    color: #1693b7;
    text-decoration: none;
}

.fr-box.fr-basic  {
    background: var(--block-main);
}

.fr-box.fr-box.fr-basic.is-focused {
    background: var(--block-main);
    --input-border-heavy: var(--block-main);
    --input-border-light: var(--block-main);
}

.p-offline-main {
    margin-bottom: 20px;
    padding: 10px 15px;
    color: #00bdf4;
    background: #1693b7;
    border-width: 0;
    border-style: solid;
    border-top-color: #00bdf4;
    border-right-color: #00bdf4;
    border-bottom-color: #00bdf4;
    border-left-color: #00bdf4;
    border-radius: 8px;
    background-image: none;
}

.fr-box.fr-basic.is-focused .fr-toolbar.fr-top { background: var(--block-main); }

.fr-box.fr-basic.is-focused .fr-element .fr-top { background: var(--block-main); }
.block--messages.block .message, .js-quickReply.block .message, .block--messages .block-row, .js-quickReply .block-row {
    background-color: var(--block-main);
}

.subNodeLink.subNodeLink--unread:before, .subNodeLink.subNodeLink--unread .subNodeLink-icon {
    color: var(--color-style);
    text-shadow: var(--color-style) 0 0 10px;
}

.notice.notice--accent .uix_noticeIcon, .notice-content {
    background: var(--block-main);
}

.notice.notice--accent {
    border: none;
}

.notice.notice--accent a:not(.button--notice) {
    color: var(--color-style);
    text-shadow: var(--color-style) 0 0 10px;
}

.uix_pageWrapper--fixed {
    background-image: url(https://i.imgur.com/V0Rj26k.png)!important;
    background-attachment: fixed!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    background-image: blur(8px)!important;
}

.lfs .tabs .tab.is-selected {
border-bottom-color: var(--color-style-hover);
color: var(--color-style);
}

/*logo*/
.uix_logo {
    content: url(https://i.imgur.com/pcKh2HO.png);
    max-height: calc(68px);
    transition: ease-in .1s max-height;
    max-width: 100%;
    height: auto;
}
a.uix_logo {
  box-shadow:none;
}
a.uix_logo:hover, a.uix_logo:active {
  box-shadow: 0 0 5px #FFFFFF70, inset 0 0 50px #FFFFFF50;
}
/*logo*/
.username--style5 { /*проверенные*/
    background: linear-gradient(90deg, #ff0072, #e0468b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: #ff0072 0px 0px 10px;
}
.userBanner.userBanner--royalBlue {
    color: var(--color-white);
    border-color: transparent;
    background: linear-gradient(120deg, #ff0072, #e0468b);
    border-radius: 8px;
    box-shadow: 0px 0px 10px 0 #ff0072;
    background-size: 601% 30%;
}
.username--style6 {
    /*друзья*/
    color: #465ce0;
    background: linear-gradient(90deg, #465ce0 0%, #1f3cef 100%, #7275e8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 0px 10px #7275e8;
}
.userBanner.userBanner--lightGreen {
    color: #000;
    background: linear-gradient(90deg, #465ce0 0%, #1f3cef 100%, #7275e8);
    border-radius: 8px;
    border-color: transparent;
    box-shadow: 0px 0px 10px #7275e8;
}
.username--style8 {
    /*bh team*/
    background: linear-gradient(45deg, #29f4bd, #1cd09f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: #1cd09f 0px 0px 10px;
}
.userBanner.userBanner--orange {
    color: #000;
    border-color: transparent;
    border-radius: 8px;
    background: linear-gradient(45deg, #29f4bd, #1cd09f);
    box-shadow: #1cd09f 0px 0px 10px;
}
.username--style3 {
    /*adm*/
    background: linear-gradient(45deg, #9e40ff, #ac72e7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: #ac72e7 0px 0px 10px;
}
.username--style14 {
    /*модераторы*/
    background: linear-gradient(45deg, #47DFE3, #41CBCF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: #41CBCF 0px 0px 10px;
}
.userBanner.userBanner--cyan {
    color: var(--color-white);
    background: linear-gradient(45deg, #47DFE3, #41CBCF);
    border-color: transparent;
    border-radius: 8px;
    box-shadow: 0px 0px 10px #41CBCF;
}
.username--style4 {
    /*всефорум*/
    background: linear-gradient(45deg, #EB9F55, #E89D54);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: #E89D54 0px 0px 10px;
}
.userBanner.userBanner--green {
    color: var(--color-white);
    background: linear-gradient(90deg, #EB9F55, #E89D54);
    border-color: transparent;
    border-radius: 8px;
    box-shadow: 0px 0px 10px #E89D54;
}
.username--deactivated {
    /*бичи*/
    color: #b3a2e0;
    text-decoration: line-through;
}
.username--style7 {
    text-decoration: line-through;
    background: linear-gradient(45deg, #000000, #000000);
    -webkit-background-clip: text;
    text-shadow: #000000 0px 0px 10px;
}

/*дальше сам сайт*/

html {
    background: var(--background-main);
}
.p-nav {
    color: var(--color-white);
    font-weight: 400;
    background: var(--block-main);
    transition: ease-in-out .15s all;
}
.p-nav-list .p-navEl {
    font-size: 1.3rem;
    color: var(--header);
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    height: 80px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.p-nav-list .p-navEl.is-selected {
    color: var(--color-white);
    font-weight: 700;
    text-shadow: 0px 0px 10px var(--color-style-glow);
    transition: all .2s ease-in-out;
}
.p-nav-list .p-navEl.is-selected:after {
    position: absolute;
    bottom: 10px;
    left: 12px;
    right: 12px;
    height: 4px;
    border-radius: 8px;
    display: block;
    transition: ease-in .2s right;
    background: var(--block-main);
    box-shadow: 0 0px 10px 0 var(--color-white)75;
}
.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 {
    text-decoration: none;
    transition: ease-in-out .2s right;
    color: var(--color-white);
    font-size: 1.3rem;
}
.p-nav-list .p-navEl:not(.is-selected):not(.is-menuOpen):hover {
    color: var(--color-white);
    text-decoration: none;
}
.p-nav-list .p-navEl:hover:after {
    position: absolute;
    bottom: 10px;
    left: 12px;
    right: 12px;
    height: 4px;
    border-radius: 8px;
    background: var(--block-main);
    display: block;
    transition: ease-in-out .2s right;
}
.p-navEl-splitTrigger {
    opacity: .75;
}
.fsp .tabGroup {
    color: var(--color-white);
    background: var(--color-style);
    border-width: 0;
    border-style: solid;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 0;
    padding: 8px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex: 1 1 100%;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    -webkit-transition-property: border margin;
    transition-property: border margin;
    margin-right: 2px;
    max-width: 100%;
    overflow: hidden;
    box-shadow: 0 4px 10px 0 var(--color-style) 75;
}
.fsp .tabs--list {
    font-size: 1.3rem;
    color: #eaeaea;
    background: var(--color-style);
    border-bottom: 1px solid #f9c2c4;
    margin-bottom: 5px;
    min-height: 27px;
    width: 100%;
    display: block;
}
.fsp .tabs .tab:not(.is-selected):hover {
    border-bottom: 3px solid var(--color-style);
    transition: all .2s ease-in-out;
}
.structItem-title a {
    color: #eaeaea;
}
.structItem-minor {
    font-size: 1.2rem;
    color: var(--color-white);
}
.fsp .structItem-counters {
    float: right;
    margin-left: 4px;
    color: var(--color-white);
    font-size: 1.2rem;
}
.fsp .changeLimit {
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
    background: transparent;
    position: absolute;
    top: 10px;
    right: 40px;
    z-index: 50;
}
.fsp .refreshButton {
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
    background: transparent;
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 50;
}
.block--category .block-header {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    color: var(--color-white);
    font-weight: 700;
    background: var(--color-style);
    border-bottom-width: 0;
    border-bottom-style: solid;
    padding: 16px;
    line-height: 1;
    background-size: cover;
    background-position: center;
    text-shadow: 0 0 1px rgba(0,0,0,0.7);
    position: relative;
    transition: ease-in .15s border-bottom-left-radius,ease-in .15s border-bottom-right-radius;
}
.block-container {
    color: var(--header);
    background: var(--color-style);
    border-width: 0;
    border-style: solid;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 8px;
    box-shadow: 0 4px 15px 0 rgba(0,0,0,0.2);
}
.node-body {
    table-layout: fixed;
    width: 100%;
    transition: all cubic-bezier(.4, 0, .2, 1) .15s;
    background: var(--color-style);
    overflow: hidden;
    border-radius: 8px;
}
.node-title a {
    color: var(--color-white);
    text-shadow: var(--color-white)a6 0px 0px 10px;
}
.node-subNodeFlatList>li a {
    color: var(--header);
}
.subNodeLink.subNodeLink--unread:before {
    color: var(--header);
}
.node--unread .node-icon i:before {
    opacity: 1;
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
    text-shadow: var(--color-style-glow) 75 0px 0px 10px;
}
.node-extra .node-extra-title:not(:hover) {
    color: var(--color-white);
}
.pairs>dt {
    padding: 0;
    margin: 0;
    color: var(--header);
}
.node-extra-row {
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    color: var(--header);
    max-width: 100%;
}
.node-description {
    font-size: 1.2rem;
    color: #ccc;
    line-height: 1.5;
}
.block-container .uix_newIndicator {
    font-size: 12px;
    color: var(--color-white);
    background: var(--color-style);
    border-radius: 4px;
    padding-top: 1px;
    padding-right: 6px;
    padding-bottom: 3px;
    padding-left: 6px;
    box-shadow: 0 0px 15px 0 rgb(235, 46, 74);
    margin-left: 5px;
}
.label.label--primary {
    color: var(--color-white);
    background: var(--color-style);
    border-color: transparent;
}
.label {
    display: inline-block;
    padding: 1px .35em;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 80%;
    line-height: 1.26;
    text-decoration: none;
    padding-bottom: 2px;
}
.node-stats>dl.pairs.pairs--rows {
    width: 50%;
    float: left;
    margin: 0;
    padding: 0 5px;
    border-right: 1px solid var(--color-style);
}
.subNodeLink:before {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    font: normal normal normal 18px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    width: auto !important;
    width: 1em;
    padding-right: .3em;
    text-decoration: none;
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
}
.block-minorHeader {
    padding: 10px 16px;
    margin: 0;
    font-weight: 400;
    text-decoration: none;
    font-size: 1.3rem;
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
    font-weight: 700;
}
.block[data-widget-id] .block-minorHeader:before, .p-body-sideNav .block-minorHeader:before, .p-body-sidebar .block-minorHeader:before, .uix_extendedFooterRow .block-minorHeader:before, .columnContainer-sidebar .block-minorHeader:before, .block[data-widget-id] .block-header:before, .p-body-sideNav .block-header:before, .p-body-sidebar .block-header:before, .uix_extendedFooterRow .block-header:before, .columnContainer-sidebar .block-header:before {
    font-size: 18px !important;
    padding-right: 10px;
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
    background-image: url(https://c.wallhere.com/images/43/00/afe6133f9a31547c35170733da64-1954757.jpg!d)!important;
}
.uix_nodeList .block-container {
    border-width: 0;
    border-style: solid;
    box-shadow: 4px 4px 15px 0 rgba(0, 0, 0, 0.2);
}
.uix_nodeList .block-container {
    border-width: 0;
    border-style: solid;
    box-shadow: 4px 4px 15px 0 rgba(0, 0, 0, 0.2);
}
.fsp .tabs--list {
    font-size: 1.3rem;
    background: var(--block-main);
    color: var(--color-dark-white);
    border-bottom: 1px solid #f42c4a61;
    margin-bottom: 5px;
    min-height: 27px;
    width: 100%;
    display: block;
}
.structItem-title a {
    color: var(--color-dark-white);
}
.fsp .structItem-counters {
    float: right;
    margin-left: 4px;
    color: var(--color-dark-white);
    font-size: 1.2rem;
}
.structItem-status--watched::before {
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
    text-shadow: 0px 0px 10px var(--color-style-glow);;
    content: "\f06e";
    display: inline-block;
    font: normal normal normal 18px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    width: auto !important;
    content: 'watched';
    content: '\f208';
    text-shadow: var(--color-style-glow) 75 0px 0px 10px;
}
.block-container {
    color: var(--color-dark-white);
    background: var(--block-main);
    border-width: 0;
    border-style: solid;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 8px;
    box-shadow: 4px 4px 15px 0 rgba(0, 0, 0, 0.2);
}
.node-body {
    table-layout: fixed;
    width: 100%;
    transition: all cubic-bezier(.4, 0, .2, 1) .15s;
    background: var(--block-main);
    overflow: hidden;
    border-radius: 8px;
}
.node-title a {
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
    text-shadow: var(--color-style-glow) 78 0px 0px 10px;
}
.fsp .tabGroup {
    color: var(--color-dark-white);
    background: var(--block-main);
    border-width: 0;
    border-style: solid;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 0;
    padding: 8px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex: 1 1 100%;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    -webkit-transition-property: border margin;
    transition-property: border margin;
    margin-right: 2px;
    max-width: 100%;
    overflow: hidden;
    box-shadow: 4px 4px 15px 0 rgba(0, 0, 0, 0.2);
}
.pairs>dt {
    padding: 0;
    margin: 0;
    color: var(--color-dark-white);
}
.node-extra-row {
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    color: var(--color-dark-white);
    max-width: 100%;
}
.node-extra .node-extra-title:not(:hover) {
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
}
.node-subNodeFlatList>li a {
    color: var(--color-dark-white);
}
.subNodeLink:before {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    font: normal normal normal 18px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    width: auto !important;
    width: 1em;
    padding-right: .3em;
    text-decoration: none;
    color: var(--color-dark-white);
}
.subNodeLink.subNodeLink--unread:before {
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
}
.node-description {
    font-size: 1.2rem;
    color: #7d7d7d;
    line-height: 1.5;
}
.uix_sidebarInner:not(.offCanvasMenu-content) .block .block-body {
    color: var(--color-dark-white);
    background: var(--block-main);
    border-width: 0;
    border-style: solid;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 8px;
    box-shadow: 4px 4px 15px 0 rgba(0,0,0,0.2);
}
.block-footer {
    padding: 10px 16px;
    font-size: 1.2rem;
    color: var(--color-white);
    background: var(--color-style);
    border-top: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 4px 4px 15px 0 rgba(0,0,0,0.2);
}
.username {
    color: var(--color-dark-white);
}
.badge.badge--highlighted, .badgeContainer.badgeContainer--highlighted:after {
    display: inline-block;
    color: #f22c4a;
    background: var(--block-main);
}
.p-navgroup-link.badgeContainer:after {
    position: absolute;
    right: 1px;
    top: 2px;
    padding: 0px 4.5px;
    margin: 0;
    font-size: 10px;
    line-height: 14px;
    border-color: #f22c4a;
    border-width: 1px;
    border-style: solid;
    border-radius: 16px;
}
.p-footer {
    display: flex;
    flex-direction: column;
    font-size: 1.2rem;
    color: var(--color-dark-white);
    background: var(--color-style);
}
.uix_socialMedia li a {
    margin: 6px;
    line-height: 1;
    display: inline-block;
    font-size: 22px;
    color: var(--color-white);
}
.u-concealed, .u-concealed a, .u-cloaked, .u-cloaked a, .u-concealed--icon, .u-concealed--icon a {
    text-decoration: inherit !important;
    color: var(--color-white) !important;
}
a {
    color: var(--color-white);
    text-decoration: none;
}
.p-footer-copyrightRow {
    order: 20;
    color: var(--color-white);
    padding-top: 16px;
    padding-bottom: 16px;
}
.p-footer-inner {
    order: 30;
    padding-top: 10px;
    padding-bottom: 10px;
    background: var(--color-style);
    padding-top: 0;
}
.p-footer-linkList.p-footer-choosers a {
    margin: 6px;
    color: var(--color-white);
    border: transparent;
    background: var(--color-style);
    box-shadow: 4px 4px 15px 0 rgba(0,0,0,0.2);
}
.p-footer-inner a {
    color: var(--color-white);
}
.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: transparent;
    border-radius: 2px;
}
.button.button--scroll:active, a.button.button--scroll:active {
    background: var(--color-style-hover);
}
.button.button--scroll:hover, a.button.button--scroll:hover, .button.button--scroll:focus, a.button.button--scroll:focus {
    color: var(--color-white);
    box-shadow: 0 4px 15px 0 rgba(0,0,0,0.2);
    background: var(--color-style-hover);
}
a[data-nav-id="siropuChat"] .badge--highlighted {
    background: transparent;
    color: transparent;
}
.badge, .badgeContainer:after {
    padding: 0px;
    margin: 0px
}
.memberHeader-main {
    background: var(--header);
    border-bottom: none;
}
.button.button--link, a.button.button--link {
    font-size: 1.2rem;
    padding: 0;
    padding-right: 8px;
    padding-left: 8px;
    height: 28px;
    line-height: 28px;
    background: var(--color-style);
    border: 1px solid transparent;
    text-transform: initial;
}
.button, a.button {
    color: var(--color-white);
    box-shadow: 4px 4px 15px 0 rgba(0,0,0,0.2);
}
.memberHeader-separator {
    margin: 16px 0;
    border: none;
    border-top: 1px solid var(--seperator);
}
.u-concealed, .u-concealed a, .u-cloaked, .u-cloaked a, .u-concealed--icon, .u-concealed--icon a {
    text-decoration: var(--color-darkest-white)  !important;
    color: var(--color-darkest-white)  !important;
}
.block-tabHeader .tabs-tab.is-active {
    background: none;
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
    border-color: var(--color-style);
}
.tabs-tab {
    display: inline-block;
    cursor: pointer;
    white-space: nowrap;
    color: var(--color-darkest-white);
}
.block--messages .message, .js-quickReply .message, .block--messages .block-row, .js-quickReply .block-row {
    color: var(--color-darkest-white);
    background: var(--block-main);
    border-width: 0;
    border-style: solid;
    border-top-color: #505662;
    border-right-color: #505662;
    border-bottom-color: #505662;
    border-left-color: #505662;
    border-radius: 8px;
    border-radius: 0;
    border: none;
}
.message-cell.message-cell--user, .message-cell.message-cell--action {
    position: relative;
    background: var(--block-main);
    border-right: 0 solid;
    min-width: 0;
}
.message:not(:last-child):after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 16px;
    right: 16px;
    height: 4px;
    border-radius: 8px;
    background: var(--header);
    display: block;
}
.input {
    font-size: 1.3rem;
    color: var(--color-darkest-white);
    background: var(--header);
    border-width: 0;
    border-style: solid;
    border-top-color: #d1d5da;
    border-right-color: #505662;
    border-bottom-color: #505662;
    border-left-color: #505662;
    border-radius: 8px;
    padding: 6px;
    display: block;
    width: 100%;
    line-height: 1.4;
    text-align: left;
    word-wrap: break-word;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.message-responses .message-responseRow {
    border: none;
    border-bottom: 1px solid var(--block-main-darkest);
}
.message-responseRow {
    margin-top: -1px;
    background: var(--block-main-darkest);
    border: 1px solid #505662;
    padding: 16px;
}
a {
    color: var(--color-darkest-white);
    text-decoration: none;
}
.reactionsBar .reactionSummary>li, .message-responseRow .reactionSummary>li {
    background: transparent;
}
.notice.notice--primary {
    color: var(--color-darkest-white);
    background: var(--block-main);
    border: 2px solid transparent;
    box-shadow: 4px 4px 15px 0 rgba(0,0,0,0.2);
}
.notice.notice--primary .uix_noticeIcon {
    background: var(--color-style);
    border: 0px solid transparent;
    border-radius: 10px 10px 10px 10px;
}
.notices .uix_noticeIcon {
    display: flex;
    align-items: center;
    padding: 0px 10px;
    color: rgba(255,255,255,0.5);
    font-size: 24px;
}
.p-body-header .p-title-value {
    padding: 0;
    margin: 0 0 3px 0;
    font-size: 3.6rem;
    font-weight: 400;
    margin-right: auto;
    min-width: 0;
    font-size: 2em;
    color: var(--color-darkest-white);
    font-family: -apple-system,BlinkMacSystemFont,'Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif;
}
.p-breadcrumbs>li:last-child a {
    font-weight: 700;
    color: var(--color-darkest-white);
}
.p-breadcrumbs>li a {
    display: inline-block;
    vertical-align: bottom;
    max-width: 300px;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    color: var(--color-darkest-white);
}
.p-breadcrumbs {
    color: var(--color-style);
}
.button.button--cta, a.button.button--cta {
    color: var(--color-white);
    box-shadow: 4px 4px 15px 0 rgba(0,0,0,0.2);
    border: none;
    background: linear-gradient(#ff2a4a, var(--color-style) );
    border-color: transparent;
}
.p-body-header .p-description {
    margin: 0;
    padding: 0;
    font-size: inherit;
    color: var(--color-darkest-white);
}
.pageNav-page>a {
    display: block;
    padding: 0 8px;
    text-decoration: none;
    color: var(--color-white);
}
.pageNav-page.pageNav-page--current {
    box-shadow: none;
    background: var(--color-style);
    color: var(--color-white);
    border-color: transparent;
}
.pageNav-page:not(:first-child) {
    border-left-color: var(--block-main);
}
.pageNav-page {
    display: table-cell;
    background: var(--block-main);
    color: #959fb4;
    border-width: 0;
    border-style: solid;
    border-top-color: #505662;
    border-right-color: #505662;
    border-bottom-color: #505662;
    border-left-color: #505662;
    border-radius: 0;
    border: 1px solid var(--block-main);
    white-space: nowrap;
    height: 24px;
    line-height: 24px;
}
.pageNav-jump {
    background: var(--block-main);
    color: var(--color-white);
    border: 1px solid var(--block-main);
    line-height: 24px;
}
.message .reactionsBar {
    margin-top: 16px;
    background: var(--header);
    border-width: 0;
    border-style: solid;
    border-radius: 20px;
    padding: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0 0 16px;
}
.bbCodeSpoiler-button {
    border: 1px solid transparent;
    min-height: 30px;
    line-height: 1em;
    background: var(--color-style);
}
.message-lastEdit {
    margin-top: .5em;
    color: var(--color-darkest-white);
    font-size: 1.1rem;
    text-align: right;
    padding: 0 16px 16px;
}
.message-signature {
    margin-top: 16px;
    font-size: 1.2rem;
    color: var(--color-darkest-white);
    border-top: 1px solid var(--header);
    padding-top: 16px;
    padding-bottom: 16px;
    margin-top: 0;
}
.bbCodeBlock {
    margin: .75em 0;
    background: var(--header);
    border: 0px solid transparent;
    border-left: 2px solid var(--color-style);
}
.bbCodeBlock-title {
    padding: 10px 16px;
    font-size: 1.2rem;
    color: var(--color-white);
    background: var(--color-style);
}
.message-signature--expandable .uix_signatureExpand {
    padding-bottom: 16px;
    background: linear-gradient(to bottom, rgba(49,55,66,0), var(--color-white) 40%);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 60px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
}
.notices .uix_noticeIcon {
    display: flex;
    align-items: center;
    padding: 0px 10px;
    color: rgb(255, 255, 255);
    font-size: 24px;
}
.reaction--1 .reaction-text {
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
}
.blockMessage.blockMessage--error {
    border-left: 2px solid var(--color-style);
    background: #e6e9ec;
    color: var(--color-darkest-white);
}
.blockMessage {
    box-shadow: 4px 4px 15px 0 rgba(0,0,0,0.2);
}
.fr-toolbar {
    background: var(--header);
    border: 0px solid transparent;
    border-top: 2px solid var(--color-style);
}
.fr-box.fr-basic .fr-wrapper {
    background: #dfe1e5;
    border: 1px solid var(--header);
    border-top: 0;
    top: 0;
    left: 0;
}
.fr-box.fr-basic .fr-element {
    color: var(--color-darkest-white);
}
.fr-toolbar .fr-command.fr-btn, .fr-popup .fr-command.fr-btn {
    color: var(--color-darkest-white);
}
.fr-wrapper .fr-placeholder {
    color: var(--color-darkest-white);
}
.button.button--primary, a.button.button--primary {
    color: var(--color-white);
    background: var(--color-style-hover);
    box-shadow: 4px 4px 15px 0 rgba(0,0,0,0.2);
    border: none;
    border-color: #496f86;
}
.button, a.button {
    color: var(--color-white);
    box-shadow: 4px 4px 15px 0 rgba(0,0,0,0.2);
    background: var(--color-style);
}
.bbCodeBlock--code .bbCodeBlock-content {
    background-color: var(--header);
    color: var(--color-darkest-white);
}
.bbCodeBlock--code.bbCodeBlock--screenLimited .bbCodeBlock-header {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background: var(--color-style);
    border-bottom: 0px solid var(--color-style);
}
.bbCodeBlock--code.bbCodeBlock--screenLimited .bbCodeBlock-header .bbCodeBlock-actions .action:active {
    transition: color 0s;
    color: #e0e0e0;
}
.message-signature {
    margin-top: 16px;
    font-size: 1.2rem;
    color: var(--color-white);
    border-top: 1px solid var(--header);
    padding-top: 16px;
    padding-bottom: 16px;
    margin-top: 0;
}
.structItem--thread:hover {
    background-color: var(--header);
}
.structItem-title a:hover {
    color: var(--color-style-hover);
}
.node-body:hover {
    background: var(--block-main-darkest);
    position: relative;
    cursor: pointer;
}
.node--depth2:nth-child(even) .node-body:hover {
    background: #dedede;
    position: relative;
}
.structItem-minor {
    font-size: 1.2rem;
    color: var(--color-darkest-white);
}
.memberOverviewBlock-seeMore {
    background: var(--header);
    border: 0px solid #505662;
    padding: 4px;
    text-align: center;
    margin-top: auto;
}
.block-header {
    padding: 10px 16px;
    margin: 0;
    font-weight: 400;
    text-decoration: none;
    font-size: 1.6rem;
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
    background: transparent;
    border-bottom: 0px solid #505662;
}
.blockLink.is-selected {
    color: lighter(#3b596c);
    font-weight: 700;
    background: var(--header);
    border-left: 0px solid #3b596c;
    padding-left: 14px;
}
.blockLink {
    display: block;
    padding: 5px 16px;
    color: var(--color-darkest-white);
    text-decoration: none;
    background: var(--block-main);
    cursor: pointer;
}
.siropuChatMessageText {
    color: var(--color-darkest-white);
}
#siropuChatEditor .fr-wrapper {
    background: var(--header);
    border-width: 0;
    border-style: solid;
}
#siropuChatEditor .fr-toolbar {
    border-top: 1px solid var(--color-white);
    border-right-width: 0;
    border-right-style: solid;
    border-bottom: 1px solid var(--seperator);
    border-left-width: 0;
    border-left-style: solid;
}
.fr-separator {
    background: var(--seperator);
    display: block;
    vertical-align: top;
    float: left;
}
#siropuChatTabs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid var(--seperator);
    padding-right: 10px;
    padding-left: 10px;
}
#siropuChatTabs a {
    font-size: 14px;
    color: var(--color-dark-white);
    padding-top: 10px;
    padding-bottom: 10px;
}
#siropuChatTabs a.siropuChatActiveTab {
    color: var(--color-dark-white);
    font-weight: 700;
}
.siropuChatUsers {
    border-left: 0px solid #505662;
}
.siropuChatRoom::-webkit-scrollbar-thumb {
    background-color: var(--color-style);
    border-radius: 8px;
}
.siropuChatRoom::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
    border-radius: 8px;
    margin: 8px;
}
.overlay-title {
    display: none;
    margin: 0;
    font-weight: 400;
    font-size: 1.8rem;
    color: var(--color-white);
    background: var(--color-style);
    border-bottom: 0px solid transparent;
    padding-top: 10px;
    padding-right: 16px;
    padding-bottom: 10px;
    padding-left: 16px;
}
.block-row.block-row--separated+.block-row {
    border-top: 1px solid var(--seperator);
}
.block-textHeader {
    margin: 5px 0;
    padding: 0;
    font-weight: 400;
    font-size: 1.6rem;
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
}
.menu-content {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    font-size: 1.2rem;
    color: var(--color-darkest-white);
    background: var(--block-main);
    border: 0 solid #505662;
    border-radius: 4px;
    box-shadow: 0px 10px 20px rgba(0,0,0,0.15), rgba(0,0,0,0.1) 0px 0px 0px 1px;
    border-radius: 8px;
}
.menu-tabHeader {
    padding: 0;
    margin: 0;
    font-weight: 400;
    text-decoration: none;
    font-size: 1.3rem;
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
    background: var(--block-main);
    border-bottom: 1px solid var(--seperator);
    font-size: 0;
}
.menu-row.menu-row--alt {
    color: var(--color-darkest-white);
    background: var(--block-main);
}
.menu-separator {
    margin: 0 6px;
    padding: 0;
    border: none;
    border-top: 1px solid var(--seperator);
}
.menu-linkRow {
    display: block;
    padding: 12px 12px;
    border-left: 2px solid transparent;
    color: var(--color-darkest-white);
    text-decoration: none;
}
.menu-footer {
    padding: 12px 12px;
    font-size: 1.2rem;
    color: var(--color-darkest-white);
    background: var(--block-main);
    border-top: 1px solid var(--seperator);
    padding: 8px;
}
.menu-tabHeader .tabs-tab.is-active {
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
    border-color: var(--color-style);
}
.menu-content:before {
    content: '';
    background: linear-gradient(to right, var(--color-white) 0%, var(--color-style)  50%, var(--color-white));
    left: 0;
    right: 0;
    top: 0;
    height: 4px;
    display: block;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    position: absolute;
}
.message-attachments {
    margin: .5em 0;
    background: var(--header);
    padding: 16px;
    margin-top: 0;
    margin-bottom: 16px;
}
.attachment {
    display: inline-block;
    background: #e9ecf0;
    border: 1px solid #cdd0d3;
    border-radius: 4px;
    padding: 10px;
    width: 165px;
}
.formRow>dt {
    border-right: 1px solid transparent;
    background: var(--block-main);
    border-color: var(--seperator);
    text-align: right;
    width: 33%;
    padding: 16px 16px 16px 16px;
}
.formSubmitRow-bar {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--header);
    border-top: 1px solid var(--seperator);
}
.button.button--primary:hover, a.button.button--primary:hover, .button.button--primary:focus, a.button.button--primary:focus {
    color: var(--color-white);
    box-shadow: 0 4px 15px 0 rgba(0,0,0,0.2);
    background: var(--color-style);
}
.overlay-titleCloser:after {
    color: var(--color-white);
}
.tooltip--reaction .tooltip-content {
    color: var(--color-darkest-white);
    background: var(--header);
    padding: 0;
    text-align: center;
    border: 1px solid var(--header);
    border-radius: 8px;
}
.button:active, a.button:active {
    background: var(--color-style);
}
.button:hover, a.button:hover, .button:focus, a.button:focus {
    background: var(--color-style);
}
.button.button--link:active, a.button.button--link:active {
    background: var(--color-style);
}
.button.button--link:hover, a.button.button--link:hover, .button.button--link:focus, a.button.button--link:focus {
    text-decoration: none;
    background: var(--color-style);
    color: var(--color-white);
}
.p-nav .p-navgroup-link:hover {
    color: var(--color-white);
    text-decoration: none;
    text-shadow: 0px 0px 10px #fdfdfdb8;
    transition: ease-in-out .15s all;
}
.message-newIndicator {
    font-size: 90%;
    color: var(--color-white);
    background: var(--block-main-darkest);
    border-radius: 4px;
    padding-top: 1px;
    padding-right: 4px;
    padding-bottom: 1px;
    padding-left: 4px;
}
.menu-header {
    padding: 12px;
    margin: 0;
    font-weight: 400;
    text-decoration: none;
    font-size: 1.6rem;
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
    background: var(--block-main);
    border-bottom: 1px solid var(--seperator);
}
.tooltip--bookmark .tooltip-content, .tooltip--member .tooltip-content, .tooltip--share .tooltip-content {
    color: var(--color-darkest-white);
    background: var(--block-main);
    padding: 0;
    text-align: left;
    border: 0px solid #a9b1c2;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.35);
}
.memberTooltip-header {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 10px;
    background: var(--header);
    border-bottom: 1px solid var(--seperator);
    display: flex;
}
.memberTooltip-separator {
    margin: -1px 10px 0;
    border: none;
    border-top: 1px solid var(--seperator);
}
.menu-row.menu-row--separated+.menu-row {
    border-top: 1px solid var(--seperator);
}
.menu-row+.menu-scroller {
    border-top: 1px solid var(--seperator);
}
.block-filterBar {
    padding: 8px 8px;
    font-size: 1.2rem;
    color: var(--color-white);
    background: var(--color-style);
    border-bottom: 0px solid #505662;
}
.block-filterBar .filterBar-filterToggle:hover, .block-filterBar .filterBar-menuTrigger:hover {
    text-decoration: none;
    background: var(--block-main);
    transition: ease-in-out .15s all;
}
.block-body+.block-minorHeader {
    border-top: 1px solid var(--seperator);
}
.menu-row.menu-row--clickable:hover {
    background: var(--block-main-darkest);
    transition: ease-in-out .15s all;
}
.p-nav a:not(.button) {
    color: var(--color-white);
}
.block-formSectionHeader {
    padding: 10px 16px;
    margin: 0;
    font-weight: 400;
    text-decoration: none;
    font-size: 1.6rem;
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
    border-top: 1px solid var(--seperator);
    border-bottom: 1px solid var(--seperator);
}
.formRowSep {
    margin: -1px 16px 0;
    border: none;
    border-top: 1px solid var(--seperator);
}
.blockLink:hover {
    background: var(--block-main-darkest);
    text-decoration: inherit;
    color: inherit;
    transition: ease-in-out .15s all;
}
.input:focus, .input.is-focused {
    outline: 0;
    background: var(--background-main);
    transition: ease-in-out .25s all;
}
.inputGroup.inputGroup--joined .input+.inputGroup-text, .inputGroup.inputGroup--joined .input+.input, .inputGroup.inputGroup--joined .inputGroup-text+.input {
    border-left: 1px solid var(--seperator);
}
.inputGroup.inputGroup--joined .inputGroup-text {
    border-width: 1px;
    border-style: solid;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: #505662;
    background: var(--header);
    text-align: center;
    padding: 4px 10px;
}
.formInfoRow+.formRow {
    border-top: 1px solid var(--seperator);
}
.menu-linkRow.is-selected, .menu-linkRow:hover, .menu-linkRow:focus {
    color: var(--color-darkest-white);
    text-decoration: none;
    background: var(--header);
}
.menu-linkRow.is-selected, .menu-linkRow:hover, .menu-linkRow:focus {
    color: var(--color-darkest-white);
    text-decoration: none;
    background: var(--header);
    transition: ease-in-out .15s all;
}
.menu-tabHeader .tabs-tab:hover {
    color: #828282;
}
.block-tabHeader {
    color: var(--color-darkest-white);
    border-bottom: 1px solid var(--seperator);
}
.menu-content {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    font-size: 1.2rem;
    color: var(--color-darkest-white);
    background: var(--block-main);
    border: 1px solid var(--color-white);
    border-radius: 4px;
    box-shadow: 0px 10px 20px rgba(0,0,0,0.15), rgba(0,0,0,0.1) 0px 0px 0px 1px;
    border-radius: 8px;
}
.menu-content {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    font-size: 1.2rem;
    color: var(--color-darkest-white);
    background: var(--block-main);
    border: 1px solid var(--color-white);
    border-radius: 4px;
    box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
}
.menu-header {
    padding: 12px;
    margin: 0;
    font-weight: 400;
    text-decoration: none;
    font-size: 1.6rem;
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
    background: var(--block-main);
    border-bottom: 1px solid var(--seperator);
    border-radius: 6px 6px 0px 0px;
}
.menu-content:before {
    content: '';
    background: transparent;
    left: 0;
    right: 0;
    top: 0;
    height: 4px;
    display: block;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    position: absolute;
}
.menu-tabHeader {
    padding: 0;
    margin: 0;
    font-weight: 400;
    text-decoration: none;
    font-size: 1.3rem;
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
    background: var(--block-main);
    border-bottom: 1px solid var(--seperator);
    font-size: 0;
    border-radius: 6px 6px 0px 0px;
}
.blockMessage {
    margin-bottom: 20px;
    padding: 10px 16px;
    color: var(--color-darkest-white);
    border-width: 0;
    border-style: solid;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 8px;
    background: var(--block-main);
}
.block-tabHeader .tabs-tab:hover {
    color: #e87485;
    background: rgba(238, 241, 245, 0.49);
}
.inputDate .inputDate-icon {
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
}
.inputGroup.inputGroup--joined .inputNumber-button:hover, .inputGroup.inputGroup--joined .inputNumber-button:active, .inputGroup.inputGroup--joined .inputNumber-button:focus {
    background-color: #f4f5f7;
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
    transition: ease-in-out .35s all;
}
.inputNumber-button {
    color: var(--color-darkest-white);
}
.p-footer-linkList.p-footer-choosers a:hover {
    color: var(--color-white);
    background: var(--color-style-hover);
    transition: ease-in-out .25s all;
    text-shadow: 0px 0px 10px #fdfdfdb8;
}
.p-footer-linkList>li a:hover {
    color: var(--color-white);
    text-decoration: none;
    transition: ease-in-out .25s all;
    text-shadow: 0px 0px 10px #fdfdfdb8;
}
.button.button--cta:active, a.button.button--cta:active {
    background: linear-gradient(var(--color-style) , #ff2a4a);
}
.button.button--cta:hover, a.button.button--cta:hover, .button.button--cta:focus, a.button.button--cta:focus {
    box-shadow: 0 4px 15px 0 rgba(0,0,0,0.2);
    background: linear-gradient(var(--color-style) , #ff2a4a);
}
.structItem-cell.structItem-cell--latest a:not(:hover) {
    color: var(--color-darkest-white);
}
.structItem-cell.structItem-cell--latest a {
    color: #737373;
    transition: ease-in-out .25s all;
    text-shadow: 0px 0px 10px #73737370;
}
.tooltip--member.tooltip--bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -11px;
    border: 11px solid transparent;
    border-top-width: 0;
    border-bottom-color: transparent;
}
.tooltip--member.tooltip--bottom .tooltip-arrow:after {
    border: 10px solid transparent;
    border-top-width: 0;
    border-bottom-color: var(--header);
}
.label.label--skyBlue {
    color: var(--color-white);
    background: #03a9f4;
    border-color: transparent;
}
.label.label--orange {
    color: #000;
    background: #ff9800;
    border-color: transparent;
}
.reactionSummary>li {
    display: inline-block;
    height: 20px;
    width: 20px;
    padding: 2px;
    margin: -2px 0;
    background: transparent;
    border-radius: 50%;
    position: relative;
    margin-left: -6px;
}
.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
    cursor: default;
    font-size: 1.2rem;
    color: var(--color-darkest-white);
    background: var(--block-main);
    border: 0 solid #505662;
    border-radius: 4px;
    box-shadow: 0px 10px 20px rgba(0,0,0,0.15), rgba(0,0,0,0.1) 0px 0px 0px 1px;
    min-width: 180px;
    max-width: 95%;
    border: 0px solid #505662;
    box-shadow: 4px 4px 15px rgba(0,0,0,0.2);
    display: block;
    overflow: auto;
    max-height: 150px;
    -webkit-overflow-scrolling: touch;
    border-radius: 6px 6px 2px 2px;
}
.select2-results__option.select2-results__option--highlighted {
    background: var(--header);
    border-radius: 6px;
}
.menu-row.menu-row--highlighted {
    color: var(--color-darkest-white);
    background: var(--block-main);
}
.contentRow-minor {
    font-size: 1.2rem;
    color: var(--color-darkest-white);
}
.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper {
    background: var(--header);
    border: 0px solid #505662;
}
.label.label--gray {
    color: var(--color-darkest-white);
    background: var(--header);
    border-color: transparent;
}
.select2 .select2-selection ul>li.select2-selection__choice {
    float: left;
    font-size: 15px;
    border-radius: 8px;
    color: var(--color-darkest-white);
    background: var(--block-main);
    border: 0px solid #505662;
    display: inline-block;
    max-width: 100%;
    padding: 0 6px 1px;
    margin: 0 0 2px;
    border-radius: 3px;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
    cursor: default;
}
.fr-popup {
    color: var(--color-style);
    background: var(--block-main);
    border: 0px solid #505662;
    border-top: 0px solid transparent;
}
.fr-popup .fr-input-line input[type="text"], .fr-popup .fr-input-line textarea {
    font-size: 1.3rem;
    color: var(--color-darkest-white);
    background: var(--header);
    border-width: 1px;
    border-style: solid;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 8px;
    padding: 6px;
    margin: 0;
    line-height: 1.4;
}
.fr-popup .fr-color-hex-layer .fr-action-buttons button.fr-command {
    color: var(--color-white);
    background: var(--color-style);
    box-shadow: 4px 4px 15px 0 rgba(0,0,0,0.2);
    border-color: transparent;
}
.fr-toolbar .fr-command.fr-btn.fr-active, .fr-popup .fr-command.fr-btn.fr-active {
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
    background: transparent;
}
.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
    padding: 0 24px;
    line-height: 200%;
    display: block;
    cursor: pointer;
    white-space: nowrap;
    color: var(--color-darkest-white);
    text-decoration: none;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active {
    color: var(--color-darkest-white);
    background: rgba(192,201,216,0.12);
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover, .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus {
    background: rgba(192,201,216,0.12) !important;
    color: var(--color-darkest-white)  !important;
}
.message-avatar-wrapper .message-avatar-online:before {
    background: var(--block-main);
    border-color: transparent;
}
.message-attribution-opposite a:hover {
    text-decoration: none;
    color: var(--color-darkest-white);
    transition: ease-in-out .25s all;
}
.dataList-row.dataList-row--header .dataList-cell {
    font-size: 1.2rem;
    color: var(--color-white);
    font-weight: 700;
    background: var(--color-style);
    border-bottom: 1px solid var(--seperator);
    text-transform: none;
    padding: 8px 16px;
    text-align: left;
}
.dataList-row.dataList-row--disabled .dataList-cell--link a {
    color: var(--color-darkest-white);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.dataList-cell {
    vertical-align: middle;
    padding: 16px 16px;
    border-bottom: 1px solid var(--seperator);
}
.dataList-row:hover:not(.dataList-row--noHover):not(.dataList-row--header):not(.is-spHovered), .is-spActive .dataList-row.is-spChecked {
    background: rgb(238, 241, 245);
}
.label.label--royalBlue {
    color: var(--color-white);
    background: #0d47a1;
    border-color: transparent;
}
.tabs--standalone {
    color: var(--color-darkest-white);
    border-bottom: 0px solid transparent;
}
.tabs--standalone .tabs-tab.is-active {
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
    border-color: var(--color-style);
}
.structItem-cell.structItem-cell--latest a:not(:hover) {
    color: var(--color-darkest-white);

}
.menu-linkRow.menu-linkRow--alt {
    color: var(--color-darkest-white);
    background: var(--block-main);
}
.tabs--standalone .tabs-tab:hover {
    color: #f16f82;
}
.label.label--green {
    color: var(--color-white);
    background: #4caf50;
    border-color: transparent;
}
.contentRow-minor time {
    color: var(--color-darkest-white);
}
.label.label--silver {
    color: #000;
    background: #cfd8dc;
    border-color: transparent;
}
.label.label--red {
    color: var(--color-white);
    background: #d32f2f;
    border-color: transparent;
}
.label.label--lightGreen {
    color: var(--color-white);
    background: #8bc34a;
    border-color: transparent;
}
.tooltip--preview.tooltip--top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -11px;
    border: 11px solid transparent;
    border-bottom-width: 0;
    border-top-color: var(--seperator);
}
.tooltip--preview.tooltip--top .tooltip-arrow:after {
    bottom: 1px;
    left: -10px;
    border: 10px solid transparent;
    border-bottom-width: 0;
    border-top-color: var(--color-white);
}
.tooltip--preview .tooltip-content-inner .tooltip-content-cover {
    background: transparent;
    background: linear-gradient(to bottom, rgba(49,55,66,0) 160px, var(--color-white) 200px);
}
.tooltip {
    box-shadow: 4px 4px 15px 0 rgba(0,0,0,0.2);
}
.tooltip--preview .tooltip-content {
    color: var(--color-darkest-white);
    background: var(--block-main);
    border: 1px solid var(--seperator);
    box-shadow: none;
}
.tooltip--preview.tooltip--bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -11px;
    border: 11px solid transparent;
    border-top-width: 0;
    border-bottom-color: var(--seperator);
}
.tooltip--preview.tooltip--bottom .tooltip-arrow:after {
    top: 1px;
    left: -10px;
    border: 10px solid transparent;
    border-top-width: 0;
    border-bottom-color: var(--color-white);
}
.block-minorTabHeader {
    padding: 0;
    margin: 0;
    font-weight: 400;
    font-size: 1.3rem;
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
    background: var(--block-main);
    border-bottom: 1px solid var(--header);
    font-size: 0;
}
.block-minorTabHeader .tabs-tab.is-active {
    background: none;
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
    border-color: var(--color-style);
    font-weight: 700;
}
.flashMessage {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 900;
    font-size: 3.6rem;
    color: var(--color-white);
    background: var(--color-style);
    padding: 24px;
    text-align: center;
    box-shadow: 4px 4px 15px 0 rgba(0,0,0,0.2);
    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;
}
.bbCodeDemoBlock-item>dd {
    margin: 0;
    background: #e7eaf1;
    border: 0px solid #505662;
    padding: 10px;
    zoom: 1;
}
.bbTable>table>thead>tr>th, .bbTable>table>tbody>tr>th {
    background: #e7eaf1;
    border: 1px solid #dbdee4;
    border-bottom-color: #dbdee4;
    border-bottom-width: 2px;
    padding: 4px;
}
.bbTable>table>thead>tr>td, .bbTable>table>tbody>tr>td {
    background: #e1e4ea;
    border: 1px solid #dbdee4;
    padding: 4px;
}
.formRow.formRow--fullWidth+.formRow, .formRow+.formRow.formRow--fullWidth, .formRow.formRow--fullWidth+*>.formRow:first-of-type, .formRow+*>.formRow.formRow--fullWidth:first-of-type {
    border-top: 1px solid var(--header);
}
.fr-popup .fr-action-buttons button.fr-command {
    color: var(--color-white);
    background: var(--color-style);
    box-shadow: 4px 4px 15px 0 rgba(0,0,0,0.2);
}
.tagItem {
    border-radius: 8px;
    font-size: 1.2rem;
    color: var(--color-darkest-white);
    background: var(--block-main);
    border: 0px solid #505662;
    display: inline-block;
    max-width: 100%;
    padding: 0 6px 1px;
    margin: 0 0 2px;
    border-radius: 3px;
}
.bbCodeBlock-expandLink a {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 1.2rem;
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
    text-decoration: none;
}
.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(56,61,72,0) 0%, var(--color-white) 60%);
}
a.label.label--primary:hover, a:hover .label.label--primary {
    background: var(--main-hover);
    border-color: transparent;
}
.actionBar .actionBar-action.actionBar-action--mq.is-selected {
    background-color: #f4f4f4;
    border-color: transparent;
}
a.label.label--green:hover, a:hover .label.label--green {
    background: #46a149;
    border-color: transparent;
}
.label.label--accent {
    color: var(--color-white);
    background: #7daccb;
    border-color: transparent;
}
.blockStatus {
    color: var(--color-darkest-white);
    background: var(--block-main);
    border-width: 0;
    border-style: solid;
    border-top-color: #505662;
    border-right-color: #505662;
    border-bottom-color: #505662;
    border-left-color: #505662;
    border-left: 2px solid var(--color-style);
    border-radius: 8px;
    margin: 0;
    padding: 10px 0;
    font-size: 1.2rem;
    text-align: left;
}
.blockStatus-message:before {
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
}
.bbCodeBlock--code.bbCodeBlock--screenLimited .bbCodeBlock-grip {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    border-top: 1px solid transparent;
    background: var(--color-style);
    color: var(--color-white);
    transition: color .2s;
}
.bbCodeBlock--code.bbCodeBlock--screenLimited .bbCodeBlock-header .bbCodeBlock-actions .action:active {
    transition: color 0s;
    color: var(--color-white);
    text-shadow: 0px 0px 10px var(--color-white);
    transition: all .2s ease
}
.bbCodeBlock--code.bbCodeBlock--screenLimited .bbCodeBlock-header .bbCodeBlock-actions .action:hover, .bbCodeBlock--code.bbCodeBlock--screenLimited .bbCodeBlock-header .bbCodeBlock-actions .action:focus {
    cursor: pointer;
    color: var(--color-white);
    text-shadow: 0px 0px 10px var(--color-white);
    transition: all .2s ease
}
.bbCodeBlock--code.bbCodeBlock--screenLimited .bbCodeBlock-header .bbCodeBlock-actions .action {
    color: var(--color-white);
    padding: 10px;
    transition: color .2s;
}
.pageNav-jump:hover, .pageNav-jump:active {
    text-decoration: none;
    color: var(--color-white);
    text-shadow: 0px 0px 10px var(--color-white);
    transition: all .2s ease
}
.tagItem:hover {
    text-decoration: none;
    color: #464646;
    background: #f7f7f7;
    text-shadow: 0px 0px 10px #46464650;
    transition: all .2s ease
}
.bbCodeBlock--unfurl {
    color: var(--color-darkest-white) d1;
}
.codeEditor.CodeMirror {
    height: 55vh;
    direction: ltr;
    font-size: 1.3rem;
    color: var(--color-darkest-white);
    background: var(--header);
    border-width: 0px;
    border-style: solid;
    border-right-color: #1693b7;
    border-bottom-color: #1693b7;
    border-left-color: #1693b7;
    border-radius: 8px;
    padding: 6px;
    font-family: 'Roboto Mono','Andale Mono','Ubuntu Mono',monospace;
    padding: 0;
    -ltr-rtl-border-color: #1693b7 #1693b7 #1693b7 #1693b7;
}
.cm-s-default.CodeMirror .CodeMirror-gutters {
    background: #e0e4e8;
    border-right: 1px solid var(--header);
    color: var(--color-darkest-white);
}
.message-cell.message-cell--alert {
    font-size: 1.2rem;
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    color: var(--color-darkest-white);
    background: var(--block-main);
}
.message-cell.message-cell--alert a {
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
}
.fsp .changeLimit {
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
    background: transparent;
    position: absolute;
    top: 10px;
    right: 40px;
    z-index: 50;

}
.fsp .refreshButton {
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
    background: transparent;
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 50;

}
.block-container .uix_newIndicator {
    font-size: 12px;
    color: transparent;
    background: transparent;
    border-radius: 4px;
    padding-top: 1px;
    padding-right: 6px;
    padding-bottom: 3px;
    padding-left: 6px;
    box-shadow: none;
    margin-left: 5px;
}
.node-title a {
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);

}
.notices .uix_noticeIcon {
    display: flex;
    align-items: center;
    padding: 0px 10px;
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
    font-size: 24px;
}
.notice.notice--primary .uix_noticeIcon {
    background: transparent;
    border: 0px solid transparent;
    border-radius: 10px 10px 10px 10px;
}
.button, a.button {
    color: var(--color-white);
    box-shadow: none;
    background: var(--color-style);
}
.fsp .tabGroup {
    box-shadow: none;
}
.uix_nodeList .block-container {
    border-width: 0;
    border-style: solid;
    box-shadow: none;
}
.uix_nodeList .block-body {
    box-shadow: none;
}
.node--unread .node-icon i:before {
    opacity: 1;
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);

}

.p-nav-list .p-navEl {
    height: 65px;
}
.p-nav-list .p-navEl.is-selected:after {
    position: absolute;
    bottom: 10px;
    left: 12px;
    right: 12px;
    height: 4px;
    border-radius: 8px;
    display: block;
    transition: ease-in .2s right;
    background: var(--color-white);
    box-shadow: 0 0px 10px 0 var(--color-white)75;
}
.structItem-title a {
    color: var(--color-white);
}
.block--category .block-header {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    color: var(--color-white);
    font-weight: 700;
    background: var(--header);
    border-bottom-width: 0;
    border-bottom-style: solid;
    padding: 16px;
    line-height: 1;
    background-size: cover;
    background-position: center;
    text-shadow: 0 0 1px rgba(0,0,0,0.7);
    position: relative;
    transition: ease-in .15s border-bottom-left-radius,ease-in .15s border-bottom-right-radius;
}
.block-footer {
    padding: 10px 16px;
    font-size: 1.2rem;
    color: var(--color-white);
    background: var(--header);
    border-top: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 4px 4px 15px 0 rgba(0,0,0,0.2);
}
.node--unread .node-icon i:before {
    opacity: 1;
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
    text-shadow: 0px 0px 10px var(--color-style-glow);
}
.is-unread .structItem-title {
    color: var(--color-style-hover);
    font-weight: 700;
}
.structItem-title a:hover {
    color: var(--color-style-hover);
}
.fsp .tabs--list {
    font-size: 1.3rem;
    background: var(--block-main);
    color: var(--color-dark-white);
    border-bottom: 1px solid var(--seperator);
    margin-bottom: 5px;
    min-height: 27px;
    width: 100%;
    display: block;
}
.node-stats>dl.pairs.pairs--rows {
    width: 50%;
    float: left;
    margin: 0;
    padding: 0 5px;
    border-right: 1px solid var(--header);
}
.tooltip--preview .tooltip-content {
    color: var(--color-darkest-white);
    background: var(--block-main);
    border: 1px solid var(--seperator);
    box-shadow: none;
}
.tooltip--preview .tooltip-content-inner .tooltip-content-cover {
    background: linear-gradient(to bottom, rgba(49,55,66,0) 160px, var(--block-main) 200px);
}
.menu-content {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    font-size: 1.2rem;
    color: var(--color-darkest-white);
    background: var(--block-main);
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
}
.button.button--primary, a.button.button--primary {
    color: var(--color-white);
    background: var(--color-style-hover);
    box-shadow: 4px 4px 15px 0 rgba(0,0,0,0.2);
    border: none;
    border-color: #496f86;
}
.p-footer {
    display: flex;
    flex-direction: column;
    font-size: 1.2rem;
    color: var(--color-dark-white);
    background: var(--block-main);
}
.p-footer-inner {
    order: 30;
    padding-top: 10px;
    padding-bottom: 10px;
    background: var(--block-main);
    padding-top: 0;
}
.p-footer-linkList.p-footer-choosers a {
    margin: 6px;
    color: var(--color-white);
    border: transparent;
    background: var(--header);
    box-shadow: 4px 4px 15px 0 rgba(0,0,0,0.2);
}
.p-footer-linkList.p-footer-choosers a:hover {
    color: var(--color-white);
    background: var(--main-hover);
    transition: ease-in-out .25s all;
    text-shadow: 0px 0px 10px #fdfdfdb8;
}
.pageNav-jump {
    background: var(--header);
    color: var(--color-white);
    border: 1px solid transparent;
    line-height: 24px;
}
.pageNav-page:not(:first-child) {
    border-left-color: var(--seperator);
}
.pageNav-page.pageNav-page--current {
    box-shadow: none;
    background: var(--main-hover);
    color: var(--color-white);
    border-color: transparent;
}
.button.button--link, a.button.button--link {
    font-size: 1.2rem;
    padding: 0;
    padding-right: 8px;
    padding-left: 8px;
    height: 28px;
    line-height: 28px;
    background: var(--background-main);
    border: 1px solid transparent;
    text-transform: initial;
}
.button.button--link:hover, a.button.button--link:hover, .button.button--link:focus, a.button.button--link:focus {
    text-decoration: none;
    background: var(--main-hover);
    color: var(--color-white);
}
.actionBar .actionBar-action {
    padding: 3px;
    border: 1px solid transparent;
    border-radius: 8px;
    margin-left: 5px;
    color: var(--color-darkest-white);
    background: var(--header);
    padding-right: 5px;
    padding-left: 5px;
    border-radius: 4px;
    display: inline-block;
}
.actionBar .actionBar-action.actionBar-action--reaction:not(.has-reaction) .reaction-text {
    color: var(--color-dark-white);
}
.u-muted {
    color: var(--color-darkest-white);
}
.actionBar .actionBar-action:hover {
    color: var(--color-dark-white);
    background: var(--main-hover);
}
.reaction--1 .reaction-text {
    text-shadow: none;
}
.node--depth2:nth-child(even) .node-body:hover {
    background: var(--block-main-darkest);
    position: relative;
}
.button.button--cta:hover, a.button.button--cta:hover, .button.button--cta:focus, a.button.button--cta:focus {
    box-shadow: 0px 0px 10px 0 var(--color-style-hover);
    background: linear-gradient(var(--button-gradient-first), var(--button-gradient-second));
}
.button.button--cta, a.button.button--cta {
    color: var(--color-white);
    box-shadow: 0px 0px 10px 0 var(--color-style-glow);
    border: none;
    background: linear-gradient(to top, var(--button-gradient-first), var(--button-gradient-second));
    border-color: transparent;
}
.fsp .tabGroup-content::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #2d2d2d;
    box-shadow: none;
}
.fsp .tabs .tab.is-selected {
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
    border-color: transparent;
    border-bottom-width: 0px;
    border-bottom-style: solid;
    font-weight: 700;
}
.p-nav-list .p-navEl:hover:after {
    background: transparent;
}
.node-icon i:before {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    font: normal normal normal 18px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    width: auto !important;
    color: var(--color-darkest-white);
}
.button.button--scroll, a.button.button--scroll {
    color: var(--color-white);
    background: var(--main-hover);
    border: none;
    padding: 5px 8px;
    box-shadow: 4px 4px 15px 0 rgba(0,0,0,0.2);
}
.label.label--primary {
    color: var(--color-white);
    background: var(--header);
    border-color: transparent;
}
.fsp .tabs .tab:not(.is-selected):hover {
    border-bottom: 0px solid var(--color-style);
}
.message-attribution-opposite a {
    color: var(--color-darkest-white);
}
.blockMessage.blockMessage--error {
    border-left: 2px solid var(--main-hover);
    background: var(--header);
    color: var(--color-darkest-white);
}
.shareInput-button {
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
    cursor: pointer;
}
.input[readonly], .input.is-readonly {
    color: var(--color-darkest-white);
    background: var(--block-main-darkest);
}
.inputGroup.inputGroup--joined .inputGroup-text {
    border-width: 0px;
    border-style: solid;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    background: var(--header);
    text-align: center;
    padding: 4px 10px;
}
.tooltip--share.tooltip--top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -11px;
    border: 11px solid transparent;
    border-bottom-width: 0;
    border-top-color: transparent;
}
.tooltip--share.tooltip--top .tooltip-arrow:after {
    bottom: 1px;
    left: -10px;
    border: 10px solid transparent;
    border-bottom-width: 0;
    border-top-color: var(--block-main);
}
.formRow .formRow-hint {
    display: block;
    font-style: normal;
    font-size: 1.2rem;
    color: var(--color-darkest-white);
}
.formRow .formRow-explain {
    margin: 10px 0 0;
    display: block;
    font-style: normal;
    font-size: 1.2rem;
    color: var(--color-darkest-white);
}
.message-signature--expandable .uix_signatureExpand {
    padding-bottom: 16px;
    background: linear-gradient(to bottom, rgba(49,55,66,0), var(--block-main) 40%);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 60px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
}
.bbCodeBlock-title {
    padding: 10px 16px;
    font-size: 1.2rem;
    color: var(--color-white);
    background: var(--background-main);
}
.bbCodeBlock {
    margin: .75em 0;
    background: var(--header);
    border: 0px solid transparent;
    border-left: 2px solid var(--background-main);
}
.fr-box.fr-basic .fr-wrapper {
    background: var(--background-main);
    border: none;
    border-top: 0;
    top: 0;
    left: 0;
}
.shareButtons-label {
    float: left;
    margin-right: 3px;
    color: var(--color-dark-white);
    min-height: 35px;
    line-height: 35px;
}
.shareButtons-button {
    float: left;
    margin-right: 3px;
    padding: 6px;
    color: var(--color-dark-white);
    font-size: 20px;
    line-height: 20px;
    white-space: nowrap;
    min-width: 35px;
    border-radius: 4px;
    background-color: transparent;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.shareButtons-button.shareButtons-button--link:hover {
    background-color: var(--header);
}
.overlay-title {
    display: none;
    margin: 0;
    font-weight: 400;
    font-size: 1.8rem;
    color: var(--color-white);
    background: var(--header);
    border-bottom: 0px solid transparent;
    padding-top: 10px;
    padding-right: 16px;
    padding-bottom: 10px;
    padding-left: 16px;
}
.node-title a {
    color: var(--color-dark-white);
    text-shadow: none;
}
.node-subNodeFlatList>li a {
    color: var(--color-very-dark-white);
}
.node-extra .node-extra-title:not(:hover) {
    color: var(--color-dark-white);
    text-shadow: none;
}
.node-extra-row {
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    color: var(--color-very-dark-white);
    max-width: 100%;
}
.structItem-minor {
    font-size: 1.2rem;
    color: var(--color-very-dark-white);
}
a:hover {
    color: var(--color-white);
    text-shadow: 0px 0px 6px var(--color-white-glow);
    text-decoration: underline;
    transition: all .2s ease
}
.block-tabHeader .tabs-tab:hover {
    color: var(--color-style);
    background: var(--seperator);
}
.dataList-row.dataList-row--header .dataList-cell {
    font-size: 1.2rem;
    color: var(--color-white);
    font-weight: 700;
    background: var(--header);
    border-bottom: 1px solid var(--seperator);
    text-transform: none;
    padding: 8px 16px;
    text-align: left;
}
.dataList-row:hover:not(.dataList-row--noHover):not(.dataList-row--header):not(.is-spHovered), .is-spActive .dataList-row.is-spChecked {
    background: var(--block-main-darkest);
}
.attachment {
    display: inline-block;
    background: var(--block-main);
    border: 0px solid #cdd0d3;
    border-radius: 4px;
    padding: 10px;
    width: 165px;
}
.attachment-details {
    font-size: 1.2rem;
    color: var(--color-very-dark-white);
}
.block-filterBar {
    padding: 8px 8px;
    font-size: 1.2rem;
    color: var(--color-white);
    background: var(--header);
    border-bottom: 0px solid #505662;
}
.structItem-minor {
    font-size: 1.2rem;
    color: var(--color-darkest-white);
}
.p-nav-list .p-navEl:hover:after {
    background: #fff;
}
.badge.badge--highlighted, .badgeContainer.badgeContainer--highlighted:after {
    display: inline-block;
    color: var(--block-main);
    margin-top: 1px;
    background: var(--color-white);
}
.p-navgroup-link.badgeContainer:after {
    position: absolute;
    right: 1px;
    top: -3px;
    padding: 0px 4.5px;
    font-size: 11px;
    line-height: 14px;
    border-color: var(--block-main);
    border-width: 1.5px;
    border-style: solid;
    border-radius: 16px;
}
#siropuChatEditor .fr-toolbar {
    border-top: 1px solid var(--seperator);
}
.tabs--standalone .tabs-tab:hover {
    color: var(--color-style);
}
.block-filterBar .filterBar-filterToggle {
    background: var(--main-hover);
}
.block-filterBar .filterBar-filterToggle {
    background: var(--main-hover);
}
.filterBar-filterToggle {
    display: inline-block;
    text-decoration: none;
    color: inherit;
    padding: 2px 8px;
    border-radius: 8px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.inputChoices-explain {
    display: block;
    font-style: normal;
    font-size: 1.2rem;
    color: var(--color-very-dark-white);
}
.formRow .iconic>i, .inputGroup .iconic>i, .inputChoices .iconic>i, .block-footer .iconic>i, .dataList-cell .iconic>i, .message-cell--extra .iconic>i, .formRow.dataList-cell--fa>a>i, .inputGroup.dataList-cell--fa>a>i, .inputChoices.dataList-cell--fa>a>i, .block-footer.dataList-cell--fa>a>i, .dataList-cell.dataList-cell--fa>a>i, .message-cell--extra.dataList-cell--fa>a>i, .formRow .iconic svg, .inputGroup .iconic svg, .inputChoices .iconic svg, .block-footer .iconic svg, .dataList-cell .iconic svg, .message-cell--extra .iconic svg, .formRow.dataList-cell--fa>a svg, .inputGroup.dataList-cell--fa>a svg, .inputChoices.dataList-cell--fa>a svg, .block-footer.dataList-cell--fa>a svg, .dataList-cell.dataList-cell--fa>a svg, .message-cell--extra.dataList-cell--fa>a svg {
    color: var(--color-style);
    fill: currentColor;
    text-shadow: 0px 0px 10px currentColor;
}
.structItem-status--watched::before {
    text-shadow: var(--color-style-glow) 0px 0px 10px;
}
.bbCodeBlock--code.bbCodeBlock--screenLimited .bbCodeBlock-header {
    background: var(--background-main);
}
.fr-toolbar .fr-command.fr-btn.fr-disabled, .fr-popup .fr-command.fr-btn.fr-disabled {
    color: var(--color-very-dark-white);
    cursor: default;
}
.bbCodeBlock-expandLink {
    background: linear-gradient(to bottom, rgba(56,61,72,0) 0%, var(--block-main) 60%);
}
.actionBar .actionBar-action.actionBar-action--mq.is-selected {
    background-color: var(--header);
    border-color: transparent;
}
.bbCodeBlock--code.bbCodeBlock--screenLimited .bbCodeBlock-grip {
    background: var(--background-main);
}
.bbCodeBlock--code.bbCodeBlock--screenLimited .bbCodeBlock-grip:hover {
    cursor: ns-resize;
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
}
.attachUploadList {
    list-style: none;
    margin: 0;
    padding: 0;
    color: var(--color-darkest-white);
    background: var(--block-main-darkest);
    border: 1px solid transparent;
    border-radius: 4px;
    margin-bottom: 16px;
}
.avatar img {
    background-color: var(--block-main);
}
.node-title a {
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
}
.cm-s-default.CodeMirror .CodeMirror-gutters {
    background: var(--background-main);
    border-right: 1px solid var(--header);
    color: var(--color-darkest-white);
}
.codeEditor.CodeMirror.CodeMirror-focused {
    background: var(--background-main);
    transition: all .2s ease;
}
a:hover {
    text-shadow: 0px 0px 6px currentColor;
}
meter.meterBar {
    background-color: var(--block-main);
}
.DC_LinkProxy {
    max-width: 650px;
    padding: 20px;
    margin: 0 auto;
    border: 0px solid #1693b7;
    border-radius: 8px;
    background: var(--block-main);
}
.DC_LinkProxy .DC_LinkProxy__content .message.redirecting {
    font-weight: 500;
    text-align: center;
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
}
.DC_LinkProxy .DC_LinkProxy__content {
    font-size: 1.05em;
    color: var(--color-darkest-white);
}
.DC_LinkProxy .DC_LinkProxy__title {
    text-align: center;
    font-size: 2em;
    color: var(--color-white);
}
.count {
    color: var(--color-white);
    text-shadow: none;
}
.circle {
    box-shadow: inset 0 0 0 20px var(--background-main);
}
.l-half:before, .r-half:before {
    border-color: var(--main-hover);
}
.bbTable>table>thead>tr>td, .bbTable>table>tbody>tr>td {
    background: var(--background-main);
    border: 1px solid transparent;
    padding: 4px;
}
.bbCodeInline {
    margin: 0;
    font-size: 90%;
    background: var(--background-main);
    border: 1px solid var(--main-hover);
}
.dataList-cell.dataList-cell--alt, .dataList-cell.dataList-cell--action {
    background: var(--background-main);
}
.dataList-row.dataList-row--subSection .dataList-cell {
    font-size: 1.6rem;
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
    background: transparent;
    border-bottom: 1px solid var(--seperator);
    padding: 8px 16px;
}
.smilieText {
    padding: 2px 3px;
    min-width: 16px;
    text-align: center;
    vertical-align: text-bottom;
    border-radius: 8px;
    font-size: 1.1rem;
    color: var(--color-white);
    background: var(--background-main);
    border: 1px solid var(--seperator);
    display: inline-block;
    max-width: 100%;
    padding: 0 6px 1px;
    margin: 0 0 2px;
    border-radius: 3px;
}
.smilieText:hover {
    background: var(--header);
    transition: all .2s ease;
}
.bbCodeDemoBlock-item>dt {
    font-size: 1.2rem;
    color: var(--color-very-dark-white);
}
.bbCodeDemoBlock-item>dd {
    background: var(--background-main);
}
.bbTable>table>thead>tr>th, .bbTable>table>tbody>tr>th {
    background: var(--header);
    border: 1px solid var(--seperator);
    border-bottom-color: var(--seperator);
    border-bottom-width: 2px;
    padding: 4px;
}
.block-textHeader .block-textHeader-highlight {
    color: var(--color-white);
}
.contentRow-extra.contentRow-extra--largest {
    font-size: 3.6rem;
    color: var(--color-white);
}
.pika-label {
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
    background-color: transparent;
}
.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: var(--color-style);
    background: var(--block-main);
    border: 1px solid;
    border-color: transparent;
    border-radius: 8px;
}
.pika-table th {
    color: var(--color-darkest-white);
}
.autoCompleteList {
    list-style: none;
    margin: 0;
    padding: 0;
    cursor: default;
    font-size: 1.2rem;
    color: var(--color-dark-white);
    background: var(--header);
    border: 0 solid #1693b7;
    border-radius: 4px;
    box-shadow: 0px 10px 20px rgba(0,0,0,0.15), rgba(0,0,0,0.1) 0px 0px 0px 1px;
    min-width: 180px;
    max-width: 95%;
    border: 1px solid transparent;
    box-shadow: 0 3px 5px 0 rgba(0,0,0,0.3);
    margin-top: 2px;
    transition: all .2s ease;
}
.autoCompleteList li.is-selected {
    background: var(--main-hover);
    transition: all .2s ease;
}
.attachment-icon i:before {
    color: var(--color-darkest-white);
}
.block-row.block-row--alt {
    color: var(--color-darkest-white);
    background: var(--block-main);
}
.structItem-title {
    color: var(--color-white);
}
.fr-view blockquote {
    background: #212121;
    border: 1px solid #212121;
    border-left: 2px solid #212121;
    margin: 0.5em 0;
    padding: 10px 15px;
    font-size: 1.2rem;
    display: flow-root;
}
.fr-view blockquote[data-quote]:before {
    display: block;
    content: attr(data-quote) ":";
    font-size: 1.2rem;
    color: #FFFFFF;
    background: #272727;
    padding: 10px 15px;
    margin: -10px -15px 10px -15px;
}

element.style {
}
@supports (display: grid)
.attachmentList .file {
    width: 100%;
    height: auto;
    margin-right: 0;
    margin-bottom: 0;
}
.attachmentList .file {
    margin-bottom: 10px;
}
.file:last-child {
    margin-right: 0;
}
.file {
    position: relative;
    width: 165px;
    height: 165px;
    margin-right: 10px;
    background: #212121;
    border-radius: 4px;
}
.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(49,55,66,0) 0%, #00bdf43b 70%);
}
.message-expandLink a {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 1.2rem;
    color: #00bdf4;
    text-decoration: none;
}
.block--messages.block .message, .js-quickReply.block .message, .block--messages .block-row, .js-quickReply .block-row {
    color: #FFFFFF;
    background: #00bdf43b;
    border-width: 0;
    border-style: solid;
    border-top-color: #00bdf4;
    border-right-color: #00bdf4;
    border-bottom-color: #00bdf4;
    border-left-color: #00bdf4;
    border-radius: 8px;
    border-radius: 0;
    border: none;
}
.message--solution .message-cell.message-cell--vote {
    background: #FFFFFF;
}
.p-pageWrapper .p-body-header .p-title-value {
    padding: 0;
    margin: 0 0 3px 0;
    font-size: 3.6rem;
    font-weight: 400;
    margin-right: auto;
    min-width: 0;
    font-size: 2em;
    color: #00bdf4;
    font-family: -apple-system,BlinkMacSystemFont,'Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif;
}
.p-pageWrapper .p-body-header {
    font-size: 1.2rem;
    color: #1693b7;
    border-radius: 4px;
    padding-top: 15px;
    min-height: 36px;
}

.fr-toolbar .fr-more-toolbar {
    float: left;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #272727;
    -webkit-transition: height .2s;
    -moz-transition: height .2s;
    -ms-transition: height .2s;
    -o-transition: height .2s;
    height: 0;
    z-index: 2;
    overflow: hidden;
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) {
    background: #272727;
}

.overlay {
    position: relative;
    margin: 40px auto 10px;
    margin-top: 4vh;
    width: 100%;
    max-width: 800px;
    background: #272727;
    color: #1693b7;
    border-width: 0;
    border-style: solid;
    border-top-color: #00bdf4;
    border-right-color: #00bdf4;
    border-bottom-color: #00bdf4;
    border-left-color: #00bdf4;
    border-radius: 8px;
    box-shadow: 0 5px 15px 0 rgb(0 0 0 / 50%);
    outline: none;
}

.contentVote {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 1.41em;
    color: #00bdf4;
    font-size: 3.6rem;
}

.inputTypes-input:checked+.inputTypes-display, .inputTypes-display:hover {
    color: #;
    border-color: #016a25;
    background: linear-gradient(180deg, #00bdf43b, #00bdf45B);
}

.block[data-widget-id] .block-minorHeader:before, .p-body-sideNav .block-minorHeader:before, .p-body-sidebar .block-minorHeader:before, .uix_extendedFooterRow .block-minorHeader:before, .columnContainer-sidebar .block-minorHeader:before, .block[data-widget-id] .block-header:before, .p-body-sideNav .block-header:before, .p-body-sidebar .block-header:before, .uix_extendedFooterRow .block-header:before, .columnContainer-sidebar .block-header:before {
    font-size: 18px !important;
    padding-right: 10px;
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
    background-image: url(https://c.wallhere.com/images/43/00/afe6133…-1954757.jpg!d)!important;
}
<style>
.block[data-widget-id] .block-minorHeader:before, .p-body-sideNav .block-minorHeader:before, .p-body-sidebar .block-minorHeader:before, .uix_extendedFooterRow .block-minorHeader:before, .columnContainer-sidebar .block-minorHeader:before, .block[data-widget-id] .block-header:before, .p-body-sideNav .block-header:before, .p-body-sidebar .block-header:before, .uix_extendedFooterRow .block-header:before, .columnContainer-sidebar .block-header:before {
    font-size: 18px !important;
    padding-right: 10px;
    color: var(--color-style);
    text-shadow: 0px 0px 10px var(--color-style-glow);
    background-image: url(https://c.wallhere.com/images/43/00/afe6133…-1954757.jpg!d)!important;
}
.message-expandLink a {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 1.2rem;
    color: #FFFFFF;
    text-decoration: none;
}

.lfs .tabGroup .structItem--lfsItem.is-unread .structItem-cell--title a {
    color: var(--button-gradient-first);
    border-bottom-color: #000;
    font-weight: 700;
}
.lfs .tabGroup .structItem--lfsItem.is-unread .structItem-cell--title a:hover {
    color: var(--color-white);
    font-weight: 700;
}
.lfs .tabGroup {
    color: var(--color-white-glow);
    background: var(--block-main);
    border-width: 0;
    border-style: solid;
    border-top-color: #00bdf4;
    border-right-color: #00bdf4;
    border-bottom-color: #00bdf4;
    border-left-color: #00bdf4;
    border-radius: 8px;
    padding: 0;
    margin-right: 6px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex: 1 1 100%;
    max-width: 100%;
    overflow: hidden;
}

.message-cell {
    background-color: var(--block-main);
}
.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: 7px;
    background:var(--block-main);
}
.attachmentUploads-banner {
    color: #1693b7;
    background: #272727B3;
    border: 1px solid #1693b7;
    border-radius: 4px;
    margin-top: 15px;
    padding: 4px 10px;
}

.fr-popup .fr-input-line input[type="text"]:focus, .fr-popup .fr-input-line textarea:focus {
    border-width: 1px;
    border-style: solid;
    border-top-color: #1693b7;
    border-right-color: #1693b7;
    border-bottom-color: #1693b7;
    border-left-color: #1693b7;
    padding: 6px;
    background: #272727B3;
    --o-border-heavy: #1693b7;
    --o-border-light: #1693b7;
}
.fr-popup .fr-input-line input[type="text"]:hover, .fr-popup .fr-input-line textarea:hover {
    border-width: 1px;
    border-style: solid;
    border-top-color: #00bdf4;
    border-right-color: #00bdf4;
    border-bottom-color: #00bdf4;
    border-left-color: #00bdf4;
}

.fr-popup .fr-buttons.fr-tabs {
    border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #272727B3;
    overflow: hidden;
}

.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab {
    background: #272727B3;
}

.menu--emoji .menu-header, .menu--gif .menu-header {
    background: none;
    font-size: 1.6rem;
    color: #00bdf4;
    border-top: 1px solid #1693b7;
    border-bottom: 1px solid #1693b7;
    background-color: #272727B3;
    z-index: 100;
    font-size: 1.3rem;
    position: -webkit-sticky;
    position: sticky;
    padding: 10px 15px;
    top: 0;
}

.button.button--plain, button.button a.button.button--plain {
    background: none;
    color: #00bdf4;
    border: none;
}

.actionBar .actionBar-action.actionBar-action--view {
    background: #272727B3;
    color: #00bdf4;
    border-color: #00bdf4;
    padding-left: 15px;
    padding-right: 15px;
}

.u-scrollButtons .button {
    font-size: 14px;
    display: flex;
    height: 30px;
    line-height: 24px;
    width: 24px;
    border-radius: 100%;
}

.blockMessage.blockMessage--important {
    color: #1693b7;
    background: #272727;
    border-left: 2px solid #00bdf4;
}