.overflow-auto {
  overflow:auto
}
.text-right {
  text-align:right
}
.text-left {
  text-align:left
}
.ellipsis {
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap
}
body,html {
  margin:0;
  padding:0
}
body {
  position:relative;
  min-height:100vh
}
li:not(.normal) {
  list-style:none
}
ul:not(.normal) {
  padding:0;
  margin:0
}
* {
  box-sizing:border-box
}
a {
  text-decoration:none;
  color:inherit
}
@font-face {
  font-family:montserrat;
  font-weight:500;
  src:url(https://css.brkcdn.com/font/6fd836a65acf6d59bd2f.woff2)
}
@font-face {
  font-family:montserrat;
  font-weight:600;
  src:url(https://css.brkcdn.com/font/c18b4ac34e93857f7437.woff2) format("woff2"),url(https://css.brkcdn.com/font/27dfd575571f017cc9a7.ttf) format("ttf")
}
@font-face {
  font-family:montserrat;
  font-weight:700;
  src:url(https://css.brkcdn.com/font/66fd2310725b78026454.woff2) format("woff2"),url(https://css.brkcdn.com/font/68c8d686f4b0d91b92f1.ttf) format("ttf")
}
body {
  font-family:Montserrat,sans-serif;
  font-weight:500;
  color:#fff;
  background-color:#242426
}
nav {
  width:100%;
  overflow:auto;
  margin-bottom:20px;
  z-index:2
}
nav div.primary {
  overflow:auto;
  background-color:#212020;
  color:#fff;
  font-size:1.1em;
  padding-top:6px
}
nav div.primary ul li a:hover {
  border-color:red;
  border-color:#fff
}
nav .push-left,nav .push-right {
  display:inline-block
}
nav .push-left {
  vertical-align:top
}
nav .push-right {
  vertical-align:bottom
}
@media handheld,only screen and (max-width:767px) {
  nav {
  text-align:center
}
nav .grid {
  padding-left:10px
}
nav .nav-user {
  text-align:center;
  float:none
}
}nav div ul {
  overflow:auto;
  list-style:none
}
nav div ul li {
  display:inline-block;
  padding:0 1px
}
nav div ul li a {
  display:inline-block;
  padding:8px 5px;
  border-bottom:2px solid transparent
}
.card {
  border-radius:5px;
  overflow:auto;
  box-shadow:0 2px 5px #0003
}
.card .top:not(.absolute) {
  overflow:auto;
  padding:10px;
  font-weight:700;
  border-bottom:1.5px solid;
  color:#fff;
  background-color:#3b3c40;
  border-color:#2d2e31
}
.card .top:not(.absolute).green {
  color:#54a84a;
  background-color:#0a5812;
  border-color:#54a84a
}
.card .top:not(.absolute).blue {
  color:#869eff;
  background-color:#134b7b;
  border-color:#869eff
}
.card .top:not(.absolute).red {
  color:#ff8686;
  background-color:#9f1212;
  border-color:#ff6161
}
.card .top:not(.absolute).orange {
  color:#e5c765;
  background-color:#9f7e12;
  border-color:#e5c765
}
.card .content {
  height:inherit;
  overflow:auto;
  padding:10px;
  background-color:#343538
}
.card .name {
  overflow:hidden;
  color:#d2d2d2;
  font-weight:600;
  display:inline-block
}
.card:not(.no-margin) {
  margin-bottom:10px
}
.label {
  font-size:.9em;
  font-weight:500;
  color:#e6e6e6
}
.label.dark {
  color:#d2d2d2
}
.label.small {
  font-size:.8em
}
.width-100 {
  display:block;
  width:100%
}
.blue-text {
  color:#196fb5
}
.white-text {
  color:#fff
}
.gray-text {
  color:#d2d2d2
}
.dark-gray-text {
  color:#c4c4c4
}
.darkest-gray-text {
  color:#d4d4d4
}
.small-text {
  font-size:.9rem
}
.smaller-text {
  font-size:.8rem
}
.center-text,.text-center {
  text-align:center
}
.hover-card:not(.thread-card) {
  height:128px
}
.hover-card {
  transition:background-color .05s linear;
  border-radius:5px;
  overflow:hidden
}
.hover-card:not(:last-of-type) {
  margin-bottom:5px;
  margin-top:5px
}
.hover-card:not(.np) {
  padding:5px
}
.hover-card:hover {
  background-color:#2c2d2f
}
.m0 {
  margin:0!important
}
.m1 {
  margin:5px
}
.m2 {
  margin:10px
}
.m3 {
  margin:15px
}
.m4 {
  margin:20px
}
.m5 {
  margin:25px
}
.m6 {
  margin:30px
}
.p0 {
  padding:0!important
}
.p1 {
  padding:5px
}
.p2 {
  padding:10px
}
.p3 {
  padding:15px
}
.p4 {
  padding:20px
}
.p5 {
  padding:25px
}
.p6 {
  padding:30px
}
.pt0 {
  padding-top:0!important
}
.pt1 {
  padding-top:5px
}
.pt2 {
  padding-top:10px
}
.pt3 {
  padding-top:15px
}
.pt4 {
  padding-top:20px
}
.pt5 {
  padding-top:25px
}
.pt6 {
  padding-top:30px
}
.m0.thread-card {
  padding:10px;
  border-radius:0
}
.thread-label {
  font-size:.6em;
  color:#fff;
  margin-right:4px;
  padding:4px;
  border-radius:4px
}
.thread-label.blue {
  background-color:#869eff
}
.thread {
  overflow:auto;
  margin-bottom:10px
}
.stat .title {
  font-weight: 900;
  font-size: 22px;
  color:#d2d2d2
}
.card .topic div.stat {
  padding-right:0
}
@keyframes shake {
  0% {
  transform:translate(1px,1px) rotate(0)
}
10% {
  transform:translate(-1px,-2px) rotate(-1deg)
}
20% {
  transform:translate(-3px) rotate(1deg)
}
30% {
  transform:translate(3px,2px) rotate(0)
}
40% {
  transform:translate(1px,-1px) rotate(1deg)
}
50% {
  transform:translate(-1px,2px) rotate(-1deg)
}
60% {
  transform:translate(-3px,1px) rotate(0)
}
70% {
  transform:translate(3px,1px) rotate(-1deg)
}
80% {
  transform:translate(-1px,-1px) rotate(1deg)
}
90% {
  transform:translate(1px,2px) rotate(0)
}
to {
  transform:translate(1px,-2px) rotate(-1deg)
}
}@keyframes spin {
  0% {
  transform:rotate(0)
}
to {
  transform:rotate(360deg)
}
}.grid:after,[class*=col-],[class*=grid],[class*=mobile-] {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box
}
[class*=col-] {
  float:left;
  min-height:1px;
  padding-right:20px
}
[class*=col-]:last-child {
  padding-right:0
}
.grid {
  width:100%;
  max-width:1140px;
  min-width:748px;
  margin:0 auto;
  overflow:visible
}
.main-holder {
  position:relative;
  overflow:visible;
  padding-bottom:362px
}
@media handheld,only screen and (max-width:767px) {
  .main-holder {
  padding-bottom:655px
}
}.grid:after {
  content:"";
  display:table;
  clear:both
}
.push-right {
  float:right
}
.col-1-1 {
  width:100%
}
.col-10-12,.col-4-5 {
  width:80%
}
.col-2-3,.col-8-12 {
  width:66.66%
}
.col-1-2,.col-6-12 {
  width:50%
}
.col-1-3,.col-4-12 {
  width:33.33%
}
.col-3-10 {
  width:30%
}
.col-1-4,.col-3-12 {
  width:25%
}
.col-1-5 {
  width:20%
}
.col-1-6,.col-2-12 {
  width:16.667%
}
.col-1-7 {
  width:14.28%
}
.col-1-8 {
  width:12.5%
}
.col-1-9 {
  width:11.1%
}
.col-1-10 {
  width:10%
}
.col-1-11 {
  width:9.09%
}
.col-1-12 {
  width:8.33%
}
.col-11-12 {
  width:91.66%
}
.col-10-12 {
  width:83.333%
}
.col-9-12 {
  width:75%
}
.col-5-12 {
  width:41.66%
}
.col-7-12 {
  width:58.33%
}
.push-2-3,.push-8-12 {
  margin-left:66.66%
}
.push-1-2,.push-6-12 {
  margin-left:50%
}
.push-1-3,.push-4-12 {
  margin-left:33.33%
}
.push-1-4,.push-3-12 {
  margin-left:25%
}
.push-1-5 {
  margin-left:20%
}
.push-1-6,.push-2-12 {
  margin-left:16.667%
}
.push-1-7 {
  margin-left:14.28%
}
.push-1-8 {
  margin-left:12.5%
}
.push-1-9 {
  margin-left:11.1%
}
.push-1-10 {
  margin-left:10%
}
.push-1-11 {
  margin-left:9.09%
}
.push-1-12 {
  margin-left:8.33%
}
.main-holder>.col-10-12.push-1-12 {
  padding-right:0
}
@media handheld,only screen and (max-width:767px) {
  .grid {
  width:100%;
  min-width:0;
  margin-left:0;
  margin-right:0;
  padding-left:10px;
  padding-right:10px
}
[class*=col-] {
  width:auto;
  float:none;
  margin:10px 0;
  padding-left:0;
  padding-right:10px
}
[class*=col-] [class*=col-]:not(.mobile-pad) {
  padding-right:0
}
[class*=col-] [class*=col-]:not(.mobile-pad).swap-padding {
  padding-left:0
}
[class*=mobile-col-] {
  float:left;
  margin:0 0 10px;
  padding-left:0;
  padding-right:10px;
  padding-bottom:0
}
.mobile-col-1-1 {
  width:100%
}
.mobile-col-2-3,.mobile-col-8-12 {
  width:66.66%
}
.mobile-col-1-2,.mobile-col-6-12 {
  width:50%
}
.mobile-col-1-3,.mobile-col-4-12 {
  width:33.33%
}
.mobile-col-1-4,.mobile-col-3-12 {
  width:25%
}
.mobile-col-1-5 {
  width:20%
}
.mobile-col-1-6,.mobile-col-2-12 {
  width:16.667%
}
.mobile-col-1-7 {
  width:14.28%
}
.mobile-col-1-8 {
  width:12.5%
}
.mobile-col-1-9 {
  width:11.1%
}
.mobile-col-1-10 {
  width:10%
}
.mobile-col-1-11 {
  width:9.09%
}
.mobile-col-1-12 {
  width:8.33%
}
.mobile-col-11-12 {
  width:91.66%
}
.mobile-col-10-12 {
  width:83.333%
}
.mobile-col-9-12 {
  width:75%
}
.mobile-col-5-12 {
  width:41.66%
}
.mobile-col-7-12 {
  width:58.33%
}
.no-mobile {
  display:none!important
}
}.icon {
  vertical-align:top;
  background-image:url(https://css.brkcdn.com/sprites/4b6c5f0d414a499a5ac6.svg);
  background-repeat:no-repeat;
  background-size:auto auto;
  display:inline-block
}
.img-white {
  filter:brightness(0) invert(1)
}
@font-face {
  font-family:emote;
  src:url(https://css.brkcdn.com/font/fa6e8beec6d1d274c728.ttf),url(https://css.brkcdn.com/sprites/150dbd707ef7b5ad61c1.svg);
  font-weight:400;
  font-style:normal
}
[class*=" emote-"]:before,[class^=emote-]:before {
  font-family:emote;
  font-style:normal;
  font-weight:400;
  display:inline-block;
  text-decoration:inherit;
  width:1em;
  margin-right:.2em;
  text-align:center;
  font-variant:normal;
  text-transform:none;
  line-height:1em;
  margin-left:.2em;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}
.landing-banner {
  text-align:center;
  background-size:cover;
  background-position:80%;
  padding:20px 0;
  margin-bottom:40px;
  margin-top:-20px;
  width:100%
}
.landing-banner .landing-image-top {
  width:60%;
  height:140px;
  margin-top:10px
}
.landing-banner .title {
  font-size:22px;
  width:100%;
  margin-top:20px
}
.landing-banner .shadow {
  text-shadow:0 2px 2px rgba(0,0,0,.6)
}
.landing-banner {
  background-image:url(/background.png)
}
.theme-dark .new-theme::placeholder {
  color:#c9c9d2
}
@media handheld,only screen and (max-width:767px) {
  .new-theme .mobile-text-center {
  text-align:center
}
}.theme-dark .new-theme {
  color:#fff
}
.theme-dark .new-theme .blue-text {
  color:#00a9fe
}
.new-theme .landing-banner {
  text-align:center;
  background-size:cover;
  background-position:80%;
  padding:20px 0;
  margin-bottom:40px;
  margin-top:-20px;
  width:100%
}
.new-theme .landing-banner .landing-image-top {
  width:60%;
  height:140px;
  margin-top:10px
}
.new-theme .landing-banner .title {
  font-size:16px;
  width:100%;
  margin-top:20px
}
.new-theme .landing-banner .shadow {
  text-shadow:0 2px 2px rgba(0,0,0,.6)
}
.new-theme .landing-image-top {
  content:url(/logo.png)
}
.new-theme .landing-banner {
  background-image:url(/background.png)
}
.new-theme .no-shadow {
  box-shadow:none
}