r/rainbow6 css

#header:before {
    background-size: cover
}

body,
body.submit-page {
    background-color: #151a1e
}

#header:before,
#mail.havemail:after,
.side .redditname:after,
.side:before {
    content: ""
}

.create,
.leavecontributor-button,
.leavemoderator,
.nub,
.rank,
.sr-bar .separator {
    display: none
}

body {
    position: relative;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

body:after {
    content: "";
    background-color: #272c30;
    background-image: linear-gradient(rgba(21, 26, 30, .4), rgba(21, 26, 30, .8)), url(%%siege-bg%%);
    background-size: cover;
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1
}

body.submit-page {
    background-image: linear-gradient(rgba(21, 26, 30, .8), rgba(21, 26, 30, .8)), url(%%submit-bg%%)
}

button {
    background-image: linear-gradient(#efefef, #9a9a9a);
    border: 0;
    font-size: 10px;
    border-radius: 4px;
    padding: 12px 18px;
    line-height: 1;
    color: #454d54;
    letter-spacing: .1ex;
    text-transform: uppercase;
    outline: 0!important
}

button:hover {
    box-shadow: inset 0 0 2px 1px #dfdfdf, inset 0 5em rgba(255, 255, 255, .3), 0 2px 3px -2px rgba(54, 54, 54, .69);
    background-image: linear-gradient(#e9e9e9, #fff, #c2c2c2)
}

button:active {
    background-image: linear-gradient(#216aa5, #2b81c6);
    box-shadow: inset 0 0 8px 0 rgba(43, 129, 198, 0), 0 2px 3px -4px rgba(54, 54, 54, .69);
    color: #d9e2e9;
    border: 1px solid transparent
}

.sheets .col textarea:focus {
    outline: 0;
    box-shadow: 0 0 0 1px #2b81c6
}

::-webkit-scrollbar {
    background-color: #1a1f23
}

::-webkit-scrollbar-thumb {
    background-color: #484c4f
}

::-webkit-resizer {
    background-color: #1a1f23;
    border: 8px solid transparent;
    border-right-color: #484c4f;
    border-bottom-color: #484c4f
}

#header {
    background-color: #1a2732;
    background-image: linear-gradient(rgba(26, 39, 50, .75), rgba(26, 39, 50, .55));
    background-position: 0 -180px;
    background-size: 100%;
    border: 0;
    position: relative;
    overflow: visible;
    box-shadow: inset 0 22px #000;
    z-index: 299!important;
    height: 146px;
    box-sizing: border-box
}

body.submit-page #header {
    height: 22px
}

#header:before {
    background-image: url(%%header-bg%%);
    position: absolute;
    background-position: center center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .6;
    z-index: -1
}

#sr-header-area {
    background-color: #000;
    border: 0;
    padding: 2px 0;
    z-index: 300
}

#sr-header-area:hover {
    mix-blend-mode: normal
}

#sr-header-area .sr-list {
    margin-top: 1px
}

#header #sr-header-area #sr-more-link {
    background-color: rgba(0, 0, 0, .8);
    margin: 0;
    box-shadow: -5px 0 20px 11px rgba(0, 0, 0, .8);
    color: rgba(255, 255, 255, .8);
    font-weight: 400
}

#sr-header-area a {
    color: #d8d8d8;
    padding: 0 2px;
    margin: 0 4px
}

#sr-header-area .drop-choices.srdrop.inuse {
    position: fixed;
    -moz-position: fixed;
    bottom: 0;
    height: 100vh;
    margin-left: 0;
    border: 0;
    background-color: rgba(0, 0, 0, .8);
    z-index: 300;
    overflow-y: scroll;
    width: 110px
}

#sr-header-area .drop-choices.srdrop.inuse::-webkit-scrollbar {
    width: 8px;
    background-color: transparent
}

#sr-header-area .drop-choices.srdrop.inuse a {
    font-size: 12px;
    line-height: 20px;
    color: rgba(255, 255, 255, .8)!important;
    text-transform: none;
    margin: 0!important;
    text-align: left!important;
    text-indent: 0!important
}

#sr-header-area .drop-choices.srdrop.inuse a.choice:hover {
    background-color: rgba(255, 255, 255, .8)!important;
    color: #000!important
}

span.selected.title {
    color: #fff!important
}

#header-bottom-right {
    top: 21px!important;
    bottom: initial;
    border-radius: 0;
    width: 300px;
    right: 12px;
    text-align: center;
    background-color: #3d4751;
    overflow: hidden;
    box-sizing: border-box;
    margin-top: 1px;
    white-space: nowrap;
    padding-top: 11px;
    height: 34px
}

#header-bottom-right *,
#header-bottom-right a {
    color: rgba(255, 255, 255, .8);
    font-weight: 400;
    font-size: 11px
}

#header-bottom-right .user {
    color: transparent
}

#header-bottom-right .user .userkarma {
    font-size: 9px;
    margin: 0 -2px;
    background-color: rgba(255, 255, 255, .8);
    color: #000;
    padding: 2px 5px;
    border-radius: 8px;
    position: relative;
    top: -1px
}

#header-bottom-right .user a:first-of-type {
    display: inline-block;
    max-width: 13ex;
    overflow: hidden;
    vertical-align: text-top
}

#header-bottom-right .separator {
    color: rgba(255, 255, 255, .8);
    margin: 0 4px
}

#mail,
#modmail,
#new_modmail,
.logout a,
.pref-lang {
    background-image: url(%%img-spritesheet%%)!important;
    background-size: 417px 541px!important;
    display: inline-block;
    height: 16px!important;
    width: 18px!important;
    overflow: visible;
    top: -7px;
    opacity: 1;
    color: transparent!important;
    font-size: 0!important;
    transform: scale(.85)
}

#mail:hover,
#modmail:hover,
#new_modmail:hover,
.logout a:hover,
.pref-lang:hover {
    opacity: 1;
    transform: scale(1);
    transition: all .15s ease-out
}

#mail {
    background-size: 363px!important;
    transform: initial!important
}

#mail.nohavemail {
    background-position: -18px -232px
}

#mail.havemail {
    background-position: -18px;
    background-position-y: -249px
}

#header-bottom-right .message-count {
    background-color: #ff7200;
    font-size: 9px!important;
    position: relative;
    color: #fff!important;
    opacity: .8
}

#mail.havemail:hover+.message-count {
    opacity: 1
}

#new_modmail.nohavemail {
    background-position: -43px -270px
}

#new_modmail.havemail {
    background-position: -43px -289px
}

#mail.havemail:after {
    font-size: 20px;
    position: fixed;
    background-image: url(%%img-spritesheet%%);
    background-position: -623px -1036px;
    background-size: calc(834px / 2);
    display: block;
    width: 206px;
    height: 42px;
    right: 12px;
    top: calc(50vh - 42px);
    transform: translateZ(0)!important;
    animation: message-count-fadein 5s ease-out 1s forwards;
    opacity: 0
}

#header-img-a,
.logout a,
.pref-lang {
    position: relative
}

@keyframes message-count-fadein {
    0% {
        transform: translateY(42px);
        opacity: .5
    }
    5%,
    86% {
        transform: translateX(0);
        opacity: 1
    }
    87% {
        opacity: 1
    }
    99% {
        opacity: 0;
        display: block
    }
    100% {
        display: none
    }
}

#modmail.nohavemail {
    background-position: 0 -270px
}

.pref-lang {
    background-position: -62px -270px
}

.logout a {
    background-position: -80px -270px
}

#header-img-a {
    background-image: linear-gradient(40deg, rgba(52, 55, 59, 0), rgba(216, 216, 216, 0)), url(%%reddit-rook%%);
    background-size: 100%, 68px;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 90px;
    height: 120px;
    margin: 0 -1px 12px 13px;
    background-color: transparent;
    border-radius: 8px;
    z-index: 2;
    color: transparent;
    float: left;
    opacity: .9
}

#header-img-a:hover {
    opacity: 1
}

.pagename {
    background-image: url(%%img-spritesheet%%);
    background-size: 417px 541px;
    background-position: 0 -225px;
    position: absolute;
    top: 43px;
    left: 105px;
    margin-left: 12px;
    width: 193px;
    height: 42px;
    color: transparent;
    font-size: 0;
    opacity: .8
}

.side #search,
.side:before {
    position: absolute;
    z-index: 299;
    width: 300px
}

.pagename:hover {
    opacity: 1
}

.pagename a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

#header-img {
    display: none
}

#header .tabmenu {
    margin-left: 8px;
    position: absolute;
    bottom: 0
}

.tabmenu li {
    display: inline-flex;
    margin: 0;
    padding: 0
}

.tabmenu li:nth-of-type(8),
body.submit-page .side {
    display: none
}

.tabmenu li a {
    background-color: rgba(0, 0, 0, 0);
    color: rgba(255, 255, 255, .75);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: Arial Narrow, sans-serif;
    font-weight: 100;
    padding: 12px 8px 12px 10px
}

.tabmenu li:nth-of-type(7) a {
    background-color: rgba(255, 255, 152, .15);
    text-shadow: 0 1px rgba(0, 0, 0, .5);
    color: #ffffe3;
    opacity: .9
}

.tabmenu li:hover:not(.selected) a {
    background-color: rgba(255, 255, 255, .1);
    color: #fff;
    transition: background-color .15s ease-out
}

.tabmenu li:nth-of-type(7) a:hover {
    background-color: rgba(255, 255, 152, .3);
    text-shadow: 0 1px rgba(0, 0, 0, .5);
    color: #ffffe3;
    opacity: 1
}

.tabmenu li a:active,
.tabmenu li.selected a {
    background-color: rgba(255, 255, 255, .25)!important;
    border: 0;
    color: #fff;
    cursor: default;
    transition: all 0s!important
}

.side {
    background-color: rgba(0, 0, 0, 0);
    color: #d8d8d8;
    margin-right: 12px;
    margin-top: 289px
}

.side:before {
    margin-top: -156px;
    padding-top: 224px;
    background-image: url(%%sidebar-img%%);
    background-size: cover;
    background-position: center 0;
    background-color: #552c36;
    top: 212px;
    right: 12px;
    display: block
}

.side #search {
    top: 238px
}

.side #search input[type=text] {
    color: #fff;
    margin: 0 auto;
    padding: 8px 0;
    width: 240px;
    display: block;
    border: 1px solid rgba(216, 216, 216, .5);
    background-color: rgba(26, 31, 35, .8);
    border-radius: 2px;
    position: relative;
    text-align: center;
    z-index: 10;
    font-family: inherit;
    font-weight: 500;
    font-size: 12px
}

.side #search input[type=text]::-webkit-input-placeholder {
    color: #d8d8d8!important
}

.side #search input[type=submit] {
    background-image: url(%%img-spritesheet%%);
    background-size: calc(834px / 2);
    background-position: -54px -318px;
    height: 16px;
    width: 16px;
    position: absolute;
    z-index: 10;
    left: 64px;
    top: 8px
}

.side .redditname,
.subscribe-button,
.subscribers,
.users-online {
    z-index: 101;
    position: absolute
}

.side #search input[type=text]:focus {
    background-color: rgba(0, 0, 0, .8);
    outline: 0!important
}

.side #search input[type=text]::-moz-placeholder {
    color: rgba(255, 255, 255, .8)
}

.side #search input[type=text]:-ms-input-placeholder {
    color: rgba(255, 255, 255, .8)
}

.side #search input[type=text]:-moz-placeholder {
    color: rgba(255, 255, 255, .8)
}

.morelink a,
.side .redditname a {
    color: #fff;
    letter-spacing: 1px;
    font-size: 14px
}

.side #searchexpando {
    position: absolute;
    width: 276px;
    box-sizing: border-box;
    margin: -111px 12px 0;
    background-color: rgba(0, 0, 0, .75);
    border: 0;
    box-shadow: 0 0 8px #000
}

.side .redditname {
    top: 280px;
    background-color: #3d4751;
    background-image: url(%%sticky-bg%%);
    background-repeat: no-repeat;
    background-position: 50% -28px;
    background-size: 160px;
    box-shadow: 0 56px #d8d8d8, 0 62px 12px -8px #3d4751, 0 87px #c9cacb;
    width: 300px;
    padding: 8px 12px 40px;
    box-sizing: border-box
}

body.submit-page .side .redditname {
    box-shadow: 0 8px 8px -8px rgba(26, 31, 35, .8)
}

.side .redditname:after {
    display: block;
    padding: 0;
    position: absolute;
    bottom: 0;
    border: 10px solid transparent;
    border-bottom-color: #d8d8d8;
    left: 0;
    margin-left: 46.5%
}

body.submit-page .side .redditname:after {
    display: none
}

.side .redditname a {
    font-family: Arial, sans-serif;
    font-weight: 200
}

.side .redditname a:before {
    content: "/r/"
}

.morelink,
.side .md a[href="https://www.reddit.com/r/Rainbow6/about/rules"] {
    top: 435px
}

.morelink {
    width: calc(300px / 2 - 18px);
    position: absolute;
    margin: -73px 156px 0;
    background-image: none;
    border: 0;
    z-index: 102
}

.submit-text .morelink {
    right: 12px
}

.morelink a {
    text-transform: uppercase;
    font-family: Arial Narrow, Arial, sans-serif;
    font-weight: 400;
    line-height: 30px;
    padding: 2px 0;
    box-shadow: inset 0 37px rgba(255, 255, 255, 0)
}

.titlebox .toggle.sr_style_toggle,
body.res form.toggle.res-sr-style-toggle {
    background-color: rgba(0, 0, 0, 0);
    font-family: Verdana, sans-serif;
    color: #d8d8d8
}

.titlebox .toggle.sr_style_toggle {
    vertical-align: text-top;
    display: inline
}

body.listing-page .content {
    margin-top: 34px
}

body.listing-page .side .md>blockquote:nth-of-type(1) {
    position: absolute;
    top: 146px;
    left: 0;
    background-color: #3d4751;
    border: 0;
    padding: 0;
    margin: 0 0 0 12px;
    width: calc(100% - 300px - 36px);
    border-bottom: 4px solid #2b81c6;
    max-height: 30px!important;
    overflow: hidden!important
}

body.listing-page .side .md>blockquote:nth-of-type(1) h4 {
    display: none
}

body.listing-page .side .md>blockquote:nth-of-type(1) ul {
    display: flex;
    margin: 0 68px;
    padding: 0;
    flex-wrap: wrap;
    justify-content: center;
    white-space: nowrap
}

body.top-page .side .md>blockquote:nth-of-type(1) {
    display: none
}

body.listing-page .side .md>blockquote:nth-of-type(1) ul>li:first-of-type {
    pointer-events: none;
    position: absolute;
    left: 0;
    color: #d8d8d8;
    background-color: #2b81c6;
    box-shadow: 0 0;
    border: 0;
    line-height: 34px;
    font-family: Arial Narrow, sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 0 6px 0 15px;
    z-index: 1;
    font-size: 0;
    white-space: nowrap;
    width: 22px
}

body.listing-page .side .md>blockquote:nth-of-type(1) ul>li:first-of-type:after {
    content: "";
    background-color: inherit;
    padding: 17px 12px;
    position: absolute;
    transform: skewX(20deg);
    right: -7px;
    z-index: -1;
    box-shadow: 12px 0 rgba(43, 129, 198, .3)
}

body.listing-page .side .md>blockquote:nth-of-type(1) ul>li:first-of-type:before {
    content: "";
    background-image: url(%%img-spritesheet%%);
    display: inline-block;
    width: 11px;
    height: 16px;
    background-position: 0 -184px;
    background-size: 250px;
    vertical-align: middle;
    margin-bottom: 3px;
    margin-right: 8px;
    margin-left: 3px;
    transform: scale(1.15)
}

body.listing-page .side .md>blockquote:nth-of-type(1) ul li {
    list-style: none;
    line-height: 30px;
    position: relative
}

body.listing-page .side .md>blockquote:nth-of-type(1) ul li a {
    font-size: 10px;
    font-weight: 400;
    padding: 12px;
    color: #d8d8d8!important;
    text-decoration: none!important;
    font-family: Verdana, sans-serif;
    position: relative
}

.md>blockquote:nth-of-type(1) ul li a[title="!"] {
    background: rgba(43, 129, 198, .2)
}

.md>blockquote:nth-of-type(1) ul li a[title="!"]:before {
    content: "";
    display: inline-block;
    background-color: #2b81c6;
    color: #2b81c6;
    padding: 4px;
    border-radius: 50%;
    margin-right: 12px;
    box-shadow: 0 0;
    animation: announce-important .8s ease-in 1s infinite
}

@keyframes announce-important {
    0% {
        transform: scale(1.3);
        background-color: #fff;
        box-shadow: 0 0 0 0 #3d4751, 0 0 0 0 rgba(43, 129, 198, 1)
    }
    10% {
        transform: scale(1);
        background-color: #fff
    }
    50% {
        box-shadow: 0 0 0 0 #3d4751, 0 0 0 4px rgba(43, 129, 198, .8)
    }
    100% {
        background-color: #2b81c6;
        box-shadow: 0 0 0 6px #3d4751, 0 0 24px 6px rgba(255, 255, 255, 0)
    }
}

body.listing-page .side .md>blockquote:nth-of-type(1) ul li a:visited {
    color: #91979d
}

body.listing-page .side .md>blockquote:nth-of-type(1) ul li a:hover {
    color: #d8d8d8!important
}

body.listing-page .side .md>blockquote:nth-of-type(1) ul li a:active {
    top: 1px
}

body.listing-page .side .md>blockquote:nth-of-type(1) ul li:not(:first-of-type):hover {
    background-color: rgba(255, 255, 255, .03)
}

.side .md a[href="https://www.reddit.com/r/Rainbow6/about/rules"] {
    position: absolute;
    z-index: 101;
    margin-top: -29px;
    background-color: #3d4751;
    color: #fff;
    font-size: 10px;
    font-family: Verdana, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 100;
    margin-left: 70px;
    width: calc(300px / 2 - 12px);
    line-height: 18px;
    text-align: center;
    padding: 3px 0
}

.drop-choices.inuse a,
.menuarea .dropdown span.selected {
    text-transform: capitalize;
    font-family: Verdana, sans-serif
}

.subscribe-button .option,
.subscribers {
    line-height: 22px;
    font-weight: 500;
    font-size: 10px
}

.side .md a[href="https://www.reddit.com/r/Rainbow6/about/rules"]:after,
.side .md a[href="https://www.reddit.com/r/Rainbow6/about/rules"]:before {
    content: "";
    background-color: inherit;
    padding: 12px 8px;
    margin-top: -3px;
    position: absolute
}

body.submit-page .side .md a[href="https://www.reddit.com/r/Rainbow6/about/rules"] {
    display: none
}

.side .md a[href="https://www.reddit.com/r/Rainbow6/about/rules"]:after {
    margin-left: 9px;
    transform: skewX(-20deg)
}

.side .md a[href="https://www.reddit.com/r/Rainbow6/about/rules"]:before {
    margin-left: -25px;
    transform: skewX(20deg)
}

.morelink a:hover,
.side .md a[href="https://www.reddit.com/r/Rainbow6/about/rules"]:hover {
    box-shadow: inset 0 37px rgba(255, 255, 255, .1)
}

.morelink a:active,
.side .md a[href="https://www.reddit.com/r/Rainbow6/about/rules"]:active {
    box-shadow: inset 0 37px rgba(0, 0, 0, .1)
}

.morelink a:focus,
.side .md a[href="https://www.reddit.com/r/Rainbow6/about/rules"]:focus {
    box-shadow: inset 0 37px transparent;
    transition: all 0 .3s
}

.submit-link .morelink a {
    background-color: #2b81c6
}

.submit-text .morelink a {
    background-color: #c46a2b
}

.subscribe-button {
    top: 315px;
    margin-left: 12px
}

.subscribe-button .option {
    padding: 0;
    background-image: none!important;
    border-radius: 2px 0 0 2px;
    width: 78px;
    text-transform: capitalize;
    text-align: center;
    margin-top: -4px;
    border: 3px solid #3d4751;
    border-right: 0;
    border-left: 0
}

.subscribe-button .option.active {
    display: inline-block
}

.subscribers .word,
.users-online:before {
    display: none
}

.subscribe-button .option.add {
    background-color: #feff00;
    color: #404a53
}

.subscribe-button .option.remove {
    background-color: rgba(216, 216, 216, .2);
    color: #d8d8d8
}

.titlebox form.flairtoggle {
    background-color: rgba(0, 0, 0, 0)
}

.subscribers {
    top: 311px;
    background-color: rgba(216, 216, 216, .81);
    color: #3d4751;
    padding: 0 8px;
    margin-left: 90px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border: 3px solid #3d4751;
    border-left: 0
}

.users-online {
    top: 290px;
    line-height: 14px;
    color: #d8d8d8;
    background: rgba(216, 216, 216, .15);
    background-size: 80px 101px;
    text-align: center;
    width: 48px;
    font-family: Arial Narrow, sans-serif;
    padding: 10px 8px;
    font-size: 10px;
    border-radius: 2px;
    right: 12px;
    margin-right: 12px;
    font-weight: 800;
    box-shadow: 0 0 0 3px #3d4751
}

.users-online .number {
    font-size: 14px;
    letter-spacing: 2px;
    padding: 0 0 0 2px
}

.users-online .word {
    display: block;
    visibility: hidden;
    font-size: 0;
    color: transparent
}

.users-online .word:before {
    content: "online";
    display: inline-block;
    font-size: 10px;
    visibility: visible;
    letter-spacing: 2px;
    line-height: 17px;
    text-transform: uppercase;
    color: #d8d8d8;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(216, 216, 216, .15)
}

.content .flairselector .customizer {
    display: none!important
}

.link.thing .flairselector {
    z-index: 99999
}

.side .titlebox form.toggle.flairtoggle {
    background-color: #3d4751;
    display: block;
    color: #d8d8d8;
    font-family: Helvetica Neue, Segoe UI, sans-serif;
    font-size: 12px;
    padding: 8px;
    border-radius: 4px 4px 0 0;
    margin-top: 8px;
    text-align: center
}

.side .titlebox form.toggle.flairtoggle>label {
    font-size: 0
}

.side .titlebox form.toggle.flairtoggle>label:before {
    content: "show user flair";
    font-weight: 200;
    font-size: 12px
}

.side .tagline {
    background-color: rgba(0, 0, 0, .6);
    background-image: radial-gradient(rgba(53, 165, 255, .23) 22%, rgba(0, 0, 0, 0) 70%);
    background-position: center 17px;
    background-repeat: no-repeat;
    background-size: 340px 70px;
    margin: 0 0 15px!important;
    padding: 4px 12px;
    min-height: 40px;
    display: flex;
    align-items: center;
    position: relative;
    color: transparent;
    box-shadow: 0 8px 8px -8px #000
}

.side .tagline:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    display: block;
    height: 1px;
    background: radial-gradient(#fff, #2b81c6 40%, rgba(0, 0, 0, 0) 60%) center
}

.side .tagline .author {
    font-size: 12px;
    font-weight: 700;
    color: #d8d8d8;
    margin-left: 12px
}

.side .tagline .flairselectbtn {
    width: 60px;
    position: absolute;
    right: 0;
    top: 14px;
    color: #3c4650;
    background-color: #d8d8d8;
    text-align: center;
    padding: 4px 0;
    margin-right: 12px;
    border-radius: 2px;
    font-family: Helvetica Neue, Seoge UI, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    z-index: 10
}

.side .md h1,
.side .md h4+blockquote ul li:first-of-type,
.side .md h4+blockquote>h1 {
    font-weight: 200;
    font-family: Helvetica Neue, Segoe UI, sans-serif
}

.side .flairselector.drop-choices.active {
    left: -320px!important
}

body:not(.moderator) .flairselector .linkflair-Official {
    display: none
}

body.contributor .flairselector .linkflair-Official {
    display: inline
}

body:not(.moderator) .flairselector .linkflair-meta {
    display: none
}

body.contributor .flairselector .linkflair-meta {
    display: inline
}

body:not(.moderator) .flairselector .linkflair-ESL {
    display: none
}

body.contributor .flairselector .linkflair-ESL {
    display: inline
}

body:not(.moderator) .flairselector .linkflair-Ubiresponse {
    display: none
}

body.contributor .flairselector .linkflair-Ubiresponse {
    display: inline
}

.side .md {
    color: #d8d8d8;
    background-color: rgba(0, 0, 0, .5);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .25);
    padding: 0 12px
}

.side .md>* {
    line-height: 1.5em!important
}

.side .md h1 {
    font-size: 18px
}

.side .md a[href="#side-md-image"] {
    pointer-events: none;
    background-image: url(%%sidebar-img-2%%);
    background-size: cover;
    background-position: 0 -18px;
    display: inline-block;
    width: 300px;
    height: 140px;
    transform: translate(-12px, 0)
}

.side .md a[href="https://discord.gg/rainbow6"] {
    position: absolute;
    background-image: url(%%img-spritesheet%%);
    background-size: 417px 541px;
    background-position: 0 -200px;
    display: inline-block;
    width: 30px;
    height: 20px;
    z-index: 300;
    top: 54px;
    left: 323px;
    opacity: .8;
    perspective: 1000px;
    transform: rotate3d(1, 0, 0, 0deg)
}

#header+.side .md a[href="https://discord.gg/rainbow6"]:hover,
#header:hover+.side .md a[href="https://discord.gg/rainbow6"] {
    animation: discord-fade-in .8s cubic-bezier(.85, .59, .48, 1.36) 0s 1 forwards
}

.side .md a[href="https://discord.gg/rainbow6"]:hover {
    opacity: 1!important
}

@keyframes discord-fade-in {
    0%,
    35%,
    55% {
        width: 30px;
        transform: rotate3d(1, 0, 0, 0deg) translateY(0) scale(1, 1)
    }
    64% {
        transform: rotate3d(1, 0, 0, 0deg)
    }
    68% {
        width: 30px;
        transform: rotate3d(1, 0, 0, 90deg) translateY(0) scale(1, 1)
    }
    69% {
        width: 155px
    }
    95% {
        width: 155px;
        transform: rotate3d(1, 0, 0, -30deg) translateY(0) scale(1, 1)
    }
    100% {
        width: 155px;
        transform: rotate3d(1, 0, 0, 0deg) translateY(0) scale(1, 1)
    }
}

.side .md h4+blockquote,
.side .md>h3+ul {
    transform: translateX(-12px);
    box-sizing: border-box
}

.side .md>h4 {
    margin-bottom: 88px
}

.side .md h4+blockquote {
    width: 300px;
    border: 0;
    margin: -92px 0 0;
    padding: 8px 12px 14px;
    box-shadow: 0 1px rgba(255, 255, 255, .1), 0 -1px rgba(255, 255, 255, .1);
    position: absolute;
    height: 88px;
    overflow: hidden
}

.side .md h4+blockquote:hover {
    height: 272px;
    background-color: #242729;
    transition: height .3s cubic-bezier(0, 0, 0, 1.3), background-color 0s
}

body:not(.listing-page) .side .md h4,
body:not(.listing-page) .side .md h4+blockquote {
    display: none!important
}

.side .md h4+blockquote hr,
body:not(.listing-page) .side .md>blockquote:first-of-type {
    display: none
}

.side .md h4+blockquote>h1 {
    color: #d8d8d8;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity: .8;
    line-height: 2.3em;
    background: radial-gradient(rgba(216, 216, 216, .25), rgba(0, 0, 0, 0) 59%) center 17px no-repeat;
    box-shadow: 0 8px 12px -12px #000
}

.side .md h4+blockquote h3 {
    height: 6px;
    box-sizing: border-box;
    display: block;
    margin: 0
}

.side .md h4+blockquote ul {
    display: flex;
    height: 28px;
    padding: 7px 8px;
    position: relative;
    background-color: rgba(0, 0, 0, .15);
    box-shadow: inset 0 1px rgba(0, 0, 0, .15), 0 1px rgba(255, 255, 255, .05);
    justify-content: flex-end;
    list-style: none;
    margin: 6px 0 0;
    border-radius: 12px;
    overflow: hidden;
    box-sizing: border-box
}

body:lang(en-us) .side .md h4+blockquote ul:first-of-type a {
    box-shadow: inset 0 0 0 1px #2b81c6;
    pointer-events: none
}

.side .md h4+blockquote ul li:first-of-type {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    align-items: center;
    background-color: rgba(43, 50, 57, 0);
    padding: 0 6px;
    font-size: 12px;
    min-width: 106px;
    display: flex;
    justify-content: flex-end;
    opacity: .9
}

.side .md h4+blockquote ul li:first-of-type a {
    color: #d8d8d8;
    padding-right: 8px;
    text-transform: initial;
    line-height: 30px;
    display: inline-block;
    position: absolute;
    top: 1px;
    bottom: 1px;
    left: 1px;
    right: -263px;
    text-align: left;
    text-indent: 38px;
    border-radius: 12px
}

.side .md h4+blockquote ul:hover li:first-of-type a,
body:lang(en-us) .side .md h4+blockquote ul:first-of-type a {
    background-color: rgba(216, 216, 216, .15)
}

.side .md h4+blockquote ul li:first-of-type a:before {
    content: "";
    background-image: url(%%img-spritesheet%%);
    background-size: 417px;
    background-position: -34px -876px;
    display: inline-block;
    float: left;
    width: 12px;
    top: -1px;
    bottom: 0;
    left: 13px;
    position: absolute;
    visibility: visible
}

.side .md h4+blockquote ul li:first-of-type em a {
    color: #64c62b;
    font-style: normal
}

.side .md h4+blockquote ul:hover li:first-of-type em a {
    background-color: rgba(100, 198, 43, .2)
}

.side .md h4+blockquote ul li:first-of-type em a:before {
    background-position: 0 -877px
}

.side .md h4+blockquote ul li:first-of-type strong a {
    font-weight: 400;
    color: #c42b2b
}

.side .md h4+blockquote ul:hover li:first-of-type strong a {
    background-color: rgba(196, 43, 43, .2)
}

.side .md h4+blockquote ul li:first-of-type strong a:before {
    background-position: -17px -877px
}

.side .md h4+blockquote ul li {
    background-color: rgba(216, 216, 216, 0);
    color: #d8d8d8;
    padding: 2px 0 0;
    font-weight: 400;
    opacity: .8
}

.side .md h4+blockquote ul li:not(:first-of-type):after {
    content: ",";
    text-decoration: none!important
}

.side .md h4+blockquote ul li:last-of-type:after {
    content: ""
}

body:lang(cr) .side .md h4+blockquote ul:first-of-type,
body:lang(nc) .side .md h4+blockquote ul:first-of-type,
body:lang(nd) .side .md h4+blockquote ul:first-of-type,
body:lang(nf) .side .md h4+blockquote ul:first-of-type,
body:lang(sf) .side .md h4+blockquote ul:first-of-type {
    background-color: rgba(43, 129, 198, .3);
    box-shadow: inset 0 0 0 1px rgba(43, 129, 198, 1)
}

.side .md h4+blockquote ul:first-of-type:hover {
    background-color: rgba(43, 129, 198, .15)!important
}

body:lang(cr) .side .md h4+blockquote ul:first-of-type li:first-of-type a,
body:lang(nc) .side .md h4+blockquote ul:first-of-type li:first-of-type a,
body:lang(nd) .side .md h4+blockquote ul:first-of-type li:first-of-type a,
body:lang(nf) .side .md h4+blockquote ul:first-of-type li:first-of-type a,
body:lang(sf) .side .md h4+blockquote ul:first-of-type li:first-of-type a {
    font-size: 0!important;
    visibility: hidden
}

body:lang(cr) .side .md h4+blockquote ul:first-of-type li:first-of-type a:after,
body:lang(nc) .side .md h4+blockquote ul:first-of-type li:first-of-type a:after,
body:lang(nd) .side .md h4+blockquote ul:first-of-type li:first-of-type a:after,
body:lang(nf) .side .md h4+blockquote ul:first-of-type li:first-of-type a:after,
body:lang(sf) .side .md h4+blockquote ul:first-of-type li:first-of-type a:after {
    content: "active filter – click here to disable";
    font-size: 12px;
    visibility: visible;
    display: inline-block;
    text-indent: -9px;
    line-height: 27px
}

.titlebox .bottom {
    color: transparent;
    font-size: 0
}

.titlebox .bottom .age {
    font-size: 10px;
    text-transform: uppercase;
    color: #d8d8d8;
    text-align: center;
    display: inline-block;
    width: 100%;
    font-family: Helvetica Neue, Segoe UI, sans-serif;
    font-weight: 200;
    margin: 10px 0 0;
    padding: 4px 0;
    background-color: rgba(216, 216, 216, .15)
}

.titlebox .bottom .age time {
    font-weight: 400;
    color: #c46a2b
}

.side .md>h3+ul {
    display: flex;
    list-style: none;
    width: 300px;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0 8px!important;
    align-items: stretch
}

.side .md>h3+ul li {
    flex-basis: calc(50% - 12px);
    min-height: 42px;
    background-color: #3d4751;
    box-sizing: border-box;
    margin: 6px;
    position: relative;
    overflow: hidden;
    font-size: 10px;
    font-family: Verdana, sans-serif;
    font-weight: 500
}

.side .md>h3+ul li a:hover {
    box-shadow: inset 0 58px rgba(255, 255, 255, .15);
    background-position-x: 130px;
    transition: background-position-x .3s cubic-bezier(.85, .59, .48, 1.36)
}

.side .md>h3+ul li a {
    position: absolute;
    color: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 6px;
    background-image: url(%%featured-links-sheet%%);
    background-size: 260px;
    text-shadow: 0 1px #000;
    background-position: -130px 0
}

.side .md>h3+ul li a[href*="twitter.com"] {
    background-position: 0 -62px
}

.side .md>h3+ul li a[href*="rainbow6.ubi.com"] {
    background-position: 0 -6px
}

.side .md>h3+ul li a[href*="twitch.tv"] {
    background-position: 0 -119px
}

.side .md>h3+ul li a[href*="youtube.com"] {
    background-position: 0 -175px
}

.side .md>h3+ul li a[href*=facebook] {
    background-position: 0 -230px
}

.side .md>h3+ul li a[href*="instagram.com"] {
    background-position: 0 -287px
}

.side .md>h3+ul li a[href*="rainbow6.ubi.com"]:hover {
    background-position: -130px 0;
    color: transparent;
    text-shadow: 0 0;
    transition: all 0s linear 5s
}

.side .md>h3+ul li:nth-of-type(7),
.side .md>h3+ul li:nth-of-type(8) {
    flex-basis: 100%;
    background-color: rgba(0, 0, 0, 0);
    margin: 0
}

.side .md>h3+ul li:nth-of-type(7)>p,
.side .md>h3+ul li:nth-of-type(8)>p {
    padding: 6px 8px 4px;
    font-size: 12px!important;
    font-family: Verdana, sans-serif;
    font-weight: 400;
    color: #d8d8d8
}

.side .md>h3+ul li:nth-of-type(7)>ul,
.side .md>h3+ul li:nth-of-type(8)>ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0!important
}

.side .md>h3+ul li:nth-of-type(7)>ul li,
.side .md>h3+ul li:nth-of-type(8)>ul li {
    flex-basis: calc(33% - 8px);
    flex-grow: 1;
    z-index: 10;
    width: initial;
    display: inline-block;
    min-height: 30px;
    line-height: 8px;
    margin: 4px
}

h2+blockquote,
h2+blockquote ul {
    padding: 0!important;
    margin: 0!important
}

.side .md>h3+ul li:nth-of-type(7)>ul li a,
.side .md>h3+ul li:nth-of-type(8)>ul li a {
    background: #3d4751;
    text-indent: 3px;
    line-height: 21px
}

.side .md>h3+ul li:nth-of-type(8)>ul li:nth-of-type(4),
.side .md>h3+ul li:nth-of-type(8)>ul li:nth-of-type(5) {
    flex-basis: calc(50% - 8px)
}

h2+blockquote {
    border: 0!important;
    float: left
}

h2+blockquote ul {
    list-style: none!important;
    color: #d8d8d8
}

h2+blockquote>ul>li {
    font-size: 14px!important;
    padding: 4px 0;
    font-weight: 800;
    color: #fddc01!important;
    clear: both
}

h2+blockquote li ul {
    font-size: 12px;
    font-weight: 300;
    margin-top: 6px!important;
    padding-bottom: 6px!important;
    position: relative;
    display: block;
    width: 190px;
    float: right;
    padding-top: 7px!important
}

h2+blockquote li ul strong {
    color: #d8d8d8;
    background-color: rgba(216, 216, 216, .3);
    padding: 6px 2px;
    position: absolute;
    left: -85px;
    top: 0;
    float: left;
    width: 75px;
    text-align: center;
    border-radius: 3px
}

h2+blockquote li ul em {
    display: block;
    text-align: center;
    background-color: rgba(216, 216, 216, .15);
    box-shadow: 0 0 0 1px #2c79b7;
    padding: 5px 0;
    border-radius: 3px;
    position: relative;
    left: -85px;
    margin-top: 11px;
    width: 78px
}

h2+blockquote li ul em:hover {
    background-color: #2c79b7
}

h2+blockquote li ul em:after {
    content: "";
    position: absolute;
    left: calc(100% - -6px);
    right: -198px;
    bottom: 6px;
    display: block;
    padding: 1px 0;
    box-shadow: 0 1px rgba(216, 216, 216, .16)
}

h2+blockquote li ul em a {
    color: #fff!important;
    font-style: normal
}

h2+blockquote+p {
    text-align: right
}

h2+blockquote+p>em>a {
    color: #d8d8d8!important;
    background-color: #3d4751;
    font-style: normal;
    font-size: 10px;
    padding: 2px 4px;
    display: inline-block;
    margin-top: 12px
}

.side .md h6+blockquote {
    box-sizing: border-box;
    border: 0!important;
    color: #d8d8d8;
    background-color: rgba(0, 0, 0, .3);
    box-shadow: 11px 0 rgba(0, 0, 0, .3)
}

.side .md h6+blockquote h2 {
    font-family: Helvetica Neue, Segoe UI, sans-serif;
    font-weight: 400;
    font-size: 18px;
    display: inline-block
}

.side .md h6+blockquote h2>* {
    font-family: Helvetica Neue, Segoe UI, sans-serif;
    font-weight: 700;
    padding: 0 2px;
    font-style: normal!important
}

.side .md h6+blockquote h2 em {
    color: #64c62b;
    background-color: rgba(100, 198, 43, .15)
}

.side .md h6+blockquote h2 strong {
    color: #c42b2b;
    background-color: rgba(196, 43, 43, .3)
}

.side .md h6+blockquote ul {
    padding: 0 0 0 16px;
    margin: 0 4px;
    list-style: none;
    border-left: 2px solid transparent
}

.side .md h6+blockquote ul:first-of-type {
    border-color: #3a592d
}

.side .md h6+blockquote ul:last-of-type {
    border-color: #612628
}

.side .md h6+blockquote ul li {
    font-family: Verdana, sans-serif;
    font-size: 10px;
    line-height: 1.5em;
    margin-bottom: .5em;
    position: relative;
    padding-left: 4px
}

.side .md h6+blockquote ul li:after {
    content: "";
    padding: 1px 3px;
    border-top: 1px solid rgba(216, 216, 216, .3);
    position: absolute;
    left: -7px;
    top: calc(50% - 1px)
}

.side .md h6+blockquote ul li:before {
    content: "";
    position: absolute;
    padding: 3px;
    background-color: #222527;
    border-radius: 50%;
    left: -22px;
    top: calc(50% - 5px)
}

.side .md h6+blockquote ul:first-of-type li:before {
    border: 2px solid #222527;
    background-color: #64c62b;
    box-shadow: 0 0 0 1px #64c62b, 0 0 0 4px #222527
}

.side .md h6+blockquote ul:last-of-type li:before {
    border: 2px solid #222527;
    background-color: #c42b2b;
    box-shadow: 0 0 0 1px #c42b2b, 0 0 0 4px #222527
}

.side .md h6+blockquote ul li a {
    color: #fff;
    text-decoration: underline
}

.side .md h1:last-of-type+ul {
    display: flex;
    list-style: none;
    justify-content: center;
    padding: 0!important
}

.side .md h1:last-of-type+ul li {
    display: inline-block;
    width: 45px;
    height: 45px;
    background-image: url(%%ubi-subreddits-sheet%%);
    background-position: -10px -10px;
    margin: 0 4px;
    position: relative
}

.side .md h1:last-of-type+ul li a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.side .md h1:last-of-type+ul li:nth-of-type(1) {
    background-position-y: -140px
}

.side .md h1:last-of-type+ul li:nth-of-type(2) {
    background-position-y: -270px
}

.side .md h1:last-of-type+ul li:nth-of-type(3) {
    background-position-y: -205px
}

.side .md h1:last-of-type+ul li:nth-of-type(4) {
    background-position-y: -75px
}

.side .md h1:last-of-type+ul li:nth-of-type(5) {
    background-position-y: -10px
}

#moderation_tools .content {
    padding-left: 0;
    padding-right: 0
}

#moderation_tools .icon-menu {
    margin-top: 5px;
    height: 210px;
    width: 280px;
    position: relative
}

.mod-toolbox #moderation_tools .icon-menu {
    height: 240px
}

#moderation_tools .icon-menu li {
    display: inline
}

#moderation_tools .icon-menu a {
    margin: 0;
    display: block;
    position: absolute;
    width: 50%;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    height: 20px;
    line-height: 20px;
    padding-left: 20px;
    box-sizing: border-box
}

#moderation_tools .icon-menu::after {
    content: "";
    display: block;
    clear: both
}

#moderation_tools .icon-menu a::before {
    background: 0;
    width: auto;
    height: auto;
    display: inline;
    float: none;
    margin: 0
}

#moderation_tools a::before {
    color: #fff;
    padding-right: 280px
}

#moderation_tools a::after {
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 3px;
    background-color: #b5b5b9;
    background-image: url(%%modtools%%);
    background-repeat: no-repeat;
    border-radius: 3px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    #moderation_tools a::after {
        background-image: url(%%modtools-2x%%);
        background-size: 238px 14px
    }
}

#moderation_tools .separator {
    display: none
}

#moderation_tools img,
.sidecontentbox .flair {
    display: none!important
}

#moderation_tools .reddit-modqueue {
    left: 0;
    top: 0
}

#moderation_tools .reddit-automod {
    left: 50%;
    top: 0
}

#moderation_tools .reddit-modqueue::after {
    background-color: #ff9500
}

#moderation_tools .reddit-automod::after {
    background-color: #007aff;
    background-position: -14px 0
}

#moderation_tools .reddit-modqueue::before {
    content: "Moderation Queue"
}

#moderation_tools .reddit-automod::before {
    content: "AutoModerator"
}

#moderation_tools .reddit-reported {
    left: 0;
    top: 20px
}

#moderation_tools .reddit-mute {
    left: 50%;
    top: 20px
}

#moderation_tools .reddit-reported::after {
    background-color: #ff2d55;
    background-position: -28px 0
}

#moderation_tools .reddit-mute::after {
    background-color: #34aadc;
    background-position: -42px 0
}

#moderation_tools .reddit-mute::before {
    content: "Mutes"
}

#moderation_tools .reddit-reported::before {
    content: "Reported Posts"
}

#moderation_tools .reddit-spam {
    left: 0;
    top: 40px
}

#moderation_tools .reddit-ban {
    left: 50%;
    top: 40px
}

#moderation_tools .reddit-ban::after {
    background-color: #34aadc;
    background-position: -70px 0
}

#moderation_tools .reddit-spam::after {
    background-color: #ff2d55;
    background-position: -56px 0
}

#moderation_tools .reddit-spam::before {
    content: "Spam"
}

#moderation_tools .reddit-ban::before {
    content: "Bans"
}

#moderation_tools .reddit-moderationlog {
    left: 0;
    top: 70px
}

#moderation_tools .reddit-unmoderated {
    left: 50%;
    top: 70px
}

#moderation_tools .reddit-moderationlog::after {
    background-color: #007aff;
    background-position: -84px 0
}

#moderation_tools .reddit-unmoderated::after {
    background-position: -98px 0
}

#moderation_tools .reddit-moderationlog::before {
    content: "Moderation Log"
}

#moderation_tools .reddit-unmoderated::before {
    content: "Unmodded Posts"
}

#moderation_tools .moderator-mail {
    left: 0;
    top: 90px
}

#moderation_tools .reddit-edited {
    left: 50%;
    top: 90px
}

#moderation_tools .moderator-mail::after {
    background-color: #007aff;
    background-position: -112px 0
}

#moderation_tools .reddit-edited::after {
    background-position: -126px 0
}

#moderation_tools .moderator-mail::before {
    content: "Inbox"
}

#moderation_tools .reddit-edited::before {
    content: "Edited Posts"
}

#moderation_tools .edit-stylesheet {
    left: 0;
    top: 120px
}

#moderation_tools .reddit-traffic {
    left: 50%;
    top: 120px
}

#moderation_tools .edit-stylesheet::after {
    background-color: #4cd964;
    background-position: -140px 0
}

#moderation_tools .reddit-traffic::after {
    background-position: -154px 0
}

#moderation_tools .edit-stylesheet::before {
    content: "Stylesheet"
}

#moderation_tools .reddit-traffic::before {
    content: "Traffic"
}

#moderation_tools .reddit-flair {
    left: 0;
    top: 140px
}

#moderation_tools .community-rules {
    left: 50%;
    top: 140px
}

#moderation_tools .reddit-flair::after {
    background-color: #4cd964;
    background-position: -168px 0
}

#moderation_tools .community-rules::after {
    background-position: -182px 0
}

#moderation_tools .reddit-flair::before {
    content: "Flair"
}

#moderation_tools .community-rules::before {
    content: "Rules"
}

#moderation_tools .reddit-moderators {
    left: 0;
    top: 170px
}

#moderation_tools .reddit-edit {
    left: 50%;
    top: 170px
}

#moderation_tools .reddit-moderators::after {
    background-color: #34aadc;
    background-position: -196px 0
}

#moderation_tools .reddit-edit::after {
    background-color: #8e8e93;
    background-position: -210px 0
}

#moderation_tools .reddit-moderators::before {
    content: "Moderators"
}

#moderation_tools .reddit-edit::before {
    content: "Settings"
}

#moderation_tools .reddit-contributors {
    left: 0;
    top: 190px
}

#moderation_tools .reddit-contributors::after {
    background-color: #34aadc;
    background-position: -224px 0
}

#moderation_tools .reddit-contributors::before {
    content: "Approved Posters"
}

#moderation_tools .toolbox-edit {
    left: 0;
    top: 220px
}

#moderation_tools .tb-un-manager {
    left: 50%;
    top: 220px
}

#moderation_tools .tb-un-manager::after,
#moderation_tools .toolbox-edit::after {
    background-color: #edb431;
    background-position: 14px 0
}

#moderation_tools .toolbox-edit::before {
    content: "Toolbox Settings"
}

#moderation_tools .tb-un-manager::before {
    content: "Toolbox User Notes"
}

.icon-menu a {
    background: 0 0
}

.sidecontentbox {
    background-color: rgba(0, 0, 0, .3);
    border: 1px solid #686b6e;
    padding: 4px 8px
}

.sidecontentbox .content {
    border: 0!important
}

.sidecontentbox>*,
.sidecontentbox>*>* {
    color: #d8d8d8!important;
    font-family: Helvetica Neue, Segoe UI, sans-serif;
    font-weight: 400;
    font-size: 12px
}

#moderator-table tr:first-child,
.sidecontentbox .author {
    color: #f0f0f0;
    margin: 5px
}

.sidecontentbox ul.content li {
    text-align: left;
    margin-bottom: 1px;
    padding: 1px
}

.content {
    margin: -5px 12px 0
}

.content>.reddit-infobar {
    margin: 17px 0 12px;
    background-color: rgba(0, 0, 0, 0);
    border: 0!important
}

.locked-infobar:before {
    background-color: #c42b2b!important
}

.content>.reddit-infobar .md {
    color: #d8d8d8;
    font-family: Helvetica Neue, Segoe UI, sans-serif;
    font-weight: 200;
    background-color: rgba(216, 216, 216, .15);
    display: inline-block;
    padding: 0 4px
}

.content>.menuarea {
    background-color: #3d4751;
    margin: 5px 0 0;
    padding: 0 12px;
    line-height: 30px;
    color: #d8d8d8;
    border: 0;
    border-left: 8px solid #c46a2b
}

.menuarea .dropdown {
    line-height: 17px;
    display: inline-block;
    background-color: #d8d8d8;
    border-radius: 8px;
    padding: 0 10px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .5), inset 0 8px rgba(255, 255, 255, .3);
    position: relative;
    z-index: 3;
    min-width: 128px;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    vertical-align: middle
}

.menuarea .dropdown:hover {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .5), inset 0 8px rgba(255, 255, 255, .3), inset 0 20px rgba(255, 255, 255, .3)
}

.menuarea .dropdown:after {
    content: "▾";
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 0 8px;
    background-color: #3d4751
}

.menuarea .dropdown:hover:after {
    box-shadow: inset 0 20px rgba(216, 216, 216, .15)
}

.menuarea .dropdown span.selected {
    font-size: 10px;
    text-decoration: none;
    font-weight: 400;
    border-radius: 8px;
    color: #3d4751;
    background: 0 0;
    padding: 0 6px 0 0;
    display: inline-block;
    text-indent: -12px
}

.drop-choices.inuse {
    background-color: #3d4751;
    border: 0;
    box-shadow: 0 12px 8px -12px #3d4751, inset 0 8px 8px -8px rgba(0, 0, 0, .5);
    min-width: 128px;
    text-align: center;
    font-size: 14px;
    margin-top: -12px;
    z-index: 399;
    padding-top: 12px
}

.drop-choices.inuse a {
    border-bottom: 0;
    line-height: 20px;
    margin: 0;
    padding: 0;
    background-size: 200px 30px;
    color: #d8d8d8;
    font-size: 10px;
    font-weight: 200;
    display: block;
    text-indent: -12px
}

.drop-choices a.choice:hover {
    background-color: rgba(0, 0, 0, 0);
    box-shadow: inset 0 30px rgba(216, 216, 216, .1)
}

.sitetable.linklisting {
    background-color: #d8d8d8;
    margin-right: 312px;
    padding-top: 0
}

.link {
    margin: 0;
    padding: .65em 0 .65em 64px;
    box-shadow: inset 0 -1px #c2c2c2;
    position: relative
}

.stickied+div+.stickied {
    box-shadow: 0 6px 8px -8px, 0 12px rgba(201, 202, 203, .5);
    margin-bottom: 12px
}

,
.stickied+div+.stickied+div+.link {
    border-top: 1px solid #c2c2c2;
    box-shadow: inset 0 1px rgba(255, 255, 255, .1), inset 0 -1px #c2c2c2
}

.link.last-clicked {
    border: 0;
    overflow: visible
}

.link .title,
.res-nightmode .link .title,
body.res .link .title,
html.res-nightmode .link .title {
    font-family: Helvetica Neue, Segoe UI, Arial, sans-serif;
    color: #1a2732;
    font-size: 1.264em;
    line-height: 1.3em;
    margin-top: -1px
}

.thing .source-url:visited,
.thing .title:visited,
body.res .thing .source-url:visited,
body.res .thing .title:visited,
html.res-nightmode .thing .source-url:visited,
html.res-nightmode .thing .title:visited {
    color: #737373
}

.link.visited .tagline:before {
    opacity: .3!important
}

.link .domain {
    opacity: 0;
    font-size: 8px;
    visibility: hidden;
    margin: 0 -8px;
    vertical-align: middle;
    line-height: 16px;
    text-transform: uppercase
}

.link:hover .domain {
    transition: all .15s ease-out;
    opacity: 1
}

.link .domain a {
    font-size: inherit;
    color: rgba(26, 39, 50, .6);
    visibility: visible
}

.link.thing.stickied a.title {
    color: #2b81c6;
    font-weight: 700
}

.tagline .stickied-tagline {
    color: #ebebeb;
    background-color: #2b81c6;
    padding: 2px 5px;
    border-radius: 0;
    font-family: Helvetica Neue, Segoe UI, sans-serif;
    font-weight: 200;
    text-transform: capitalize
}

.linkinfo .score,
.panestack-title .title {
    text-transform: uppercase;
    letter-spacing: 1px
}

.link .author {
    color: inherit;
    margin-right: 0
}

.media-preview,
.thumbnail {
    margin-right: 12px
}

.comment .entry .buttons li a,
.comment .tagline>.score,
.comment .tagline>time,
.link .entry .buttons li a,
.link .tagline {
    font-weight: 400;
    font-size: 10px;
    font-family: Verdana, sans-serif;
    color: rgba(26, 39, 50, .6);
    line-height: 2em
}

.link .flat-list {
    padding: 0;
    margin-top: 0
}

.link .entry .buttons li.first a {
    color: #066cbc
}

.thumbnail {
    max-height: 60px;
    height: 42px;
    display: flex;
    width: 70px;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    margin-top: 8px;
    background-color: rgba(165, 169, 172, .3)
}

.thumbnail:hover img {
    height: initial;
    z-index: 9999999;
    position: relative;
    transition: all .15s ease-out;
    transform: translateZ(0) translateY(0) translateX(23px);
    box-shadow: 0 8px 8px -8px #000;
    pointer-events: none;
    min-height: 86px;
    min-width: 140px;
    opacity: 0;
    animation: thumb-transition .3s ease-in forwards
}

.thumbnai:not(.self):active {
    transform: translateZ(0) translateY(0) translateX(23px) scale(.7)!important
}

@keyframes thumb-transition {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.thumbnail:not(.self):hover {
    overflow: visible;
    cursor: none
}

.thumbnail img {
    width: auto;
    height: 42px;
    will-change: transform
}

.thumbnail.default,
.thumbnail.nsfw,
.thumbnail.self,
.thumbnail.spoiler,
.thumbnail[href*="forums.ubi.com"] {
    background-image: url(%%img-spritesheet%%);
    background-color: rgba(165, 169, 172, 0);
    background-size: 417px 541px;
    width: 70px;
    height: 60px;
    background-position: 0 -138px;
    border-radius: 0;
    box-shadow: 0 0;
    margin-top: 0
}

.thumbnail.default {
    background-position: -146px -138px
}

.stickied .thumbnail.self {
    background-position: -73px -138px
}

.thumbnail[href*="forums.ubi.com"] {
    background-position: -289px -75px
}

.thumbnail[href*="www.youtu"] img {
    height: 58px
}

.thumbnail[href*="forums.ubi.com"] img {
    opacity: 0;
    visibility: hidden
}

.link .usertext-body .md {
    border: 0;
    background-color: rgba(0, 0, 0, 0);
    padding: 1em 0 0;
    border-radius: 0;
    margin-right: 12px;
    box-shadow: inset 0 1px #a5a9ac, inset 0 2px rgba(255, 255, 255, .45)
}

.linkflair .linkflairlabel,
.side .md h4+blockquote li {
    content: "N/A";
    font-family: Arial Narrow, sans-serif;
    color: #d8d8d8;
    font-size: 10px;
    text-transform: uppercase;
    background-color: #a5a9ac;
    font-weight: 700;
    padding: 1px 1px 0 2px;
    margin: 0 2px 0 0;
    letter-spacing: 1px;
    min-width: 64px;
    max-width: initial;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
    line-height: 14px;
    vertical-align: sub
}

.side .md h4+blockquote li {
    min-width: initial!important
}

.linkflair-news .linkflairlabel {
    content: "NEWS";
    background-color: #c42b2b!important
}

.linkflair-discussion .linkflairlabel {
    content: "DISCUSSION";
    background-color: #9e6b00!important
}

.linkflair-feedback .linkflairlabel {
    content: "FEEDBACK";
    background-color: #1791c6!important
}

.linkflair-help .linkflairlabel {
    content: "QUESTION";
    background-color: #4a4a4a!important
}

.linkflair-useful .linkflairlabel {
    content: "USEFUL";
    background-color: #1c8c4f!important
}

.linkflair-creative .linkflairlabel {
    content: "CREATIVE";
    background-color: #4686a1!important
}

.linkflair-video .linkflairlabel {
    content: "GAMEPLAY";
    background-color: #a29c87!important
}

.linkflair-issue .linkflairlabel {
    content: "ISSUE/BUG";
    background-color: #c42b2b!important
}

.linkflair-fluff .linkflairlabel {
    content: "FLUFF";
    background-color: #7d2c87!important
}

.linkflair-leak .linkflairlabel {
    content: "LEAK";
    background-color: #6f6f6f!important
}

.linkflair-suggestion .linkflairlabel {
    content: "SUGGESTION";
    background-color: #3b6fc3!important
}

.linkflair-helpsolved .linkflairlabel {
    content: "SOLVED";
    background-color: #000!important
}

.linkflair-ESL .linkflairlabel {
    content: "PRO LEAGUE";
    background-color: #000!important
}

.linkflair-meta .linkflairlabel {
    content: "META";
    background-color: #569872!important
}

.linkflair-misleading .linkflairlabel {
    content: "MISLEADING TITLE";
    background-color: #6f6f6f!important
}

.linkflair-rant .linkflairlabel {
    content: "RANT";
    background-color: #000!important
}

.linkflair-esports .linkflairlabel {
    content: "eSPORTS";
    background-color: #570707!important
}

.linkflair-speculation .linkflairlabel {
    content: "SPECULATION";
    background-color: #6f6f6f!important
}

.linkflair-Ubiresponse .linkflairlabel {
    content: "UBI-RESPONSE";
    background-color: #5776b8!important
}

.linkflair-Ubisoft .linkflairlabel {
    content: "OFFICIAL";
    background-color: #9e6b00!important
}

.linkflair-Official .linkflairlabel {
    content: "OFFICIAL";
    background-color: #5776b8!important
}

.linkflair-AMA .linkflairlabel {
    content: "AMA";
    background-color: #9e6b00!important
}

.linkflair-redditall .linkflairlabel {
    content: "r/ALL";
    background-color: #c42b2b!important
}

body:not(.moderator):not(.contributor) .link .flairselector .linkflair-Official,
body:not(.moderator):not(.contributor) .link .flairselector .linkflair-Ubisoft,
body:not(.moderator):not(.contributor) .link .flairselector .linkflair-meta {
    display: none!important
}

body:not(.comments-page) .link.linkflair-meta,
body:not(.comments-page) .link.linkflair-meta .midcol {
    background-color: rgba(87, 184, 127, .15)
}

body:not(.comments-page) .link.linkflair-Official,
body:not(.comments-page) .link.linkflair-Ubiresponse {
    background-color: rgba(135, 174, 255, .05);
    background-image: url(%%ubisponse-bg%%);
    background-size: 158px;
    background-repeat: no-repeat;
    background-position: 96% center
}

body:not(.comments-page) .link.linkflair-Ubiresponse .midcol {
    background-color: rgba(87, 118, 184, .15)
}

.drop-choices.active a {
    color: #2b81c6!important;
    text-shadow: 0 1px #000
}

.drop-choices.active,
body.res .drop-choices.active {
    background-color: #0f1113;
    background-image: linear-gradient(40deg, rgba(0, 0, 0, 0), rgba(216, 216, 216, .3));
    box-shadow: 0 0 0 1px #2d3032, inset 0 0 0 1px rgba(255, 255, 255, .05), 0 12px 10px -11px rgba(0, 0, 0, .5);
    border: 0!important;
    padding: 12px!important;
    color: #fff;
    z-index: 999999999999999999!important
}

.arrow,
.expando-button,
body.res .expando-button {
    background-image: url(%%img-spritesheet%%)!important
}

.commentarea {
    z-index: -1
}

html:lang(cr) .link:not(.linkflair-creative):not(.linkflair-Ubiresponse),
html:lang(nc) .link.linkflair-creative,
html:lang(nd) .link:not(.linkflair-news):not(.linkflair-discussion):not(.linkflair-Ubiresponse),
html:lang(nf) .link.linkflair-fluff,
html:lang(sf) .link:not(.linkflair-feedback):not(.linkflair-suggestion):not(.linkflair-Ubiresponse) {
    display: none
}

body>.content .link .midcol {
    width: 5ex!important
}

.link .midcol {
    font-weight: 700;
    font-size: small;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(165, 169, 172, .3);
    margin: 0;
    padding: 10px 9px 0
}

.comment .midcol {
    margin-right: 12px;
    overflow: visible
}

.comment.noncollapsed .midcol {
    margin-left: 7px
}

.arrow {
    background-size: 417px 541px;
    width: 17px;
    height: 18px
}

.comment .arrow {
    margin: 1px 0 5px
}

.arrow.up {
    background-position: -41px 0
}

.arrow.upmod {
    background-position: -41px -20px
}

.comment .arrow.up {
    background-position: -81px 0
}

.comment .arrow.upmod {
    background-position: -101px 0
}

.arrow.down {
    background-position: -61px 0
}

.arrow.downmod {
    background-position: -61px -20px
}

.comment .arrow.down {
    background-position: -81px -20px
}

.comment .arrow.downmod {
    background-position: -101px -20px
}

.link .score.likes {
    color: #c46a2b
}

.link .score.dislikes {
    color: #2b81c6
}

.link .score {
    font-weight: 600;
    font-size: 14px;
    font-family: Arial, sans-serif;
    color: #404a53
}

.expando-button,
body.res .expando-button {
    background-size: 417px 541px!important;
    width: 18px!important;
    height: 16px!important;
    margin: 3px 6px 0 0!important;
    opacity: .35
}

.midcol .score {
    transition: transform .5s cubic-bezier(.1, .235, .215, 1.195) 50ms, opacity .1s cubic-bezier(.1, .235, .215, 1.195) .15s;
    display: block!important;
    pointer-events: none;
    opacity: 0;
    letter-spacing: 1px
}

.comment .expand {
    position: absolute;
    color: #a5a9ac;
    left: 0;
    top: 0;
    bottom: 0;
    font-size: 0;
    width: 17px
}

.comment .expand:before {
    content: "›";
    font-size: 18px;
    font-weight: 700;
    color: #3d4750;
    display: inline-block;
    position: absolute;
    top: 2px!important;
    left: 4px!important;
    height: 22px
}

.comment .expand:hover:before,
.comment.collapsed .expand:before {
    content: "‹";
    left: 4px!important;
    color: #3d4750
}

.comment.collapsed .expand:hover:before {
    content: "›"
}

.comment .expand:hover {
    box-shadow: inset 17px 0 rgba(165, 169, 172, .5)
}

.comment.collapsed {
    line-height: 19px
}

.comment .expand:hover {
    opacity: 1
}

.comment.collapsed .expand {
    background-position: -139px 0
}

.comment.collapsed .entry {
    margin-left: 98px!important;
    padding-top: 4px
}

.comment.collapsed .tagline>* {
    font-style: normal
}

.comment.collapsed .tagline .author:after {
    content: ""!important;
    display: block;
    background-color: #a5a9ac;
    background-image: none;
    position: absolute;
    left: 50px;
    top: 7px
}

.comment.collapsed,
.res .comment.collapsed {
    overflow: hidden!important;
    max-height: 24px!important;
    position: relative!important
}

.midcol .score:nth-of-type(2),
.midcol .score:nth-of-type(3) {
    margin-bottom: 0;
    height: 0
}

.midcol .score:nth-of-type(3),
.midcol .score:nth-of-type(4) {
    margin-top: 0
}

.midcol.dislikes .score.likes {
    transform: translateY(-3em)
}

.midcol.dislikes .score.unvoted,
.midcol.unvoted .score.likes {
    transform: translateY(-1.5em) scale(.1)
}

.midcol.likes .score.unvoted,
.midcol.unvoted .score.dislikes {
    transform: translateY(1.5em) scale(.1)
}

.midcol.likes .score.dislikes {
    transform: translateY(3em)
}

.midcol:hover .score {
    opacity: 0
}

.midcol.dislikes .score.dislikes,
.midcol.likes .score.likes,
.midcol.unvoted .score.unvoted {
    opacity: 1;
    transform: translateY(0)
}

.link .midcol.likes .arrow.down {
    transition: all .3s cubic-bezier(.51, 0, .38, 1) .12s;
    opacity: .5!important;
    transform: scale(0)
}

.link .midcol.likes .arrow.upmod {
    margin-top: 12px;
    transition: margin-top .15s cubic-bezier(.51, 0, .38, 1) .3s
}

.comment .arrow.upmod:focus {
    animation: commentUpvote .3s ease-in 1
}

@keyframes commentUpvote {
    0% {
        transform: scale(1);
        opacity: 0
    }
    100% {
        transform: scale(1);
        opacity: 1
    }
}

.expando-button:hover {
    opacity: 1
}

.expando-button.collapsed.selftext {
    background-position: 0 -39px!important
}

.expando-button.expanded.selftext {
    background-position: 0 -57px!important
}

.expando-button.collapsed.video,
.expando-button.image.collapsed,
.expando-button.video-muted.collapsed {
    background-position: -21px -39px!important
}

.expando-button.expanded.video,
.expando-button.image.expanded,
.expando-button.video-muted.expanded {
    background-position: -21px -57px!important
}

body.comments-page .link {
    z-index: 100
}

.flairselectbtn {
    position: relative
}

body.post-submitter .link:not(.linkflair) .flairselectbtn:after {
    content: "Please choose a flair for your post";
    position: absolute;
    top: -32px;
    left: -90px;
    font-family: Helvetica Neue, Segoe UI, sans-serif;
    font-size: 14px;
    background-color: #000;
    color: #d8d8d8;
    font-weight: 200;
    padding: 2px 4px;
    border-radius: 2px
}

.linkinfo .score:after,
.linkinfo .score:before,
.linkinfo:after,
.linkinfo:before,
.panestack-title .title:after {
    content: ""
}

body.post-submitter .link:not(.linkflair) li a.flairselectbtn:before {
    content: "";
    border: 8px solid transparent;
    border-top-color: #000;
    position: absolute;
    top: -9px;
    left: 3px;
    background-color: transparent!important
}

body.post-submitter .link:not(.linkflair) .flairselectbtn:after,
body.post-submitter .link:not(.linkflair) .flairselectbtn:before {
    opacity: 0;
    animation: flair-reminder-fadein .3s ease-out .3s forwards
}

@keyframes flair-reminder-fadein {
    from {
        transform: translateY(8px);
        opacity: 0
    }
    to {
        transform: translateY(0);
        opacity: 1
    }
}

.author[href$="/AutoModerator"],
.comment .author[href$="/AutoModerator"] {
    background: #1db21d!important;
    color: #fff;
    font-weight: 700;
    padding: 2px 4px;
    border-radius: 2px!important;
    line-height: 16px
}

.comment:not(.stickied) .tagline .author.submitter {
    background-color: #2b81c6;
    color: #d8d8d8;
    font-size: 11px;
    padding: 1px 2px;
    line-height: 16px;
    border-radius: 0
}

.author.submitter+.userattrs a {
    font-size: 10px;
    color: #cbcdce;
    padding: 0 2px
}

.author.submitter+.userattrs {
    background-color: #224a6b;
    color: transparent;
    margin-left: -6px
}

body.listing-page .link .tagline .author.moderator {
    background: #64c62b!important;
    color: #fff;
    font-weight: 700;
    padding: 1px 2px;
    font-size: 10px;
    border-radius: 2px
}

.comment:not(.stickied) .thing .author.moderator {
    background: #1db21d!important;
    color: #fff;
    font-weight: 700;
    padding: 2px 4px;
    border-radius: 2px!important;
    line-height: 16px;
    font-size: 11px
}

.comment:not(.stickied) .thing .tagline .author.moderator:hover,
.listing-page .link .tagline .author.moderator:hover {
    background: #24ca24!important
}

.tagline .submitter {
    color: #5e82a6
}

body.comments-page .content .link {
    box-shadow: 0 0 0
}

body.comments-page .link.self .title {
    margin-top: 10px
}

body.comments-page .link .entry {
    overflow: visible
}

.commentarea .menuarea,
.commentarea>.usertext,
.panestack-title {
    background-color: transparent;
    margin: 0;
    padding: 0
}

.panestack-title {
    overflow: hidden;
    border: 0;
    box-shadow: inset 0 20px #3d4751
}

.commentarea .menuarea,
.commentarea .panestack-title,
.commentarea>.usertext {
    margin-right: 312px;
    padding: 8px 12px
}

.panestack-title .title {
    background-color: #3d4751;
    position: relative;
    padding: 9px 8px;
    margin-left: -12px;
    color: #d8d8d8;
    font-family: Segoe UI, sans-serif;
    font-size: 14px
}

.panestack-title .title:after {
    display: inline-block;
    position: absolute;
    background-color: inherit;
    padding: 20px 11px;
    transform: skewX(-20deg);
    top: 0;
    right: -15px
}

.commentarea>.usertext textarea {
    background-color: #000;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .46);
    border: 0;
    border-radius: 8px 8px 0;
    color: #fff;
    transform: translateZ(0)
}

.commentarea>.usertext textarea:focus {
    background-color: rgba(255, 255, 255, .8);
    border: 0;
    color: #000;
    outline: 0;
    border-radius: 0;
    transition: border-radius .15s ease-out
}

.commentarea>.usertext .md textarea::-webkit-scrollbar {
    background-color: rgba(26, 31, 35, .3)
}

.markhelp {
    background-color: #d8d8d8;
    padding: 8px 12px!important;
    border-radius: 2px
}

.commentarea>.sitetable {
    margin-right: 312px
}

.linkinfo {
    background-color: #3d4751;
    border: 0;
    color: #d8d8d8;
    padding: 44px 12px 32px;
    width: 270px;
    position: relative;
    text-align: center;
    margin: 13px auto 0;
    border-radius: 8px;
    box-shadow: inset 0 0 0 4px #3d4751, inset 0 0 0 5px rgba(254, 254, 254, .15), inset 0 0 0 6px rgba(0, 0, 0, .2)
}

.linkinfo:after {
    position: absolute;
    border: 10px solid transparent;
    border-top-color: #2c333a;
    right: 0;
    bottom: 0;
    transform: rotate(-45deg)
}

.linkinfo:before {
    position: absolute;
    border: 10px solid transparent;
    border-top-color: #2c333a;
    left: 0;
    bottom: 0;
    transform: rotate(45deg)
}

.linkinfo .date time {
    font-size: 12px;
    position: absolute;
    bottom: 3px;
    margin-bottom: 8px;
    display: inline-block;
    width: 100%;
    left: 0
}

.linkinfo .date,
.linkinfo .shortlink {
    font-size: 0
}

.linkinfo .shortlink input {
    font-size: 12px;
    background-color: rgba(26, 31, 35, .5);
    box-shadow: 0 -1px rgba(0, 0, 0, .45), 0 1px rgba(255, 255, 255, .1);
    border: 0;
    color: #d8d8d8;
    font-family: Arial, sans-serif;
    letter-spacing: 1px;
    padding: 4px 12px;
    border-radius: 12px
}

.linkinfo .score {
    position: absolute;
    display: inline-block;
    width: calc(100% - 12px * 2);
    left: 0;
    margin: 0 12px;
    top: 0;
    background-color: #3d4751;
    background-image: linear-gradient(#3d4751 38%, rgba(43, 129, 198, .4));
    box-shadow: 0 8px 4px -8px rgba(0, 0, 0, .35), inset 0 0 10px 3px rgba(44, 51, 58, .7), 0 0 0 1px rgba(0, 0, 0, .2);
    color: #d8d8d8;
    line-height: 30px;
    font-family: Arial Narrow, sans-serif;
    box-sizing: border-box
}

.linkinfo .score:after,
.linkinfo .score:before {
    background-color: #c46a2b;
    background-image: linear-gradient(#c46a2b 24%, #ff9b55 51%, #76553e 81%);
    box-shadow: inset 0 0 8px rgba(248, 151, 83, .68);
    padding: 17px 8px;
    position: absolute;
    top: 0
}

.linkinfo .score:before {
    left: -8px;
    transform: skewX(20deg)
}

.linkinfo .score:after {
    right: -8px;
    transform: skewX(-20deg)
}

#noresults {
    border: 0;
    margin: 0 auto;
    width: 380px;
    padding: 1em;
    text-transform: inherit;
    text-align: center;
    color: #aaadb0;
    font-weight: 700
}

.usertext.grayed .usertext-body {
    padding: 0!important;
    background-color: rgba(0, 0, 0, 0)
}

.comment.deleted>.midcol {
    display: none
}

.comment.deleted .md {
    margin: 2px 1px!important
}

.comment.deleted {
    margin: 0
}

.new-comment .usertext-body,
body.res.single-page .RES-keyNav-activeElement,
body.res.single-page .RES-keyNav-activeElement .md-container {
    background-color: rgba(0, 0, 0, 0)!important;
    border: 0!important;
    margin: 0!important;
    padding: 0!important
}

.new-comment .usertext-body .md,
body.res .RES-keyNav-activeElement .md {
    background-color: rgba(43, 129, 198, .1)!important;
    padding: 2px 6px!important;
    display: table!important;
    margin-left: 0!important;
    border: 1px solid #2b81c6!important
}

.comment.collapsed-for-reason {
    line-height: 28px;
    padding-bottom: 5px!important
}

.thing[data-type*=morerecursion] {
    background-color: #d8d8d8;
    padding: 0;
    line-height: 40px;
    margin-bottom: -4px
}

.comment.noncollapsed .usertext {
    min-height: 24px
}

.comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,
body.res .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
    background-color: #cbcdce!important
}

.comment .comment .comment .comment .comment .comment .comment .comment .comment,
body.res .comment .comment .comment .comment .comment .comment .comment .comment .comment {
    background-color: #d8d8d8!important
}

.comment .comment .comment .comment .comment .comment .comment .comment,
body.res .comment .comment .comment .comment .comment .comment .comment .comment {
    background-color: #cbcdce!important
}

.comment .comment .comment .comment .comment .comment .comment,
body.res .comment .comment .comment .comment .comment .comment .comment {
    background-color: #d8d8d8!important
}

.comment .comment .comment .comment .comment .comment,
body.res .comment .comment .comment .comment .comment .comment {
    background-color: #cbcdce!important
}

.comment .comment .comment .comment .comment,
body.res .comment .comment .comment .comment .comment {
    background-color: #d8d8d8!important
}

.comment .comment .comment .comment,
body.res .comment .comment .comment .comment {
    background-color: #cbcdce!important
}

.comment .comment .comment,
body.res .comment .comment .comment {
    background-color: #d8d8d8!important
}

.comment .comment,
body.res .comment .comment {
    padding: 8px 0 0 16px!important;
    margin-bottom: 0!important;
    background-color: #cbcdce!important;
    overflow: hidden!important;
    border: 0!important;
    border-left: 1px dotted #737a80!important
}

.comment,
body.res .comment {
    box-shadow: 0 0!important;
    margin: 0 0 4px!important;
    padding: 8px 12px 0 16px!important;
    position: relative!important;
    background-color: #d8d8d8!important
}

body.comments-page .commentarea .sitetable .comment.collapsed {
    border: 1px dotted #737a80!important;
    padding: 2px 0!important
}

body.post-linkflair-Ubiresponse .commentarea>.sitetable>.comment[data-author=Its_Epi],
body.post-linkflair-Ubiresponse .commentarea>.sitetable>.comment[data-author=Ubi-Ludo],
body.post-linkflair-Ubiresponse .commentarea>.sitetable>.comment[data-author=UbiGabe],
body.post-linkflair-Ubiresponse .commentarea>.sitetable>.comment[data-author=blk_widow9],
body.post-linkflair-Ubiresponse .commentarea>.sitetable>.comment[data-author=ubijustin] {
    border-top: 17px solid rgba(87, 118, 184, .15);
    padding-top: 10px!important;
    box-shadow: inset 3px 0 rgba(87, 118, 184, 1)!important
}

body.post-linkflair-Ubiresponse .commentarea>.sitetable>.comment[data-author=Its_Epi]:before,
body.post-linkflair-Ubiresponse .commentarea>.sitetable>.comment[data-author=Ubi-Ludo]:before,
body.post-linkflair-Ubiresponse .commentarea>.sitetable>.comment[data-author=UbiGabe]:before,
body.post-linkflair-Ubiresponse .commentarea>.sitetable>.comment[data-author=blk_widow9]:before,
body.post-linkflair-Ubiresponse .commentarea>.sitetable>.comment[data-author=ubijustin]:before {
    content: "ubi-response";
    background-color: #5776b8;
    font-family: Helvetica Neue, Segoe UI, sans-serif;
    text-transform: uppercase;
    color: #d8d8d8;
    font-weight: 600;
    font-size: 10px;
    padding: 4px;
    box-shadow: 0 0 0 0 #d8d8d8;
    position: absolute;
    top: -17px;
    left: 0
}

.infobar {
    background-color: #3d4751;
    border: 0!important;
    color: #d8d8d8;
    font-family: inherit;
    font-weight: 100;
    font-size: 14px;
    margin-right: 312px;
    margin-bottom: 0;
    padding: 12px 8px
}

.comment .entry {
    margin: 0;
    overflow: visible
}

.comment:not(.stickied) .child {
    margin: 0;
    border: 0
}

.comment .child .comment .child {
    border-bottom: 0
}

body .content .sitetable .thing.noncollapsed.comment.spam {
    background-color: #daabab!important
}

.comment.spam>.child,
.message.spam>.child {
    background-color: initial
}

.usertext.border .usertext-body {
    background-color: #ffc;
    padding: 0 6px;
    display: inline-block
}

.usertext.border .usertext-body .md {
    margin-left: 0!important
}

.comment .md {
    color: #3d4751;
    margin-left: 82px
}

.commentarea .md {
    margin-top: 5px;
    margin-bottom: 5px
}

.comment.stickied .md {
    margin-left: 0!important
}

.reported>.md {
    margin-left: 0
}

.thing .md pre {
    background-color: #3d4751;
    color: #d8d8d8;
    text-shadow: 1px 1px #303335;
    font-size: 14px;
    border: 1px solid #303335;
    box-shadow: inset 0 -1px rgba(255, 255, 255, .15), inset 0 0 0 1px rgba(255, 255, 255, .1), inset 3ex 0 rgba(0, 0, 0, .25);
    border-radius: 3px;
    padding: 1.5ex 1ex 1.5ex 4ex
}

.thing .md pre code {
    line-height: 3.5ex
}

.gold-accent {
    background-color: rgba(43, 129, 198, .3);
    border: 1px solid #2b81c6!important;
    border-radius: 0;
    margin: 0 0 16px!important
}

.gold-accent .title {
    color: #d8d8d8;
    font-family: Helvetica Neue, Segoe UI, sans-serif;
    font-weight: 400;
    font-size: 12px!important
}

.comment .tagline {
    font-size: 12px
}

.comment .reply-button a,
body.res .comment .reply-button a {
    color: #3d4750!important;
    font-weight: 700!important
}

.tagline .author,
.tagline a {
    color: #3f4952
}

.comment:not(.reported):not(.stickied) .flat-list.buttons {
    margin-bottom: 2px;
    margin-left: 25px
}

.comment .entry:hover .reply-button a:after {
    opacity: 1;
    transition: all .15s ease-out
}

.comment .reply-button a:hover:after {
    background-color: #404a53;
    color: #d8d8d8!important;
    transition: all 0s!important;
    box-shadow: 0 6px 6px -6px #3f4952
}

.comment .deepthread {
    margin-left: 12px
}

.morecomments {
    font-size: larger;
    display: inline-block;
    width: 350px;
    margin: 0 0 8px
}

.thing.morechildren .entry {
    border: 1px dotted #737a80;
    margin: 0
}

.morecomments a {
    background-color: #737a80;
    color: #d8d8d8;
    font-family: Verdana, sans-serif;
    padding: 4px 7px;
    border-radius: 0 2px 2px;
    font-weight: 400!important;
    position: relative;
    margin-left: -1px;
    display: inline-block;
    transform: translateY(-2px)
}

.morecomments a:before {
    position: absolute;
    border: 4px solid transparent;
    content: "";
    border-bottom-color: #737a80;
    top: -4px;
    left: -4px;
    transform: rotate(-130deg)
}

.morecomments a span {
    color: #d8d8d8!important;
    font-family: Verdana, sans-serif;
    font-weight: 200!important
}

.roundfield>.title,
.submit-page .content>h1 {
    font-family: Arial Narrow, sans-serif;
    text-transform: uppercase
}

.comment.stickied,
body.res .comment.stickied {
    box-shadow: 0 -10px 18px -8px #282, 0 12px 18px -12px rgba(26, 31, 35, .3)!important;
    margin-bottom: 12px!important;
    padding: 22px 12px 0!important;
    position: relative!important;
    border-top: 1px solid #282!important
}

.comment.stickied:before {
    content: "stickied comment by";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #3d4751;
    color: #d6d6d6;
    padding: 0 4px 0 12px;
    font-size: 12px;
    z-index: 2;
    line-height: 28px
}

.comment.stickied:after {
    content: "";
    position: absolute;
    padding: 14px 10px;
    background-color: #3d4751;
    top: 0;
    left: 120px;
    transform: skewX(-20deg);
    z-index: 1
}

.stickied.comment>.entry .author {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 148px!important;
    line-height: 28px;
    background-color: #282;
    color: #d8d8d8;
    font-weight: 400;
    font-size: 12px;
    z-index: 0
}

.stickied.comment>.entry .author:before {
    content: "moderator – "
}

.stickied.comment>.entry .author:after {
    content: "";
    padding: 14px 12px;
    position: absolute;
    background-color: #282;
    transform: skewX(-20deg);
    z-index: -1;
    right: -13px
}

.formtabs-content,
.tabmenu.formtab {
    width: calc(100% - 576px);
    padding: 0!important
}

body:not(.comments-page) .thing.reported .author:after {
    display: none!important
}

.comment.stickied>.entry .tagline :not(.author),
.commentarea .stickied>.midcol {
    display: none
}

.formtabs-content .infobar:not([style="display: none;"]),
.formtabs-content .infobar[style*=block],
.formtabs-content .infobar[style*=flex],
.tabmenu.formtab {
    display: flex!important
}

.submit-page .content {
    margin-top: 24px
}

.submit-page .content>h1 {
    font-size: 16px;
    line-height: 4em;
    font-weight: 400;
    margin: 10px 0;
    text-align: center;
    color: #d8d8d8;
    letter-spacing: 2px
}

body.submit-page .content>h1 a {
    color: #2b81c6
}

body.submit-page .content>h1 a:before {
    content: "| ";
    color: #d3d3d4;
    font-weight: 700;
    font-size: 28px
}

.formtabs-content {
    margin: 0 0 0 288px!important;
    position: relative;
    border: 0
}

.tabmenu.formtab {
    justify-content: center;
    font-size: 16px;
    margin-left: 288px
}

.tabmenu.formtab li {
    width: 270px;
    position: relative;
    height: 38px
}

.tabmenu.formtab li a {
    border: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    line-height: 38px;
    font-size: 14px!important;
    z-index: 99;
    text-align: center
}

.formtabs-content div>.spacer {
    margin: 12px 0
}

.formtabs-content .infobar {
    height: 80px;
    padding: 0 12px;
    box-sizing: border-box;
    background-color: #2b81c6;
    color: #d8d8d8;
    border: 0;
    align-items: center!important;
    line-height: 20px;
    font-size: 14px;
    width: 543px;
    margin: 24px auto 0;
    border-radius: 4px;
    position: relative
}

.formtabs-content .infobar:after {
    content: "";
    border: 12px solid transparent;
    border-top-color: #2b81c6;
    position: absolute;
    bottom: -24px;
    left: calc(50% - 8px);
    transform: none!important
}

.roundfield {
    display: block;
    width: 520px;
    background-color: rgba(26, 31, 35, .9);
    box-shadow: inset 0 -1px 0 1px #2b3239, inset 0 1px rgba(255, 255, 255, .15), 0 8px 8px -8px rgba(0, 0, 0, 1);
    border-radius: 4px;
    margin: 24px auto;
    padding: 32px 12px 8px;
    background-image: radial-gradient(rgba(176, 193, 208, .2) 0, rgba(0, 0, 0, 0) 65%), linear-gradient(rgba(0, 0, 0, 0) 60%, rgba(255, 255, 255, .1) 140%);
    background-repeat: no-repeat;
    background-position: center -190px, 0;
    background-size: 100% 360px, 100%;
    position: relative
}

.roundfield#image-field {
    width: 488px
}

.roundfield#reddit-field {
    display: none
}

.submit_text.enabled {
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: 0;
    left: -300px;
    width: 340px;
    box-sizing: border-box;
    margin-left: 0;
    margin-bottom: 0;
    padding: 8px 12px;
    max-height: none;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    box-shadow: 0 0
}

.submit_text.enabled .md {
    color: #d8d8d8
}

.submit_text.enabled .md ul {
    margin: 0;
    padding: 0;
    list-style: none;
    box-shadow: inset 8px 0 #33393e, -6px 0 #33393e;
    background-color: rgba(24, 30, 35, 0);
    animation: submit-md-fadein .3s ease-out forwards
}

@keyframes submit-md-fadein {
    0% {
        box-shadow: inset 0 0 #646c74, 0 0 #646c74
    }
    100% {
        box-shadow: inset 8px 0 #646c74, -6px 0 #646c74
    }
}

.submit_text.enabled .md ul li {
    position: relative;
    padding: 8px 0 4px 20px;
    left: 9px;
    box-shadow: inset 0 1px #151a1f, inset 0 2px rgba(98, 107, 117, .15);
    background: radial-gradient(rgba(176, 193, 208, .3) -100%, rgba(0, 0, 0, 0) 70%) center 38px no-repeat
}

.submit_text.enabled .md ul li:before {
    content: "";
    display: inline-block;
    border: 12px solid rgba(25, 31, 36, 0);
    border-right-color: #191f24;
    box-shadow: 0 0 0 0 #2b81c6;
    position: absolute;
    left: -25px;
    top: calc(50% - 12px)
}

.submit_text.enabled .md ul li>* {
    opacity: 0;
    animation: submit-text-fadein .3s ease-out .5s forwards
}

@keyframes submit-text-fadein {
    0% {
        opacity: 0;
        transform: translateX(-12px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.roundfield>.title {
    background-color: #646c74;
    box-shadow: 0 12px 12px -8px #11171c;
    font-size: 14px;
    border-top-left-radius: 4px;
    letter-spacing: 1px;
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 0;
    padding: 4px 6px 4px 12px;
    z-index: 1;
    color: #d8d8d8
}

.roundfield .title:before {
    color: inherit;
    margin-right: 4px
}

.roundfield>.title:after {
    content: "";
    background-color: inherit;
    position: absolute;
    right: -10px;
    top: 0;
    padding: 0 22px;
    height: 24px;
    display: inline-block;
    transform: skewX(-20deg);
    z-index: -1;
    box-shadow: 32px 0 rgba(100, 108, 116, .15), 16px 0 rgba(100, 108, 116, .15)
}

.roundfield .gray {
    display: inline;
    position: absolute;
    top: 15px;
    right: 16px;
    font-size: 10px;
    color: #646c74;
    background-color: #33383d;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 700;
    font-family: Verdana, sans-serif
}

.roundfield #image-name,
.roundfield input,
.roundfield textarea {
    background-color: rgba(0, 0, 0, .5)!important;
    box-shadow: 0 -1px #000, 0 1px rgba(255, 255, 255, .15);
    border: 0!important;
    border-radius: 3px;
    line-height: 25px;
    padding: 8px!important;
    box-sizing: border-box;
    width: 100%!important;
    color: #d8d8d8!important
}

.roundfield #image-name:focus,
.roundfield input:focus,
.roundfield textarea:focus {
    outline: 0;
    background-color: #d8d8d8!important;
    transition: all .15s ease-out;
    color: #3d4751!important
}

.comment .flair,
.flair {
    color: transparent;
    font-size: 0
}

.roundfield .usertext-edit {
    width: initial
}

.roundfield .usertext-edit .md {
    margin: 0!important;
    display: initial
}

#newlink-with-image-upload .image-upload-drop-target {
    background-color: rgba(0, 0, 0, .5)!important;
    border: 0!important;
    margin-bottom: 5px!important;
    border-radius: 0!important;
    padding-top: 24px!important
}

button[name=submit] {
    margin: 0 auto;
    width: 100px;
    display: inherit
}

body.top-page .content {
    margin-top: -5px
}

div.nav-buttons {
    padding-top: 5px;
    padding-bottom: 5px
}

span.nextprev {
    margin-left: 10px
}

body.search-page .search-result-group {
    background-color: #d8d8d8;
    width: auto;
    margin: 0!important
}

.search-expando.collapsed:before {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #d8d8d8 100%)!important
}

body.wiki-page .wiki-page-content {
    background-color: #d8d8d8;
    padding: 1px 12px
}

.comment.noncollapsed:not(.stickied) .author:after {
    content: "";
    float: left;
    width: 40px;
    height: 40px;
    display: inline-block;
    background: url(%%flairs-spritesheet%%) -67px 0 #a5a9ac;
    border-radius: 3px;
    margin: 0 8px 0 0;
    pointer-events: none;
    box-shadow: inset 0 0 0 0 #737a80, 0 4px 2px -3px rgba(0, 0, 0, .35)
}

.comment.collapsed:not(.stickied) .author:after,
.link .tagline>.flair,
body:not(.comments-page) .thing.reported .flair {
    display: none
}

.comment.noncollapsed:not(.stickied) .tagline>.flair~.author:after {
    background: #a5a9ac
}

.flair {
    background-image: url(%%flairs-spritesheet%%);
    background-size: 60.5px;
    width: 40px;
    height: 40px;
    padding: 0;
    background-color: rgba(201, 202, 203, 0);
    border: 0
}

.comment.noncollapsed:not(.stickied) .author:after,
.flair[class*=new],
.flair[class*=recruit] {
    background-image: url(%%flairs-spritesheet2%%);
    background-size: 107px
}

.comment:not(.stickied) .tagline>.flair[class$=new]~.author:after {
    opacity: 0;
    visibility: hidden
}

.commentarea .tagline>.flair {
    float: left;
    position: absolute;
    left: 50px
}

.flair-doc {
    background-position: 0 -3px;
    width: 48px!important;
    transform: translate(-1px, 0)
}

.flair-docnew {
    width: 43px!important;
    height: 44px;
    transform: translate(-1px, -2px)
}

.flair-twitch {
    background-position: 2px -52px
}

.flair-montagne {
    background-position: 3px -101px
}

.flair-rook {
    background-position: 0 -148px
}

.flair-sledge {
    background-position: 3px -198px
}

.flair-thatcher {
    background-position: 5px -245px;
    transform: translateX(-3px)
}

.flair-bandit,
.flair-jager {
    transform: translateX(-2px)
}

.flair-mute {
    background-position: 5px -294px
}

.flair-smoke {
    background-position: 5px -342px
}

.flair-bandit {
    background-position: 0 -393px;
    width: 44px!important
}

.flair-jager {
    background-position: 0 -1781px;
    width: 44px
}

.flair-iq {
    background-position: 3px -441px
}

.flair-blitz {
    background-position: 0 -490px;
    width: 42px!important
}

.flair-thermite {
    background-position: 2px -539px
}

.flair-ash {
    background-position: 0 -587px;
    width: 42px!important;
    transform: translate(4px, 0)
}

.flair-castle {
    background-position: 2px -636px
}

.flair-pulse {
    background-position: 3px -684px
}

.flair-glaz {
    background-position: 1px -734px
}

.flair-fuze {
    background-position: 2px -782px
}

.flair-tachanka {
    background-position: 2px -831px
}

.flair-kapkan {
    background-position: 3px -879px
}

.flair-welcome {
    background-position: 0 -1295px
}

.flair-ubi {
    background-position: 0 -1358px;
    width: 43px;
    transform: translate(-1px, -1px);
    height: 45px
}

.flair-sledgenew {
    background-position: -4px -244px;
    width: 44px;
    transform: translateX(-4px)
}

.flair-smokenew {
    background-position: -7px -421px;
    width: 42px;
    height: 42px
}

.flair-recruit {
    background-position: -67px -184px
}

.flair-docnew {
    background-position: -8px -4px
}

.flair-twitchnew {
    background-position: -8px -65px;
    height: 41px
}

.flair-montagnenew {
    background-position: -7px -125px;
    width: 41px
}

.flair-iqnew,
.flair-mutenew {
    width: 45px;
    transform: translateX(-4px)
}

.flair-rooknew {
    background-position: -8px -184px
}

.flair-thatchernew {
    background-position: -7px -301px;
    height: 42px
}

.flair-mutenew {
    background-position: -7px -364px
}

.flair-iqnew {
    background-position: -5px -544px
}

.flair-jagernew {
    background-position: -61px -902px;
    height: 42px
}

.flair-kapkannew {
    background-position: -60px -962px;
    height: 41px
}

.flair-blitznew {
    background-position: -7px -603px
}

.flair-thermitenew {
    background-position: -7px -664px
}

.flair-ashnew {
    background-position: -7px -723px;
    width: 41px
}

.flair-banditnew {
    background-position: -61px -839px;
    height: 46px;
    width: 40px
}

.flair-castlenew {
    background-position: -7px -784px
}

.flair-pulsenew {
    background-position: -8px -843px
}

.flair-glaznew {
    background-position: -6px -903px;
    height: 41px;
    width: 42px;
    transform: translateX(2px)
}

.flair-fuzenew {
    background-position: -8px -964px
}

.flair-tachankanew {
    background-position: -6px -1020px;
    width: 43px;
    height: 43px;
    transform: translateX(-3px)
}

.flair-frost {
    background-position: 4px -940px
}

.flair-frostnew {
    background-position: -58px -602px;
    width: 45px;
    transform: translateX(-3px)
}

.flair-buck {
    background-position: 4px -1000px
}

.flair-bucknew {
    background-position: -61px -662px;
    width: 42px;
    transform: translateX(-2px)
}

.flair-valkyrie {
    background-position: 2px -1060px
}

.flair-valkyrienew {
    background-position: -57px -720px;
    width: 47px;
    height: 42px;
    transform: translate(-3px)
}

.flair-blackbeard {
    background-position: 4px -1120px
}

.flair-blackbeardnew {
    background-position: -61px -780px;
    height: 42px
}

.flair-caveira {
    background-position: 0 -1180px;
    width: 43px;
    transform: translateX(-2px)
}

.flair-caveiranew {
    background-position: -61px -244px;
    height: 42px
}

.flair-capitao {
    background-position: 4px -1240px
}

.flair-capitaonew {
    background-position: -57px -306px;
    width: 46px;
    transform: translateX(-3px)
}

.flair-hibananew {
    background-position: -59px -364px;
    width: 44px;
    height: 44px;
    transform: translateX(-1px)
}

.flair-echonew {
    background-position: -59px -425px;
    width: 42px;
    height: 46px;
    transform: translateX(-2px)
}

.flair-new {
    background-position: -60px -240px
}

.flair-mod {
    background-position: -1px -1420px
}

.flair-esl {
    background-position: 0 -1541px
}

.flair-jackal {
    background-position: 0 -1688px
}

.flair-jackalnew {
    background-position: -58px -486px;
    width: 44px
}

.flair-mira {
    background-position: -1px -1734px
}

.flair-miranew {
    background-position: -57px -546px;
    width: 47px;
    transform: translateX(-4px)
}

.flair-echo {
    background-position: 0 -1595px
}

.flair-hibana {
    background-position: 0 -1640px
}

.flair-proleaguenew {
    background-position: -60px -1023px
}

.flair[class*=flair-for-bot] {
    background-image: url(%%img-spritesheet%%);
    background-size: calc(834px / 2);
    background-position: -101px -275px
}

.comment .flair {
    position: relative;
    margin-right: 6px
}

.comment .flair[title]:after {
    content: attr(title);
    line-height: 28px;
    position: absolute;
    color: #e9e9e9;
    font-family: Calibri, "Segoe UI", Arial, sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    top: 5px;
    left: -10px;
    background: #fff;
    box-shadow: 0 1px 10px #fff;
    padding: 0 5px;
    border-radius: 18px 3px 3px 18px;
    white-space: nowrap;
    visibility: hidden;
    pointer-events: none;
    text-indent: 0;
    transform: scale(.8, .4)
}

.comment .flair[title]:before {
    left: 35px!important;
    top: 5px;
    box-shadow: 0 0 0 transparent!important;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-right-color: rgba(255, 255, 255, 0);
    border-width: 8px;
    margin-left: -10px;
    background-color: rgba(0, 0, 0, 0)!important;
    transform: translateY(7px)!important
}

.comment .flair[title]:active:after,
.comment .flair[title]:active:before,
.comment .flair[title]:hover:after,
.comment .flair[title]:hover:before {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
    background: #3d4751;
    border-right-color: #3d4751;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    box-shadow: 0 1px 0 rgba(46, 46, 44, .5);
    left: 40px;
    transition: all .3s cubic-bezier(.1, .235, .215, 1.195) .05s, background-color .45s cubic-bezier(.1, .235, .215, 1.195) .1s, border-right-color .45s cubic-bezier(.1, .235, .215, 1.195) .1s
}

.flair[title=""]:hover:after,
.flair[title=""]:hover:before {
    display: none!important
}

.flair:hover {
    overflow: visible;
    color: transparent
}

@keyframes woah-flair {
    from {
        background-position-x: 0
    }
    to {
        background-position-x: 100px
    }
}

.comment.noncollapsed:not(.stickied) .tagline>.flair-ubi~.author:after {
    opacity: 0
}

.entry .buttons li.reported-stamp,
.pretty-button {
    border: 1px solid rgba(60, 70, 80, .3)!important;
    border-bottom-color: rgba(60, 70, 80, .54)!important;
    color: #fff!important;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .2))!important;
    background-position: 0!important;
    font-family: inherit;
    font-weight: 100;
    font-size: 10px;
    border-radius: 2px!important;
    line-height: 11px;
    padding: 4px 6px;
    margin: 0 2px!important
}

.entry .buttons li.reported-stamp:hover,
.pretty-button:hover {
    box-shadow: inset 0 20px rgba(255, 255, 255, .15)!important
}

.entry .buttons li.reported-stamp:active,
.pretty-button:active {
    box-shadow: inset 0 20px rgba(0, 0, 0, .3)!important
}

.entry .buttons li.reported-stamp {
    color: #3c4650!important;
    font-weight: 500;
    padding: 5px 6px;
    background-color: #efe8c7;
    background-image: none!important;
    border: 0!important
}

body .report-reasons.rounded {
    background-color: #efe8c7;
    border: 0;
    border-radius: 0;
    margin: 12px 12px 7px 0!important;
    padding: 6px 0;
    font-weight: 200;
    font-size: 12px;
    width: initial
}

.pretty-button.negative {
    background-color: #c42b2b
}

.pretty-button.neutral {
    background-color: #90a7bd
}

.pretty-button.positive {
    background-color: #64c62b
}

.pretty-button.neutral.pressed {
    background-color: #3c4650
}

.pretty-button.pressed {
    outline: rgba(255, 255, 255, .6) solid 1px;
    outline-offset: -2px;
    box-shadow: inset 0 20px rgba(255, 255, 255, .15)!important;
    background-image: none!important
}

.subreddit-rules-page {
    background-color: #d8d8d8;
    padding: 20px 12px 45px 80px
}

.subreddit-rules-page:before {
    margin-left: 10px;
    margin-top: 20px
}

.subreddit-rule-item {
    border-top: 1px solid;
    border-color: #000
}

.md a[href^="#map"],
.md a[href^="#r6map"] {
    display: inline-block;
    font-size: 0!important;
    background-image: url(%%r6maps-spritesheet%%);
    background-size: calc(552px / 2);
    width: 138px;
    height: 72px;
    position: relative;
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .3);
    overflow: hidden;
    pointer-events: none
}

.md a[href^="#map"]:after,
.md a[href^="#r6map"]:after {
    content: attr(title);
    color: #d8d8d8;
    font-size: 12px!important;
    font-weight: 300;
    text-transform: capitalize;
    text-shadow: 1px 1px #000;
    background-color: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 6px 0 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px
}

.md a[href^="#map"]:hover:after,
.md a[href^="#r6map"]:hover:after {
    visibility: hidden
}

.md a[href^="#map"],
.md a[href^="#r6map"] {
    background-position: -138px 0!important
}

.md a[title=bank] {
    background-position: 0 0!important
}

.md a[title=bartlett] {
    background-position: 0 -72px!important
}

.md a[title=border] {
    background-position: 0 -144px!important
}

.md a[title=chalet] {
    background-position: 0 -216px!important
}

.md a[title=clubhouse] {
    background-position: 0 -288px!important
}

.md a[title=coastline] {
    background-position: 0 -360px!important
}

.md a[title=consulate] {
    background-position: 0 -432px!important
}

.md a[title=favela] {
    background-position: 0 -504px!important
}

.md a[title=hereford] {
    background-position: 0 -576px!important
}

.md a[title=house] {
    background-position: 0 -648px!important
}

.md a[title=kafe] {
    background-position: 0 -720px!important
}

.md a[title=kanal] {
    background-position: 0 -792px!important
}

.md a[title=oregon] {
    background-position: 0 -864px!important
}

.md a[title=plane] {
    background-position: 0 -936px!important
}

.md a[title=skyscraper] {
    background-position: 0 -1008px!important
}

.md a[title=yacht] {
    background-position: 0 -1080px!important
}

.md a[href^="#team"] {
    display: inline-block;
    background-image: url(%%R6-proleague-spritesheet%%);
    background-size: calc(60px / 2);
    height: 30px;
    width: 30px;
    vertical-align: middle;
    margin: 0 6px;
    pointer-events: none
}

.md a[title=continuum] {
    background-position: 0 0
}

.md a[title=elevate] {
    background-position: 0 -30px
}

.md a[title=ferocity] {
    background-position: 0 -60px
}

.md a[title=flipside] {
    background-position: 0 -90px
}

.md a[title=gifu] {
    background-position: 0 -120px
}

.md a[title=infamy] {
    background-position: 0 -150px
}

.md a[title=millenium] {
    background-position: 0 -180px
}

.md a[title=mostwanted] {
    background-position: 0 -210px
}

.md a[title=omen] {
    background-position: 0 -240px
}

.md a[title=penta] {
    background-position: 0 -270px
}

.md a[title=playingducks] {
    background-position: 0 -300px
}

.md a[title=supremacy] {
    background-position: 0 -330px
}

.md a[title=unknights] {
    background-position: 0 -360px
}

.md a[title=vertical] {
    background-position: 0 -390px
}

.md a[title=vitality] {
    background-position: 0 -420px
}

.md a[title=gbots] {
    background-position: 0 -450px
}

.md a[href*="#lang"] {
    content: '';
    pointer-events: none;
    display: inline-block;
    width: 16px;
    height: 11px;
    background-image: url(%%flags%%);
    border: none
}

.md a[title=br] {
    background-position: -112px -66px
}

.md a[title=ca] {
    background-position: 0 -11px
}

.md a[title=es] {
    background-position: -112px -11px
}

.md a[title=eu] {
    background-position: 0 -77px
}

.md a[title=fi] {
    background-position: 0 -22px
}

.md a[title=fr] {
    background-position: -32px -22px
}

.md a[title=se] {
    background-position: -80px -55px
}

.md a[title=us] {
    background-position: -48px -66px
}

.md a[title=uk] {
    background-position: -48px -22px
}

.md a[title=de] {
    background-position: -48px -11px
}

.md a[title=dk] {
    background-position: -64px -11px
}

body.listing-page.res .sitetable>.sitetable {
    margin-right: 0!important
}

body.res #RESShortcutsEditContainer,
body.res #RESShortcutsEditContainer>* {
    background-color: #000!important;
    color: #d4d6da;
    transform: translateY(1px)
}

body.res .totalvotes {
    font-size: 12px!important;
    background-color: #2b81c6;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, .62), 0 3px 1px -3px #000;
    padding: 2px 28px;
    position: relative;
    top: -8px;
    letter-spacing: 1px
}

.tb-loadFlat {
    float: right
}

body.res .livePreview {
    background-color: #d8d8d8!important
}

body.res .panestack-title div[class*=res] {
    display: none!important
}

body.res #userbarToggle {
    border-radius: 0!important;
    background-color: #293038;
    border: 0!important;
    color: #d8d8d8!important;
    padding-top: 6px;
    box-sizing: border-box;
    width: 17px
}

body.res .link .RES-keyNav-activeElement {
    background-color: rgba(43, 129, 198, .1)!important;
    border: 1px solid #2b81c6;
    padding-left: 6px;
    transform: translateX(-6px);
    overflow: visible;
    z-index: 99;
    position: inherit
}

body.res #header .userkarma>*,
body.res #header .userkarma>a {
    color: #3d4751!important;
    display: inline-block;
    vertical-align: middle;
    font-size: 9px!important
}

body.res .userkarma {
    color: transparent!important
}

body.res .userkarma a:last-of-type {
    display: none!important
}

body.res #header-bottom-right {
    overflow: visible!important
}

body.res #openRESPrefs {
    position: absolute;
    bottom: 30px;
    right: 33px;
    z-index: 9998;
    background-color: #3d4751;
    padding: 6px 8px;
    transform: translateY(22px);
    opacity: 0
}

body.res #header-bottom-right:hover #openRESPrefs,
body.res #openRESPrefs:hover {
    transform: translateY(0);
    transition: opacity 0s, transform .15s cubic-bezier(.85, .59, .48, 1.36);
    opacity: 1
}

.side .md>h4:first-of-type+ul,
.side .md>h4:first-of-type+ul:before {
    transform: translateY(324px);
    animation: twitch-popup-fadein 7.3s ease-out .3s forwards;
    display: block
}

body.res .RESUserTagImage::after {
    color: #2b81c6;
    font-size: 14px;
    vertical-align: initial
}

.side .md>h4:first-of-type+ul {
    background-image: url(%%stream-popup-bg%%);
    background-size: calc(600px / 2);
    box-sizing: border-box;
    width: 300px;
    height: 76px;
    position: fixed;
    z-index: 999;
    bottom: 24px;
    right: 38px;
    list-style: none;
    padding: 0 12px;
    margin: 0;
    opacity: 0
}

.side .md>h4:first-of-type+ul:before {
    content: "";
    background-image: url(%%stream-popup-avatar%%);
    background-size: calc(104px / 2);
    height: 52px;
    width: 52px;
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .3);
    float: left;
    margin-top: 12px;
    margin-right: 12px
}

@keyframes twitch-popup-fadein {
    0%,
    100% {
        opacity: 0;
        transform: translateY(324px)
    }
    15%,
    84%,
    85% {
        opacity: 1;
        transform: translateY(0)
    }
}

.side .md>h4:first-of-type+ul li {
    margin-top: 15px;
    line-height: 2em
}

.side .md>h4:first-of-type+ul li em {
    font-style: normal!important;
    font-weight: 400
}

.side .md>h4+ul li em:before {
    display: block;
    font-weight: 200;
    content: "PRO LEAGUE";
    opacity: .8;
    font-size: 10px;
    line-height: 3px
}

.side .md>h4+ul li a {
    background-color: #2b81c6;
    color: #fff;
    padding: 4px 12px;
    border-radius: 3px;
    font-family: Arial Narrow, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 10px
}

div#siteTable_organic {
    margin-right: 312px!important;
    margin-bottom: -6px
}

.organic-listing .link,
.organic-listing .link.compressed,
.organic-listing .link.promotedlink {
    padding-left: 64px;
    margin-bottom: 0
}

.link.promotedlink.external,
.link.promotedlink.promoted {
    background-color: #c9cacb
}

.flair[class^="flair flair-pl-"] {
    background-image: url(%%R6-proleague-spritesheet%%)!important;
    background-size: 40px;
    height: 40px;
    width: 40px
}

.flair[class*=pl-continuum] {
    background-position-y: 0
}

.flair[class*=pl-elevate] {
    background-position-y: -40px
}

.flair[class*=pl-ferocity] {
    background-position-y: -80px
}

.flair[class*=pl-flipside] {
    background-position-y: -120px
}

.flair[class*=pl-gifu] {
    background-position-y: -160px
}

.flair[class*=pl-infamy] {
    background-position-y: -200px
}

.flair[class*=pl-millenium] {
    background-position-y: -240px
}

.flair[class*=pl-mostwanted] {
    background-position-y: -280px
}

.flair[class*=pl-omen] {
    background-position-y: -320px
}

.flair[class*=pl-penta] {
    background-position-y: -360px
}

.flair[class*=pl-playingducks] {
    background-position-y: -400px
}

.flair[class*=pl-supremacy] {
    background-position-y: -440px
}

.flair[class*=pl-unknights] {
    background-position-y: -480px
}

.flair[class*=pl-vertical] {
    background-position-y: -520px
}

.flair[class*=pl-vitality] {
    background-position-y: -560px
}

.flair[class*=pl-gbots] {
    background-position-y: -600px
}