Old Factorio

@-moz-document url-prefix("https://www.reddit.com/r/factorio") {
#header-bottom-right a:hover,
#sr-header-area .dropdown.srdrop .selected:hover {
  text-decoration: underline;
}

#header,
.beta-hint a {
  background-repeat: no-repeat;
}

*,
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  overflow-x: hidden;
  background-color: #eee;
  min-width: 920px;
}

a {
  transition: color .15s ease;
}

::-moz-selection {
  background-color: #0079d3;
  text-shadow: none;
  color: #fff;
}

::selection {
  background-color: #0079d3;
  text-shadow: none;
  color: #fff;
}

:focus {
  outline: 0!important;
}

.side .spacer input,
body .content .text,
body .content input[type=password],
body .content input[type=text],
body .content input[type=url],
body .content textarea {
  background-color: #fff;
  border: 1px solid #c3cfd6;
  color: #738491;
  box-shadow: none;
  transition: border-color .15s ease, color .15s ease;
  padding: 6px 12px;
}

.side .spacer input:hover,
body .content .text:hover,
body .content input[type=password]:hover,
body .content input[type=text]:hover,
body .content input[type=url]:hover,
body .content textarea:hover {
  border-color: #738491;
}

.side .spacer input:active,
body .content .text:focus,
body .content input[type=password]:focus,
body .content input[type=text]:focus,
body .content input[type=url]:focus,
body .content textarea:focus {
  border-color: #24a0ed;
  color: #292f34;
}

body .btn,
body button {
  margin: 4px 16px 4px 0;
  padding: 2px 18px;
  border: none;
  border-radius: 2px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  cursor: default;
  height: 32px;
  font-size: 12px;
  box-shadow: 0 2px 1.5px 0 rgba(0, 0, 0, .12), 0 0 4px 0 rgba(0, 0, 0, .12);
  transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);
}

.btn:hover,
button:hover {
  color: #fff;
  background-color: #158be2;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
}

#header,
.btn:active,
button:active {
  box-shadow: 0 2px 1.5px 0 rgba(0, 0, 0, .12), 0 0 4px 0 rgba(0, 0, 0, .12);
}

.btn:active,
button:active {
  color: #fff;
  background-color: #0066b2;
}

#header {
  margin: 0;
  border: none;
  background-color: #30333A;
  background-image: url("https://b.thumbs.redditmedia.com/poI8OA3dVDECwAHNF3po5Ch9iXPj0v3Ca0d78MDIeeE.png");
  background-position: 50% 50%;
  background-size: cover;
  z-index: 1;
}

#sr-header-area {
  background-color: rgba(0, 0, 0, .7);
  border: none;
  transition: all .15s ease;
  height: 24px;
  line-height: 23px;
}

#sr-header-area .width-clip {
  right: 300px;
}

body:not(.loggedin) #sr-header-area .width-clip {
  right: 340px;
}

#sr-header-area .sr-list {
  margin-right: 48px;
}

#sr-header-area .dropdown.srdrop .selected,
#sr-header-area .separator,
#sr-header-area .sr-bar a,
#sr-more-link {
  background-color: transparent;
  color: rgba(255, 255, 255, .4);
  transition: all .15s ease;
}

#sr-header-area:hover #sr-more-link,
#sr-header-area:hover .dropdown.srdrop .selected,
#sr-header-area:hover .seperator,
#sr-header-area:hover .sr-bar a {
  color: rgba(255, 255, 255, .8);
}

#sr-header-area .dropdown.srdrop .selected:hover,
#sr-header-area .sr-bar a:hover,
#sr-more-link:hover {
  background-color: transparent;
  border: none;
  transition: all .15s ease;
}

a.random.choice {
  padding-top: 2px;
  position: relative;
  display: inline-block;
  margin-top: -2px;
}

#sr-header-area .dropdown.srdrop .selected {
  margin: 0 12px 0 8px;
  padding: 0;
  background-image: none;
}

#header-img,
#header-img.default-header,
#mail.havemail:before,
.beta-hint a {
  background-image: url("https://a.thumbs.redditmedia.com/AfHuMWTKh2PNWtraoKAzDr0Ah3o4B4EBOg2mm65CzB8.png");
}

#sr-header-area .dropdown.srdrop .selected:after {
  position: relative;
  content: "▼";
  margin-left: 4px;
  font-size: 10px;
}

#sr-header-area .drop-choices.srdrop {
  background-color: #fff;
  border: none;
  box-shadow: 0 2px 3px rgba(0, 0, 0, .15);
}

#sr-header-area .drop-choices a.choice {
  border-bottom: 1px solid #edeeee;
  color: #4D5763;
  padding: 2px;
}

#sr-header-area .drop-choices a.choice:hover {
  background-color: #f1f1f1;
}

#header-bottom-right {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  max-width: 300px;
  height: 24px;
  background-color: transparent;
  font-size: 11px;
  padding: 5px 8px 4px 2px;
}

body:not(.loggedin) #header-bottom-right {
  max-width: 340px;
}

#header-bottom-right a {
  color: rgba(255, 255, 255, .7);
}

.separator,
.user,
.user .userkarma {
  color: rgba(255, 255, 255, .4);
}

.beta-hint a {
  margin-left: -16px;
  width: 16px;
  height: 16px;
  background-position: -48px -32px;
  background-size: inherit;
}

.user .userkarma {
  font-weight: 400;
  border: none;
  font-size: 9px;
  transition: all .15s ease;
}

#mail,
#modmail {
  width: 16px;
  height: 14px;
  background-image: url("https://a.thumbs.redditmedia.com/AfHuMWTKh2PNWtraoKAzDr0Ah3o4B4EBOg2mm65CzB8.png")!important;
  background-repeat: no-repeat!important;
  background-color: transparent;
  transition: all .25s ease;
}

#mail {
  top: -2px;
  overflow: visible;
}

#mail.nohavemail {
  background-position: 0 0;
}

#mail.havemail {
  background-position: 0 -32px;
  opacity: 1;
}

.message-count {
  background-color: #f50;
  position: relative;
  top: -1px;
  color: #fff!important;
}

#mail.havemail:before {
  position: fixed;
  padding: 16px 24px;
  bottom: 24px;
  z-index: 100;
  background-color: #EA4848;
  border-radius: 2px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, .24);
  color: #fff;
  width: 300px;
  height: 48px;
  left: 32px;
  content: "You have new messages!";
  text-indent: 0;
  font-size: 14px;
  font-family: arial, sans-serif;
  line-height: 1;
  -webkit-transform: translateY(112px);
  transform: translateY(112px);
  transition: background-color .25s ease, box-shadow .25s ease;
  background-position: 269px -120px;
  background-repeat: no-repeat;
  animation-name: toast;
  animation-duration: 8s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  -webkit-animation-name: toast;
  -webkit-animation-duration: 8s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
}

#mail.havemail:hover:before {
  background-color: #ec5b5b;
  box-shadow: 0 3px 12px rgba(0, 0, 0, .48);
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}

#mail.havemail:active:before {
  background-color: #c73d3d;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .76);
}

#modmail {
  top: -3px;
}

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

#modmail.havemail {
  background-position: -16px -32px;
  opacity: 1;
}

#header-bottom-right a.pref-lang,
.loggedin .logout a {
  background-position: -32px 0;
  background-image: url("https://a.thumbs.redditmedia.com/AfHuMWTKh2PNWtraoKAzDr0Ah3o4B4EBOg2mm65CzB8.png");
  width: 16px;
  height: 14px;
  display: inline-block;
  text-indent: -9999px;
  margin: 0;
  position: relative;
  top: -1px;
  transition: all .25s ease;
}

.loggedin .logout a {
  background-position: -48px 0;
}

#header-img,
#header-img.default-header {
  z-index: 99;
  width: 0;
  padding-left: 42px;
  height: 42px;
  background-position: -80px 0;
  margin: 0 8px 0 0;
  vertical-align: top;
  font-size: 0;
}

#header-img.default-header:hover,
#header-img:hover {
  background-position: -122px 0;
}

#header .pagename {
  font-size: 0;
}

#header .pagename a {
  display: inline-block;
  line-height: 42px;
  color: #fff;
  font-size: 42px;
  font-weight: 700;
  font-family: Lato, arial, sans-serif;
  font-variant: normal;
  text-shadow: 0 1px 12px rgba(0, 0, 0, .2);
}

#header-bottom-left {
  position: absolute;
  left: 16px;
  right: 384px;
}

#header .tabmenu {
  margin: 30px 0 0;
  display: block;
  height: 42px;
  line-height: 42px;
  border: none;
}

#header .tabmenu:before {
  content: "";
  display: block;
  position: absolute;
  left: -16px;
  right: -384px;
  background-color: rgba(0, 0, 0, .24);
  height: 42px;
  z-index: -1;
}

#header .tabmenu li a {
  margin: 0 16px;
  padding: 0;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 14px;
  font-family: Lato, arial, sans-serif;
  color: rgba(255, 255, 255, .7);
  display: inline-block;
  line-height: 32px;
}

.action-form .reason-prompt:first-letter,
.action-form li label,
.content .infobar:first-letter,
.flairselector .error:first-letter,
.flairselector form .flairselection .flairremove a,
.flairselector h2,
.link .entry .tagline:first-letter,
.side #moderation_tools .title h1,
.titlebox .fancy-toggle-button .active,
.unvotable-message:first-letter {
  text-transform: capitalize;
}

#header .tabmenu li a:hover {
  color: #fff;
}

#header .tabmenu li:first-of-type a {
  margin-left: 0;
}

#header .tabmenu li.selected a {
  padding-bottom: 4px;
  color: #fff;
  border-bottom: 2px solid;
}

.listing-page .tabmenu li>a[href$="/controversial/"],
.listing-page .tabmenu li>a[href$="/promoted/"],
.wiki-page .tabmenu li>a[href$="/controversial/"],
.wiki-page .tabmenu li>a[href$="/promoted/"] {
  display: none!important;
}

.over18.link .thumbnail img,
.rank-spacer,
a.thumbnail[href*="reddit.com"] img,
body>.content .link .rank {
  display: none;
}

body>.content {
  margin: 16px 352px 64px 16px;
  padding: 0;
  padding-top: 8px!important;
}

.link {
  margin: 0;
  padding: 16px 0;
  position: relative;
}

.link .midcol {
  width: 32px!important;
  margin: 0 16px 0 0;
  overflow: visible;
  height: 56px;
}

.over18.link .thumbnail,
.stickied .thumbnail,
.thumbnail,
.thumbnail.default,
.thumbnail.self {
  width: 80px;
  height: 56px;
}

.link .score {
  line-height: 16px;
  font-size: 12px;
  text-align: center;
  margin: 1px -100%;
}

.flairoptionpane,
.flairselector .error,
.flairselector form .flairselection,
.flairselector h2 {
  text-align: left;
}

.link .score.likes {
  color: #ff6422;
}

.link .score.dislikes {
  color: #5c5bd7;
}

.thumbnail {
  margin: 0 16px 0 0;
}

.thumbnail img {
  min-height: 56px;
  min-width: 80px;
  max-width: none;
  position: relative;
  transform: translateY(-50%);
  top: 50%;
}

.thumbnail.default {
  background: url("https://a.thumbs.redditmedia.com/AfHuMWTKh2PNWtraoKAzDr0Ah3o4B4EBOg2mm65CzB8.png") -176px -48px;
}

.thumbnail.self {
  background: url("https://a.thumbs.redditmedia.com/AfHuMWTKh2PNWtraoKAzDr0Ah3o4B4EBOg2mm65CzB8.png") -96px -104px;
}

.stickied .thumbnail {
  background: url("https://a.thumbs.redditmedia.com/AfHuMWTKh2PNWtraoKAzDr0Ah3o4B4EBOg2mm65CzB8.png") -96px -48px;
}

.over18.link .thumbnail {
  background: url("https://a.thumbs.redditmedia.com/AfHuMWTKh2PNWtraoKAzDr0Ah3o4B4EBOg2mm65CzB8.png") -176px -104px!important;
}

a.thumbnail[href*="reddit.com"] {
  background: url("https://a.thumbs.redditmedia.com/AfHuMWTKh2PNWtraoKAzDr0Ah3o4B4EBOg2mm65CzB8.png") -176px -160px;
}

.link .entry {
  padding: 0;
  margin: 0;
  max-width: 960px;
}

.link .title {
  margin: 0;
  font-size: 13.5pt;
  font-family: Arial, sans-serif;
  transition: all .15s ease;
  overflow: visible;
}

.content .thing .title:visited,
.content .thing.visited .title {
  color: #738491;
}

.thing .title.click:visited,
.thing .title.loggedin.click:visited {
  color: #24a0ed;
}

.link .domain {
  visibility: hidden;
}

.link .domain a {
  visibility: visible;
  position: relative;
  top: -1px;
  color: #98abba;
  transition: all .15s ease;
}

.link .domain a:hover {
  color: #24a0ed;
  text-decoration: none;
}

.approval-checkmark {
  cursor: default;
}

.expando-button,
.expando-button.image,
.expando-button.video-muted {
  position: relative;
  top: -1px;
  margin: 2px 6px 2px 0!important;
  width: 16px!important;
  height: 16px!important;
  border-radius: 2px;
  background-color: transparent;
  background-image: url("https://a.thumbs.redditmedia.com/AfHuMWTKh2PNWtraoKAzDr0Ah3o4B4EBOg2mm65CzB8.png")!important;
  border: 1px solid #e9e9e9;
  cursor: pointer;
}

.expando-button:hover {
  background-color: #0079d3;
  border-color: #0079d3;
}

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

.expando-button.selftext.collapsed:hover {
  background-position: -16px -48px!important;
}

.expando-button.selftext.expanded {
  background-position: -32px -48px!important;
}

.expando-button.selftext.expanded:hover {
  background-position: -48px -48px!important;
}

.expando-button.video.collapsed {
  background-position: -64px -48px!important;
}

.expando-button.video.collapsed:hover {
  background-position: -80px -48px!important;
}

.expando-button.video.expanded {
  background-position: -32px -48px!important;
}

.expando-button.video.expanded:hover {
  background-position: -48px -48px!important;
}

.expando-button.image.collapsedExpando {
  background-position: -32px -64px!important;
}

.expando-button.image.collapsedExpando:hover {
  background-position: -48px -64px!important;
}

.expando-button.image.expanded {
  background-position: -32px -48px!important;
}

.expando-button.image.expanded:hover {
  background-position: -48px -48px!important;
}

.expando-button.image.gallery.collapsedExpando {
  background-position: 0 -64px!important;
}

.expando-button.image.gallery.collapsedExpando:hover {
  background-position: -16px -64px!important;
}

.expando-button.image.gallery.expanded {
  background-position: -32px -48px!important;
}

.expando-button.image.gallery.expanded:hover {
  background-position: -48px -48px!important;
}

.expando-button.video-muted.collapsed {
  background-position: -64px -64px!important;
}

.expando-button.video-muted.collapsed:hover {
  background-position: -80px -64px!important;
}

.expando-button.video-muted.expanded {
  background-position: -32px -48px!important;
}

.expando-button.video-muted.expanded:hover {
  background-position: -48px -48px!important;
}

.link .usertext .md {
  margin-top: 12px;
  margin-bottom: -12px;
  padding-top: 12px;
  padding-left: 0;
  background-color: transparent;
  border: 0 solid;
  border-top: 1px solid #edf1f3;
  border-radius: 0;
  color: #292f34;
}

.entry .tagline {
  margin-top: 3px;
  color: #98abba;
  font-size: 12px;
  font-family: arial, sans-serif;
}

.link .entry .tagline a {
  color: #292f34;
}

.link .entry .tagline time {
  cursor: help;
}

.link .entry .tagline a:hover {
  text-decoration: none;
}

.link .entry .tagline a.author {
  margin-right: inherit;
}

.link .entry .tagline .userattrs {
  visibility: hidden;
}

.link .entry .tagline .userattrs a {
  visibility: visible;
  cursor: help;
  display: inline-block;
  background-color: red;
  color: #fff!important;
  line-height: 14px;
  padding: 0 3px;
  border-radius: 2px;
  font-size: 11px;
}

.link .entry .tagline .userattrs a.moderator {
  background-color: #27b062;
}

.RESUserTagImage::after {
  display: none;
}

.RESUserTagImage {
  vertical-align: top;
  height: 10px;
  width: 16px;
  background-image: url("https://a.thumbs.redditmedia.com/AfHuMWTKh2PNWtraoKAzDr0Ah3o4B4EBOg2mm65CzB8.png");
  background-position: -32px -101px;
  opacity: .25;
  margin-left: 2px;
  transition: opacity .15s ease;
  margin-top: 2px;
}

.RESUserTagImage:hover {
  opacity: 1;
}

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

.entry .buttons li {
  line-height: normal;
}

.entry .buttons li a {
  padding: 0 1px;
  color: #98abba;
  font-weight: 400;
  font-size: 13px;
  font-family: Arial, sans-serif;
  transition: all .15s ease;
}

.link .entry .buttons li a:hover {
  text-decoration: none;
}

.entry .buttons li.nsfw-stamp {
  padding: 0;
  border-radius: 0;
  border: none!important;
}

.nsfw-stamp {
  padding: 0;
  border-radius: 0;
  border: 0;
}

.nsfw-stamp acronym {
  position: relative;
  top: -1px;
  padding: 2px 3px;
  background-color: #ea4876;
  border-color: #ea4876;
  border-radius: 0;
  color: #fff;
  cursor: help;
}

.link .entry .buttons li a.comments {
  font-weight: 700!important;
  transition: all .25s ease-in-out!important;
}

.link .entry li .comments:hover {
  text-decoration: none;
}

.action-form {
  position: fixed;
  top: 35%;
  left: 40%;
  margin: 0;
  padding: 24px;
  background-color: #fff;
  z-index: 100;
  box-shadow: 0 0 16px rgba(0, 0, 0, .12);
  border: none;
  border-radius: 2px;
}

.action-form .reason-prompt {
  font-size: 16px;
  color: #4D5763;
  padding-bottom: 8px;
  display: block;
}

.action-form .reason-prompt li,
.action-form li label {
  padding: 4px 4px 4px 0;
  display: block;
}

.action-form li label {
  cursor: pointer;
  color: #4D5763;
}

.action-form li label:hover {
  background-color: rgba(0, 0, 0, .05);
}

.action-form input[name=other_reason] {
  padding: 8px;
}

.link .entry .buttons li .redditSingleClick {
  padding: 0 1px;
  color: #98abba;
  font-weight: 400;
  font-size: 13px;
  font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  transition: all .15s ease;
}

.entry .title {
  display: flex;
  flex-wrap: wrap;
}

.entry .title:after {
  order: -1;
  content: " ";
  flex-basis: 100%;
}

.linkflairlabel {
  display: inline-block;
  padding: 1px 3px;
  min-height: 18px;
  border-radius: 1px;
  border: 0 solid;
  color: #fff;
  font-weight: 700;
  font-style: normal;
  font-variant: normal;
  font-size: 12px;
  font-family: Arial, sans-serif;
  vertical-align: middle;
  background-color: #738491;
  order: -2;
  max-width: initial;
}

.linkflair-mod .linkflairlabel {
  background-color: #27b062;
  color: #fff;
}

.linkflair-mod a {
  color: #27b062!important;
}

.linkflair-mod .thumbnail.default,
.linkflair-mod .thumbnail.self {
  background: url("https://a.thumbs.redditmedia.com/AfHuMWTKh2PNWtraoKAzDr0Ah3o4B4EBOg2mm65CzB8.png") -96px -48px!important;
}

body .content .thing.spam {
  background-color: #FFE9E6;
}

.entry .buttons li.reported-stamp {
  background-color: transparent;
  border: 1px solid #EDEEEE!important;
  border-radius: 2px;
  color: #292f34;
  line-height: 17px;
}

a.pretty-button.negative,
a.pretty-button.neutral,
a.pretty-button.positive {
  background-image: none;
  border-radius: 2px;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, .25);
  color: #fff;
  line-height: 15px;
  transition: all .1s ease;
}

a.pretty-button.negative {
  background-color: #fb797e;
  border-color: #fb797e;
}

a.pretty-button.negative:hover {
  background-color: #fc535a;
  border-color: #fc535a;
}

a.pretty-button.neutral {
  background-color: #ddd;
  border-color: #ddd;
  color: #4A4F57;
}

a.pretty-button.neutral:hover {
  background-color: #ececec;
  border-color: #ececec;
}

a.pretty-button.positive {
  background-color: #1ecd97;
  border-color: #1ecd97;
}

a.pretty-button.positive:hover {
  background-color: #22e1a6;
  border-color: #22e1a6;
}

a.pretty-button.negative.pressed,
a.pretty-button.neutral.pressed,
a.pretty-button.positive.pressed {
  background-image: none;
  box-shadow: inset 0 3px 1px rgba(0, 0, 0, .15);
}

ul.report-reasons {
  border-radius: 2px;
  background-color: transparent;
  border: 1px solid #edf1f3;
  padding: 8px;
  font-size: 12px;
  margin-top: 4px;
}

.link.last-clicked {
  left: -16px;
  margin-right: -32px;
  padding-left: 16px;
  background-color: rgba(0, 0, 0, .04);
  border: none;
}

.thing.link.stickied .entry li .comments,
.thing.link.stickied a,
.thing.link.stickied a.title {
  color: #27b062!important;
}

.thing.link.stickied .expando-button:hover {
  background-color: #27b062!important;
  border-color: #27b062!important;
}

.tagline .stickied-tagline {
  color: #b3b3b3;
  cursor: help;
}

.stickied.comment .tagline .stickied-tagline,
.stickied.comment>.entry a {
  color: #27b062!important;
}

.content .spacer {
  margin: 0;
}

.link.promotedlink.promoted {
  background-color: #EFF7FF;
  padding: 16px 0;
}

.link.promotedlink.promoted .thumbnail {
  height: auto;
}

.link.promotedlink.promoted .thumbnail img {
  max-height: none;
  max-width: none;
  min-width: 0;
  min-height: 0;
}

.organic-listing {
  background-color: #fff!important;
  padding: 0;
  position: relative;
  margin-bottom: 0;
  border: none;
  border-radius: 2px 2px 0 0;
}

.organic-listing .link,
.organic-listing .link.compressed,
.organic-listing .link.promotedlink {
  padding: 16px;
  background-color: transparent;
  border: 1px solid #edf1f3;
  border-radius: 3px;
}

.organic-listing .help,
.organic-listing .sponsored-tagline {
  margin-bottom: 20px;
  margin-right: 16px;
  color: #98abba;
}

.link.compressed {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.link.compressed .score {
  margin: 0 3px 0 0;
}

.link.compressed .entry {
  padding: 9px 32px 9px 0;
}

.link.compressed .title {
  margin: 0;
}

body>.content .link.compressed .midcol {
  height: auto;
  margin: 8px 4px 0 0;
}

.flairselector {
  position: fixed;
  top: 20%!important;
  left: 50%!important;
  margin-left: -125px;
  padding: 16px!important;
  width: 250px!important;
  border: none;
  border-radius: 2px;
  box-shadow: 0 0 16px rgba(0, 0, 0, .12);
}

.flairselector.drop-choices.active {
  border: none;
}

.flairselector h2 {
  margin-bottom: 4px;
  background-color: transparent;
  font-weight: 400;
  font-size: 18px;
}

.flairoptionpane {
  max-height: 250px;
}

.flairselector .flairoptionpane ul li {
  padding: 0!important;
}

.flairoptionpane ul li .linkflair {
  text-align: left;
  padding: 0;
}

.flairoptionpane ul li .linkflair:hover,
.flairselector li:hover {
  background-color: #F5F8F9;
  border: 0 solid;
}

.flairoptionpane ul li .linkflair span.linkflairlabel {
  margin: 8px 6px 8px 0;
  line-height: 1.35;
}

.flairoptionpane ul li .linkflair a.title {
  font-size: 18px!important;
  opacity: 100!important;
  color: #24a0ed!important;
}

.flairselector form {
  padding-top: 12px;
  border-top: 1px solid #F7F7F7;
}

.flairselector form .flairselection:before {
  display: block;
  content: "Selected Flair:";
  color: #738491;
}

.flairselector form .flairselection .linkflair a.title {
  font-size: 18px!important;
  opacity: 100!important;
  color: #24a0ed!important;
  cursor: default;
}

.flairselector form .flairselection .flairremove {
  padding: 4px 0;
  margin-bottom: 8px;
  visibility: hidden;
  display: block!important;
}

.flairselector form .flairselection .flairremove a {
  visibility: visible;
  opacity: 100!important;
  color: #24a0ed!important;
  margin-left: -4px;
}

.flairselector form .flairselection .flairremove a:first-letter {
  text-transform: capitalize;
}

.flairselector form .flairselection .flairremove a:hover {
  text-decoration: underline!important;
}

.flairselector .customizer {
  display: block;
  margin: 8px 0;
  width: 100%;
}

.flairselector .customizer input[type=text] {
  width: 100%;
}

.flairselector form button {
  display: block;
  float: right;
  margin: 0;
}

.flairselector .error:after {
  display: block;
  color: #b3b3b3;
  content: "Go to /r/.../about/flair";
}

.flairselector img {
  position: relative;
  left: 50%;
  margin-left: -9px;
  opacity: .5;
}

.flairselector .flairoptionpane ul li {
  margin: 4px 0;
}

.flairselector li.selected {
  border: none;
  background-color: transparent;
}

.flairselector .flairoptionpane ul li.flairsample-right {
  padding: 5px 0!important;
  border: none;
}

.flairselector form .flairselection a.author,
.flairselector li a {
  color: #738491!important;
  font-size: 11px;
}

.unvotable-message {
  border: 0 solid;
  color: #738491;
}

.res .RES-keyNav-activeElement {
  outline: #EEE dashed 0!important;
  transition: all .15s ease;
}

.res .entry {
  transition: all .1s ease;
}

div.RES-keyNav-activeElement,
div.commentarea div.RES-keyNav-activeElement.entry div.noncollapsed {
  background-color: transparent!important;
  padding-left: 8px!important;
  border-left: 3px solid #C2C2C2;
}

div.commentarea div.RES-keyNav-activeElement .md {
  background-color: transparent!important;
}

.res .commentarea .thing {
  padding: 14px 16px 8px 8px!important;
}

.res .commentarea .thing.collapsed {
  padding-bottom: 16px!important;
}

.res .commentarea .entry .flat-list {
  margin-bottom: 0;
  padding-bottom: 0;
}

.res .comment .entry {
  margin-bottom: 16px;
}

#userTaggerPreview,
.userTagLink.hasTag {
  font-size: 11px!important;
  border-radius: 0!important;
  border: 0 solid!important;
  margin-top: 0!important;
  margin-left: 4px!important;
}

.RESDialogSmall {
  border: none;
  box-shadow: 0 2px 3px rgba(0, 0, 0, .12);
  margin-top: 8px;
}

.RESDialogSmall>h3 {
  color: #4F8EF7;
  background-color: #FFF;
  border-bottom: 1px solid #EDEDED;
  height: 36px;
  padding: 8px;
  margin: 0;
}

.livePreview .md {
  padding: 8px 12px;
}

.RESCloseButton {
  line-height: 19px;
  height: 22px;
  width: 22px;
  transition: all .15s ease;
}

.RESCloseButton:hover {
  border: 1px solid #D7D9DC;
}

#userTaggerToolTip input[type=text],
#userTaggerToolTip select {
  line-height: 22px;
  padding-left: 4px;
  border: 1px solid #E5E5E5!important;
}

.toggleButton {
  line-height: .8;
}

.toggleButton .toggleOn {
  border-radius: 0;
  border: 1px solid #4F8EF7;
  background-color: #4F8EF7;
  color: #fff;
}

.toggleButton .toggleOff {
  border-radius: 0;
  border: 1px solid #D7D9DC;
  background-color: transparent;
}

#userTaggerToolTip input[type=submit] {
  bottom: 10px!important;
}

.top-page .menuarea {
  margin: 16px 0 24px;
  padding: 0;
  border: none;
  color: #738491;
  overflow: visible;
}

.dropdown.lightdrop .selected {
  color: #292f34;
  text-decoration: none;
  cursor: pointer;
  padding: 8px 12px;
  border: 1px solid #edf1f3;
  border-radius: 2px;
  background-image: none;
}

.dropdown.lightdrop .selected:hover {
  background-color: rgba(0, 0, 0, .05);
}

.dropdown.lightdrop .selected:after {
  content: " ▼";
}

.drop-choices.lightdrop {
  margin-top: 8px;
}

.guider {
  border: none;
  box-shadow: 0 2px 3px #DDD;
}

.guider_content h1 {
  color: #4F8EF7;
}

.guider_button {
  font-size: 11px;
  border: none;
  background-image: none;
  background-color: #4F8EF7;
  transition: all .15s ease;
}

.guider_button:hover {
  background-color: rgba(79, 142, 247, .75);
}

.x_button {
  transition: all .25s ease;
  box-shadow: 0 1px 4px transparent;
}

.x_button:hover {
  box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
}

.content .infobar {
  margin: 0 0 16px;
  padding: 8px 16px;
  line-height: 26px;
  border: none;
  color: #fff;
  border-radius: 2px;
}

.infobar .md {
  color: #fff;
}

.content .infobar.welcome {
  line-height: inherit;
  height: 86px;
}

.content .infobar.welcome h1 {
  color: #4d5763;
}

.commentarea .infobar {
  line-height: 18px;
  margin: 8px 0 16px;
}

.commentarea .infobar a {
  color: rgba(0, 0, 0, .64);
  font-weight: 700;
}

.reddit-infobar.with-icon {
  border: none;
  background: #fff;
  box-shadow: 0 2px 1.5px 0 rgba(0, 0, 0, .12), 0 0 4px 0 rgba(0, 0, 0, .12);
  margin: 0 0 16px;
}

.reddit-infobar.with-icon .md {
  color: #000;
  font-size: 14px;
}

.reddit-infobar.with-icon.locked-infobar {
  background-color: #27B062;
}

.reddit-infobar.with-icon.locked-infobar .md {
  color: #fff;
}

.reddit-infobar.with-icon.locked-infobar p:after {
  content: " Sort comments by new to find out more.";
}

.reddit-infobar.with-icon.locked-infobar:before {
  background-color: #27B062;
  border-right: 1px solid rgba(0, 0, 0, .08);
}

#eu-cookie-policy .reddit-infobar {
  padding-right: 118px;
}

#eu-cookie-policy .c-btn-primary {
  margin: -2px 16px 0 0;
}

#noresults {
  margin: 0;
  width: 100%;
  height: 416px;
  background: url("https://b.thumbs.redditmedia.com/oXJ8IC-TRMMvViLYhC2w2iRnjs3hlmSaI8RdsmoRVPQ.png") 50% 50% no-repeat;
  text-indent: -9999px;
  font-size: 0;
  display: block;
}

.nav-buttons {
  padding: 16px 16px 16px 0;
  color: #738491;
}

.nav-buttons .nextprev {
  color: #738491;
  font-size: 14px;
}

.nav-buttons .nextprev a {
  padding: 8px 16px;
  background-color: transparent;
  border: 1px solid #edf1f3;
  transition: background-color .15s ease;
}

.nav-buttons .nextprev a:hover {
  text-decoration: none;
  background-color: rgba(0, 0, 0, .05);
}

.side {
  margin: 282px 16px 108px 0;
  padding: 0;
  background-color: transparent;
  width: 320px;
}

.side .spacer {
  margin: 0 0 16px;
}

.side:before {
  height: 192px;
  background-image: url("https://b.thumbs.redditmedia.com/il5zO3X1jC969biYD9ymY7RyvjvdO3QV9QN4TwynFdI.png");
  background-color: #DBDBDB;
  content: "";
  display: block;
  position: absolute;
  top: 100px;
  width: 320px;
  z-index: 1;
  border-radius: 2px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

.side .titlebox h1.redditname:before {
  content: " ";
  position: absolute;
  display: block;
  width: 320px;
  z-index: -1;
  height: 76px;
  margin-top: -16px;
  margin-left: -16px;
  border-radius: 0 0 2px 2px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
}

.side .titlebox h1.redditname {
  margin-bottom: 6px;
  position: absolute;
  top: 308px;
  z-index: 100;
  font-family: Lato, arial, verdana, helvetica, sans-serif;
}

.titlebox span.subscribers {
  position: absolute;
  z-index: 100;
  font-size: 12px;
  top: 336px;
}

div.titlebox span.word {
  display: none;
}

.titlebox .users-online {
  display: inline;
}

.titlebox .users-online:before {
  display: none;
}

.titlebox .users-online .number {
  font-style: italic;
}

.titlebox .users-online .number:before {
  content: "";
  width: 16px;
  height: 9px;
  display: inline-block;
  margin-right: 8px;
  background-image: url("https://a.thumbs.redditmedia.com/AfHuMWTKh2PNWtraoKAzDr0Ah3o4B4EBOg2mm65CzB8.png");
  background-position: -64px -36px;
}

.titlelebox .word {
  display: none;
}

.titlebox .number,
.titlebox .users-online {
  cursor: text;
}

.titlebox .fancy-toggle-button {
  margin: 0 0 0 208px;
  position: absolute;
  top: 314px;
  z-index: 100;
}

.titlebox .fancy-toggle-button .active {
  display: block;
  border: none;
  height: 32px;
  border-radius: 2px;
  line-height: 30px;
  background-image: none!important;
  padding: 0 12px;
  box-shadow: 0 2px 1.5px 0 rgba(0, 0, 0, .12), 0 0 4px 0 rgba(0, 0, 0, .12);
  transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1), padding .2s ease, margin .2s ease;
}

#search input[type=submit],
#search input[type=submit]:hover {
  background-image: url("https://a.thumbs.redditmedia.com/AfHuMWTKh2PNWtraoKAzDr0Ah3o4B4EBOg2mm65CzB8.png");
  background-position: -64px -96px;
  background-repeat: no-repeat;
}

.titlebox .fancy-toggle-button .active:hover {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
}

.titlebox .fancy-toggle-button .active:active {
  box-shadow: 0 0 0 transparent;
}

.titlebox .fancy-toggle-button .active.add {
  background-color: #27b062;
  color: #fff;
}

.titlebox .fancy-toggle-button .active.add:hover {
  background-color: #36bb6f;
}

.titlebox .fancy-toggle-button .active.add:active {
  background-color: #189b51;
  padding-left: 24px;
  margin-left: -13px;
  text-align: center;
}

.titlebox .fancy-toggle-button .active.remove {
  background-color: rgba(0, 0, 0, .24);
  color: #fff;
  margin-left: -14px;
  box-shadow: none;
}

.titlebox .fancy-toggle-button .active.remove:hover {
  background-color: rgba(0, 0, 0, .32);
}

.titlebox .fancy-toggle-button .active.remove:active {
  background-color: rgba(0, 0, 0, .4);
}

.hover-bubble.multi-selector {
  right: 346px!important;
  margin-top: -56px;
  border: none;
}

.hover-bubble.anchor-right:before {
  right: -19px;
  border-left-color: #CCC;
}

#search {
  position: absolute;
  z-index: 1;
  width: 320px;
}

#search input[type=text] {
  padding: 0 42px 0 16px;
  border: 0 solid;
  border-radius: 2px;
  width: 320px;
  height: 42px;
  line-height: 41px;
  background-color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
  transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);
}

#search input[type=text]:hover {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
}

#search input[type=text]:focus {
  border-radius: 2px 2px 0 0;
}

#search input[type=text]:focus:hover {
  box-shadow: 0 1px 5px rgba(0, 0, 0, .24)!important;
}

#search input[type=text]:-moz-placeholder {
  font-size: 0;
}

#search input[type=text]::-webkit-input-placeholder {
  font-size: 0;
}

#search input[type=text]:-ms-input-placeholder {
  font-size: 0;
}

#search input[type=text]:-moz-placeholder::after {
  font-size: 14px;
  content: "Search reddit";
  position: relative;
  top: 1px;
}

#search input[type=text]::-webkit-input-placeholder::after {
  font-size: 14px;
  content: "Search reddit";
  position: relative;
  top: 1px;
}

#search input[type=text]:-ms-input-placeholder::after {
  font-size: 14px;
  content: "Search reddit";
  position: relative;
  top: 1px;
}

#search input[type=text]::-webkit-input-placeholder {
  color: #B3B3B3;
}

#search input[type=text]:-moz-placeholder {
  color: #B3B3B3;
}

#search input[type=text]::-moz-placeholder {
  color: #B3B3B3;
}

#search input[type=text]:-ms-input-placeholder {
  color: #B3B3B3;
}

#search input[type=submit] {
  height: 32px;
  width: 32px;
  margin-left: -38px;
  border: none!important;
  border-radius: 16px;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color .2s cubic-bezier(.4, 0, .2, 1);
}

#search input[type=submit]:hover {
  background-color: rgba(158, 158, 158, .2);
}

#search #searchexpando {
  background-color: #edf1f3;
  border: none;
  border-radius: 0 0 2px 2px;
  margin: 0;
  padding: 4px;
  height: 54px;
  line-height: 50px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
}

#search #searchexpando label {
  padding: 21px 8px 17px;
  cursor: pointer;
  transition: all .1s ease;
}

#search #searchexpando label:active {
  background-color: rgba(0, 0, 0, .06);
}

#search #searchexpando p {
  display: none!important;
}

.morelink {
  position: absolute;
  top: 442px;
  background-image: none!important;
  width: 152px;
  height: 36px;
  border-radius: 2px;
  line-height: 36px;
  border: none;
  text-align: center;
  padding: 0;
  box-shadow: 0 2px 1.5px 0 rgba(0, 0, 0, .12), 0 0 4px 0 rgba(0, 0, 0, .12);
  transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);
}

.morelink:hover {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
}

.morelink:active {
  box-shadow: 0 2px 1.5px 0 rgba(0, 0, 0, .12), 0 0 4px 0 rgba(0, 0, 0, .12);
}

.sidebox.submit.submit-text .morelink {
  margin-left: 168px;
}

.morelink a {
  color: #fff;
  font-weight: 400;
  font-size: 0;
  letter-spacing: 0;
}

.sidebox.submit.submit-text .morelink a:after {
  font-size: 14px;
  content: "Submit text";
}

.sidebox.submit.submit-link .morelink a:after {
  font-size: 14px;
  content: "Submit link/image";
}

.side .sidebox.submit-link .morelink:after,
.side .sidebox.submit-text .morelink:before {
  content: "N/A";
  position: absolute;
  left: -168px;
  top: 0;
  width: 152px;
  color: rgba(0, 0, 0, .32);
  border-radius: 2px;
  background-color: rgba(0, 0, 0, .08);
  font-weight: 400;
  z-index: -1;
}

.side .sidebox.submit-link .morelink:after {
  left: 168px;
}

.disabled .morelink {
  box-shadow: none!important;
  background-color: rgba(0, 0, 0, .08);
  width: 320px;
}

.disabled .morelink a {
  color: rgba(0, 0, 0, .32);
  font-size: 14px;
}

.morelink .nub {
  display: none;
}

.login-form-side {
  border: none;
  border-bottom: 1px solid #edf1f3;
  padding-bottom: 8px;
}

.login-form-side input[type=password],
.login-form-side input[type=text] {
  width: 136px;
  margin: 0;
}

.login-form-side input[type=text] {
  margin-left: 0;
  margin-right: 16px;
}

.login-form-side button.btn {
  margin-right: -3px;
}

.titlebox:before {
  content: "Subreddit Info";
  display: block;
  font-size: 18px;
  line-height: 24px;
  color: #292f34;
  font-family: verdana, arial, helvetica, sans-serif;
  margin: 8px 0;
}

.titlebox .tagline {
  font-size: 12px;
  margin: 0;
}

.titlebox .tagline:after {
  content: "";
  height: 2px;
  background-color: #f2f2f2;
  display: block;
  margin-top: 16px;
}

.leavemoderator,
.titlebox .tagline a.author,
.titlebox form.toggle.leavecontributor-button {
  display: none;
}

.titlebox form.flairtoggle {
  line-height: 2;
}

.titlebox form.toggle.sr_style_toggle {
  padding-bottom: 0;
  display: block;
  background-color: transparent;
}

.titlebox form.toggle.sr_style_toggle label {
  position: relative;
  top: -3px;
}

.side .md .-blocks,
.side .md .-lists,
.side .md blockquote,
.side .md ol,
.side .md p,
.side .md pre,
.side .md table,
.side .md ul {
  font-family: Lato, arial, sans-serif;
  color: #292f34;
  line-height: 1.45;
  font-size: 13px;
}

.side .titlebox .md h1 {
  line-height: 18px;
  margin: .5em 0 0!important;
}

.side .titlebox .md h2 {
  margin: 16px 0 2px;
}

.side .titlebox .md h3 a,
.side .titlebox .md h4 a,
.wiki-page .wiki-page-content .md.wiki h4 {
  padding: 0 16px;
  display: block;
  margin: 1.5em 0;
  font-size: 12px;
  line-height: 42px;
  transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);
  text-align: center;
}

.side .titlebox .md h3 a {
  width: 100%;
  border-radius: 2px;
  font-family: verdana, arial, sans-serif;
  color: #fff;
  box-shadow: 0 2px 1.5px 0 rgba(0, 0, 0, .12), 0 0 4px 0 rgba(0, 0, 0, .12);
}

.side .titlebox .md h3 a:hover {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
}

.side .titlebox .md h3 a:active,
.side .titlebox .md h4 a,
.wiki-page .wiki-page-content .md.wiki h4 {
  box-shadow: 0 2px 1.5px 0 rgba(0, 0, 0, .12), 0 0 4px 0 rgba(0, 0, 0, .12);
}

.side .titlebox .md h4 a,
.wiki-page .wiki-page-content .md.wiki h4 {
  background-color: #FFF;
  border: none;
  border-radius: 2px;
  font-weight: 700;
}

.sidebox .spacer,
.titlebox .bottom {
  display: none;
}

.side .titlebox h4 a:hover,
.wiki-page .wiki-page-content .md.wiki h4:hover {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
}

.side .titlebox h4 a:active,
.wiki-page .wiki-page-content .md.wiki h4:active {
  background-color: #f4f6f7;
  box-shadow: 0 2px 1.5px 0 rgba(0, 0, 0, .12), 0 0 4px 0 rgba(0, 0, 0, .12);
}

.md hr {
  border: 1px solid #e5e5e5;
}

.side #moderation_tools .title h1 {
  color: #4D5763;
}

.side #moderation_tools .title .collapse-button {
  color: #4D5763;
  vertical-align: middle;
  border-radius: 1px;
  border: 1px solid #d8d8d8;
}

.side .sidecontentbox .content {
  border: none;
  padding: 8px 0;
}

.icon-menu a {
  background-color: transparent;
}

#ad-frame,
#ad_main {
  width: 320px;
  height: 290px;
  padding: 10px 0 0 10px!important;
}

.sponsorshipbox {
  max-width: 320px;
  padding: 0!important;
}

#ad_sponsorship {
  margin: 10px 0 8px 10px;
  height: 120px;
}

.sidebox.create .morelink {
  position: relative;
  top: 0;
  width: 100%;
  background-color: #fff;
}

.sidebox.create .morelink a {
  font-size: 14px;
}

.gadget .midcol {
  width: 38px;
}

.side:after {
  display: block;
  margin: 0;
  padding: 10px 0;
  content: "This subreddit uses the /r/Naut theme.";
  text-transform: none;
  font-size: 16px;
  font-family: Lato, arial, sans-serif;
  position: absolute;
  width: 320px;
  border: 1px solid rgba(0, 0, 0, .06);
  text-align: center;
}

body.comments-page>.content {
  margin-top: 8px;
}

.comments-page .link .usertext .md {
  margin-bottom: 0;
}

.commentarea .panestack-title {
  margin: 10px 0 0;
  border-bottom: 0;
  padding-left: 16px;
}

.commentarea .panestack-title .title {
  color: #4D5763;
}

.commentarea .menuarea {
  margin: 0;
  padding-left: 16px;
}

.commentarea .menuarea span.dropdown-title.lightdrop {
  color: #98abba;
}

.commentarea .menuarea span.dropdown-title.lightdrop:first-letter {
  text-transform: capitalize;
}

.commentarea .menuarea .dropdown.lightdrop .selected {
  cursor: pointer;
  text-decoration: none;
  background-image: none;
  padding-right: 0;
  font-weight: 400;
  color: #98abba;
  border: none;
  padding-left: 0;
}

.commentarea .menuarea .dropdown.lightdrop .selected:hover {
  color: #4F8EF7;
}

.commentarea .menuarea .dropdown.lightdrop .selected:after {
  content: "▼";
}

.drop-choices.lightdrop {
  border: none;
  z-index: 1001;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
}

.drop-choices a.choice {
  padding: 12px 24px 12px 12px;
  transition: all .1s ease;
  border-bottom: 1px solid #edf1f3;
}

.drop-choices form:last-of-type a.choice {
  border-bottom: none;
}

.drop-choices a.choice:hover {
  color: #fff;
}

.commentarea .menuarea .toggle a,
.help-hoverable {
  color: #98abba;
  font-weight: 400;
}

.commentarea .menuarea .toggle a:hover,
.help-hoverable:hover {
  color: #24a0ed;
}

.help-hoverable {
  font-size: x-small;
}

.commentarea>.usertext {
  background-color: #FAFAFA!important;
  margin: -58px 0 16px;
  padding: 64px 16px 16px!important;
  overflow: visible;
}

.usertext button {
  margin: 4px 16px 8px 0;
}

.commentarea .usertext-edit {
  width: 100%;
  max-width: 504px;
}

.commentarea .usertext-edit textarea {
  position: relative;
  z-index: 999;
  width: 100%;
}

.commentarea>.usertext textarea:not(:focus) {
  background: url("https://b.thumbs.redditmedia.com/q77DZkiyRfrsVbQRyPto09PpgSAtWxbZpsIXNaRCplM.png") 50% 50% no-repeat;
}

.usertext .bottom-area {
  width: 504px;
}

.gold-accent.comment-visits-box {
  margin: 0 0 12px;
  border-radius: 2px;
  background-color: #edf1f3;
  border: 1px solid #d8e0e5;
  color: #292f34;
}

.gilded-icon:before {
  background: url("https://b.thumbs.redditmedia.com/Tce63FyNGljN86jNU9C0KyFoBYMoFzjnnsAyWcOd-pE.png");
  height: 16px;
  width: 16px;
}

.commentarea .sitetable {
  margin: 0;
  box-shadow: none;
}

.commentarea .thing {
  margin: 0 0 8px;
  padding: 8px 16px 8px 0;
}

.commentarea .child .thing {
  box-shadow: none;
  padding: 4px;
  margin: 12px 0 0;
}

.commentarea .comment .midcol {
  margin-top: 2px;
  width: 32px;
  margin-right: 6px;
  overflow: visible;
}

.comment .child,
.comment .showreplies {
  border-left: 1px solid #edf1f3;
  margin-top: 0;
}

.comment .midcol {
  width: 24px;
  margin-right: 0;
}

.comment .midcol .arrow {
  margin-left: 0;
  margin-bottom: 4px;
}

.comment .entry .tagline {
  color: #98abba;
  font-size: 12px;
  font-family: Arial, sans-serif;
}

.comment .expand {
  background-color: transparent;
  transition: all .15s ease;
  color: #98abba;
}

.comment .expand:hover {
  color: #98abba;
  text-decoration: none;
  background-color: #edf1f3;
}

.comment.collapsed a.expand:after {
  content: "ah ";
  position: absolute;
  display: block;
  width: calc(100% - 368px);
  background-color: rgba(0, 0, 0, 0);
  left: 16px;
  margin-top: -34px;
  height: 50px;
  border-radius: 2px;
  color: transparent;
  transition: background-color .2s cubic-bezier(.4, 0, .2, 1);
}

.comment.collapsed a.expand:hover:after {
  background-color: rgba(0, 0, 0, .04);
}

.comment .author {
  color: #292f34;
  margin-right: 0;
  font-weight: 700;
}

.comment .author:hover {
  text-decoration: none;
}

.green,
.tagline .moderator {
  color: #27b062!important;
  font-weight: 700;
}

.tagline .submitter {
  font-weight: 700;
}

.res .thing .tagline .author.submitter {
  padding: 1px 4px;
  border-radius: 1px;
  background-color: #4F8EF7!important;
  box-shadow: 0 0 0 transparent;
  transition: all .15s ease;
}

.res .thing .tagline .author.submitter:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
  background-color: #4F8EF7!important;
}

.comment .score {
  font-size: inherit;
  font-weight: 700;
  color: #738491;
}

.comment .score:before {
  content: "• ";
  margin: 0 2px;
  vertical-align: middle;
  line-height: 14px;
}

.comment .usertext .md {
  color: #292f34;
}

.md a:visited {
  color: #7D5D8A;
}

.md pre {
  padding: 8px;
}

.md blockquote {
  border-left: 2px solid #edf1f3;
  color: #738491;
}

.md h1,
.md h2 {
  margin: .5em 0 .25em;
  border: none;
  color: #292f34;
}

.md h3 {
  color: #292f34;
  margin: 16px 0 0;
}

.usertext.grayed .usertext-body {
  margin: 4px 0;
  background-color: transparent;
  text-transform: italic;
  padding: 0;
}

.comment.spam>.child {
  padding-left: 0;
  margin-left: 16px;
}

.comment .flat-list li a {
  color: #98abba;
  font-weight: 400;
  font-size: 10px;
}

.comment .flat-list li a:hover {
  color: #24a0ed;
  text-decoration: none;
}

.comment .flat-list li a[onclick*=reply] {
  color: #24a0ed;
  font-weight: 700;
  font-size: 11px;
}

.deepthread a {
  color: #24a0ed;
}

.morecomments a {
  color: #738491;
}

.comments-page .side {
  margin-top: 400px;
}

.comments-page .side .linkinfo {
  position: absolute;
  padding: 16px;
  width: 320px;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, .16);
  border: none;
}

.comments-page .side .linkinfo .date {
  color: #98abba;
}

.comments-page .side .linkinfo .date:first-letter {
  text-transform: capitalize;
}

.comments-page .side .linkinfo .score {
  color: #292f34;
}

.res.comments-page .side {
  margin-top: 414px;
}

.read-next {
  width: 320px;
  height: 128px;
  border: 1px solid #edf1f3;
  border-radius: 2px 2px 0 0;
}

.read-next .read-next-header {
  border-bottom: 1px solid #edf1f3;
  color: #738491;
  padding: 8px 16px;
  background-color: #f2f7fa;
}

.read-next .read-next-nav {
  top: 8px;
}

.read-next .read-next-button {
  background-color: #0079d3;
  color: #fff;
  font-family: monospace;
  line-height: 16px;
  font-size: 10px;
  height: 16px;
  width: 16px;
}

.read-next .read-next-link {
  height: inherit;
}

.read-next .read-next-header-title {
  top: 0;
  line-height: inherit;
}

.read-next .read-next-list {
  padding: 8px 16px;
}

.read-next .read-next-meta {
  color: #738491;
  line-height: 2;
}

.submit-page #header {
  height: 144px;
}

.submit-page #header-bottom-left {
  top: 86px;
  left: 50%;
  margin-left: -262px;
}

.submit-page .content {
  margin: 32px auto 0;
}

#suggested-reddits,
.submit-page .content h1,
.submit-page .side {
  display: none;
}

.submit-page #newlink.submit.content {
  width: 524px;
  margin: 0 auto;
}

.submit-page #newlink.submit.content form .spacer+.spacer {
  margin: 0;
}

.submit-page #newlink.submit.content ul.tabmenu.formtab {
  position: relative;
  padding: 0;
  border: none;
  border-radius: 2px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
}

.submit-page #newlink.submit.content .tabmenu.formtab a {
  padding: 16px;
  width: 262px;
  display: inline-block;
  text-align: center;
  color: rgba(255, 255, 255, .7);
  text-transform: uppercase;
  font-weight: 700;
  transition: all .15s ease;
  font-size: 16px;
  border: none;
  border-bottom: 4px solid transparent;
}

.submit-page #newlink.submit.content .tabmenu.formtab a:hover,
.submit_text.enabled.roundfield .md,
.submit_text.enabled.roundfield .md a,
.submit_text.enabled.roundfield .md a:hover,
.submit_text.enabled.roundfield .md blockquote {
  color: #fff;
}

.submit_text.enabled.roundfield .md code {
  color: initial;
}

.submit-page #newlink.submit.content .tabmenu.formtab .selected a {
  font-size: 16px;
  background-color: transparent;
  color: #fff;
  border-bottom: 4px solid;
}

.submit-page .formtabs-content {
  border-top: 0;
  padding-top: 0;
}

.submit-page .roundfield {
  width: 524px;
  border: none;
}

.submit-page #url-field button {
  background-color: #c3cfd6;
}

.submit_text ol,
.submit_text ul {
  margin-left: -1em;
}

.submit-page .infobar {
  display: none!important;
}

.combined-search-page .search-submit-button .search-icon,
.raisedbox h4,
.search-page #header .pagename a,
.submit-page .footer-parent {
  display: none;
}

.content.submit .info-notice {
  background-color: #edf1f3;
  padding: 16px;
  border: none;
  margin-bottom: 0;
}

.submit-page #newlink.submit.content .btn {
  width: 100%;
  height: auto;
  margin-top: 16px;
  cursor: pointer;
  text-transform: capitalize;
  font-family: Lato, arial, sans-serif;
  font-size: 17px;
  padding: 16px;
  text-align: left;
  margin-bottom: 48px;
}

.submit-page #newlink.submit.content .btn:after {
  content: " your post to Reddit.";
  text-transform: none;
}

.linefield .title,
.linefield .title:first-letter,
.linefield label:first-letter,
.searchfacets h4.title:first-letter,
.wiki-page .wikititle {
  text-transform: capitalize;
}

.submit-page #newlink.submit.content .btn:hover {
  box-shadow: 0 2px 12px rgba(0, 0, 0, .48);
}

.search-page #header {
  height: 156px;
}

.search-page #header-bottom-left {
  top: 56px;
}

.search-page .searchpane {
  margin: 0;
  padding: 0;
  position: relative;
}

.search-page #search {
  position: absolute;
  top: -128px;
  left: 36px;
  padding: 0;
}

.search-page #search input[type=text] {
  min-width: 320px;
  width: 320px;
}

.combined-search-page .search-submit-button {
  position: relative;
  left: -42px;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  background-color: transparent;
  background-image: url("https://a.thumbs.redditmedia.com/AfHuMWTKh2PNWtraoKAzDr0Ah3o4B4EBOg2mm65CzB8.png");
  background-position: -64px -96px;
  box-shadow: none;
  border: none;
  border-radius: 50%;
  transition: background-color .2s cubic-bezier(.4, 0, .2, 1);
}

.combined-search-page .search-submit-button:hover {
  background-color: rgba(158, 158, 158, .2);
}

.search-page #previoussearch label {
  position: absolute;
  margin: -2px 0 0;
  width: 100%;
  padding: 12px;
  background: #f9f9f9;
  z-index: -1;
  border-radius: 0 0 2px 2px;
  box-shadow: 0 2px 1.5px 0 rgba(0, 0, 0, .12), 0 0 4px 0 rgba(0, 0, 0, .12);
  cursor: pointer;
}

.search-page #previoussearch p a#search_showmore {
  position: absolute;
  left: 324px;
  top: 8px;
  width: 22px;
  height: 24px;
  background-image: url("https://a.thumbs.redditmedia.com/AfHuMWTKh2PNWtraoKAzDr0Ah3o4B4EBOg2mm65CzB8.png");
  background-repeat: no-repeat;
  background-position: -49px -168px;
  overflow: hidden;
  font-size: 0;
}

#previoussearch #moresearchinfo {
  margin: 0;
  max-width: none;
  border: none;
}

.combined-search-page .search-result-group {
  max-width: none;
  min-width: 0;
  padding: 0;
}

.combined-search-page .search-result-group .search-result-group-header {
  height: 36px;
  line-height: 38px;
  margin: 0;
  border: none;
}

.combined-search-page .search-result-group .search-header-label {
  text-transform: capitalize;
  color: #738491;
  font-family: Lato, Arial, sans-serif;
  font-size: 18px;
  padding-bottom: 2px;
}

.flair,
.wiki-page .wikititle {
  font-family: arial, sans-serif;
}

.combined-search-page .search-result-group .search-menu {
  margin-right: 16px;
}

.combined-search-page .search-result-group .search-menu .dropdown.lightdrop .selected {
  color: #738491;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
}

.combined-search-page .search-result-listing .search-result-subreddit {
  display: inline-block;
  width: calc(33% - 8px);
  max-width: 360px;
  height: 184px;
  margin: 0 16px 0 0;
  padding: 16px;
  border-radius: 2px;
  vertical-align: top;
  border: 1px solid #edf1f3;
  overflow: hidden;
}

#hsts_pixel,
.debuginfo,
.search-result-subreddit .search-result-meta span.search-time,
.stylesheet-customize-container h2 {
  display: none;
}

.combined-search-page .search-result-listing .search-result-subreddit:last-of-type {
  margin-right: -20px;
}

.combined-search-page .search-result-subreddit .search-result-body {
  padding: 0;
}

.combined-search-page .search-result-subreddit .search-result-meta {
  padding: 4px 0;
}

.combined-search-page .search-result {
  margin: 16px 0 20px;
}

.combined-search-page .search-result .search-result-meta {
  color: #738491;
}

.combined-search-page .search-result-subreddit .search-subscribe-button {
  border-radius: 2px;
}

.combined-search-page .search-result-subreddit .search-subscribe-button .add,
.combined-search-page .search-result-subreddit .search-subscribe-button .add:active {
  background-color: #0079d3;
  border: none;
  border-radius: 2px;
}

.combined-search-page .search-result-subreddit .search-subscribe-button .remove,
.combined-search-page .search-result-subreddit .search-subscribe-button .remove:active {
  background-color: transparent;
  border: 1px solid #98abba;
  color: #738491;
}

.combined-search-page .search-result.has-thumbnail>.thumbnail {
  margin-left: 0;
  margin-right: 16px;
}

.combined-search-page .search-result-group footer .nav-buttons {
  margin: 0 0 16px;
}

.next-suggestions,
.nextprev {
  color: #738491;
}

.search-page .searchfacets {
  border: 1px solid #edf1f3;
  padding: 16px;
  margin: 0;
  background-color: #fff;
  border-radius: 0 0 2px 2px;
  max-width: none;
}

.wiki-page .pageactions,
.wiki-page .wikititle {
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, .16);
}

.searchfacets .title {
  margin: 0;
}

.searchfacets h4.title {
  color: #738491;
  margin: 0 0 8px;
}

.searchfacets .list {
  margin: 0;
}

.searchfacets .facet.count {
  color: #98abba;
  font-weight: 400;
}

.searchfacets .facet.count:hover {
  text-decoration: none;
}

.search-page .morelink {
  top: 384px;
}

.search-page .side {
  margin-top: 264px;
}

.wiki-page .wikititle {
  padding: 9px 16px 10px;
  font-size: 16px;
  margin: 0;
}

.wiki-page .pageactions {
  margin-left: 16px;
  padding: 0 16px;
  border: none;
}

.wiki-page .pageactions .wikiaction {
  margin: 0;
  background-color: transparent;
  border-radius: 0;
  padding: 10px 16px 11px;
  color: #98abba;
}

.wiki-page .pageactions .wikiaction-current {
  padding: 10px 16px 9px;
  border-bottom: 2px solid #24a0ed;
}

.wiki-page .pageactions .wikiaction-current:hover,
.wiki-page .pageactions .wikiaction:hover {
  background-color: rgba(0, 0, 0, .05);
}

.wiki-page .wiki-page-content {
  margin: 16px 0;
}

.wiki-page .wiki-page-content .wiki>.toc>ul {
  border: none;
}

.wiki-page .wiki-page-content .wiki.md,
.wiki-page .wiki-page-content .wiki.md h2 {
  color: #292f34;
}

.usertext .bottom-area a,
.wiki-page .wiki-page-content em {
  color: #98abba;
}

.wiki-page .wiki-page-content hr {
  border-style: solid;
  border-color: #edf1f3;
}

.linefield,
.linefield.mobile {
  background-color: #fff;
  color: #98abba;
  margin: 0 0 16px;
  width: 528px;
  padding: 8px 0;
}

.sheets .btn.right,
.tabmenu li a,
.tabmenu li.selected a {
  background-color: transparent;
}

#images:after,
#images:before {
  width: 100%;
  left: 0;
  z-index: 100;
}

.linefield .linefield-content,
.linefield .title {
  padding: 0;
}

.usertext .bottom-area a:hover {
  color: #24a0ed;
}

.pretty-form {
  padding-top: 24px;
}

.create-promotion h1,
.fancy-settings h1 {
  color: rgba(255, 255, 255, .8);
}

.fancy-settings h1 strong {
  color: rgba(255, 255, 255, 1);
}

.tabmenu {
  border-bottom: 1px solid #edf1f3;
  margin-bottom: 12px;
}

.tabmenu li {
  margin: 0!important;
}

.tabmenu li a {
  color: #292f34;
  border: none;
  font-size: 14px;
}

.tabmenu li.selected a {
  color: #24a0ed;
  border: none;
}

.tabpane-content {
  border: none;
}

.tabpane-content .flairrow a.author {
  color: #98abba;
}

.tabpane-content .tagline a {
  color: #292f34;
}

.tabpane-content .thing .title {
  overflow: visible;
}

.fancy-settings .pretty-form {
  padding-top: 0;
}

.stylesheet-customize-container .pretty-form {
  margin-bottom: 16px;
}

.stylesheet-customize-container .pretty-form .sheets {
  margin-right: 0;
}

.sheets .btn.right {
  border: none;
  box-shadow: none;
  padding: 0;
}

#images {
  position: relative;
  overflow: auto;
  height: inherit;
}

#images:after,
.footer-parent {
  background-repeat: no-repeat;
}

#images #image-upload {
  margin: 0 0 4em;
}

#images:before {
  position: fixed;
  padding: 16px;
  color: #fff;
  bottom: 0;
  background-color: #2E2F31;
  content: "Hey! There's a FAQ if you just scroll down a little.";
  font-size: 18px;
}

.flair,
.link .flair {
  font-size: 12px;
}

#images:after {
  content: "";
  position: absolute;
  bottom: -1200px;
  background-color: #fff;
  background-image: url("https://b.thumbs.redditmedia.com/fJNhsvAnj9UereNWagunzfo4feQqx76aZeKMarubxzU.png");
  background-position: 50% 50%;
}

.flair {
  border: none;
  border-radius: 0;
  font-weight: 400;
  background-color: transparent;
  color: #98abba;
  padding-left: 0;
  margin-right: inherit;
}

.side .flair:before {
  margin-left: 0;
}

.listing-page .comment {
  background-color: #fff;
  margin-left: 0;
  padding: 12px 0;
}

.listing-page .comment .midcol {
  width: 36px;
  margin-right: 2px;
  margin-top: 4px;
  overflow: visible;
}

.listing-page .comment .parent {
  margin-bottom: 4px;
}

.listing-page .comment .title {
  font-size: 14px;
  margin-left: 8px;
}

.footer-parent {
  padding: 60px 0 64px;
  background-image: url("https://b.thumbs.redditmedia.com/0MD5b6CMhTJccMnvmWtEjqaWvMqXpRmssI3NAdgIhrg.jpg");
  background-position: 50% 0;
  background-size: cover;
}

.footer {
  border: 0 solid;
  border-radius: 2px;
  background-color: rgba(43, 51, 58, .64);
  padding: 16px;
  max-width: 640px;
}

.footer .col {
  padding: 0 24px;
  border: none;
}

.bottommenu a,
.flat-vert.title {
  color: rgba(255, 255, 255, .7);
}

.bottommenu {
  color: rgba(255, 255, 255, .42);
}

.pinHeader-header:before,
.res.search-page #header .tabmenu {
  display: none!important;
}

.res .link .tagline a.voteWeight {
  background-color: transparent!important;
}

.res .thing .tagline .author.moderator {
  background-color: #27b062!important;
  padding: 1px 4px;
  border-radius: 1px;
}

#header-bottom-right #userbarToggle+* {
  margin-left: 0!important;
}

.res .srSep {
  color: rgba(255, 255, 255, .45);
}

.res #RESShortcutsViewport {
  margin-right: 381px;
}

.res #RESShortcutsEditContainer {
  margin-right: 312px;
}

#RESShortcutsAdd,
#RESShortcutsLeft,
#RESShortcutsRight,
#RESShortcutsSort,
#RESShortcutsTrash,
.res #RESShortcutsEditContainer {
  background-color: transparent!important;
  color: rgba(255, 255, 255, .45)!important;
  top: 1px!important;
}

.res #RESShortcuts {
  color: #E0E0E0;
}

.pinHeader-sub #sr-header-area,
.pinHeader-subanduser #sr-header-area {
  background-image: url("https://b.thumbs.redditmedia.com/poI8OA3dVDECwAHNF3po5Ch9iXPj0v3Ca0d78MDIeeE.png");
  background-position: 50% 0;
}

.pinHeader-sub #header-bottom-left,
.pinHeader-subanduser #header-bottom-left {
  margin-top: 0;
}

.pinHeader-header .content {
  margin-top: 12px!important;
}

.pinHeader-header .side {
  margin-top: 164px;
}

.pinHeader-header.res.comments-page .side {
  margin-top: 290px;
}

.pinHeader-header #header {
  top: 0;
  background-image: url("https://b.thumbs.redditmedia.com/poI8OA3dVDECwAHNF3po5Ch9iXPj0v3Ca0d78MDIeeE.png");
  height: 84px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, .24);
}

.res #header-bottom-right .user .userkarma,
.res #searchexpando .searchexpando-submit,
.res .comment.collapsed a.expand:after {
  display: none;
}

.res #header-bottom-right {
  top: 1px;
  border-radius: 0;
  height: 18px;
  padding: 0 8px 0 0;
}

.res #userbarToggle {
  background-color: transparent;
  color: rgba(255, 255, 255, .45);
  border-radius: 0;
  border: none;
  left: -32px;
}

.res a.beta-link {
  top: 4px;
}

.res #header-bottom-right .user {
  font-size: 0;
}

.res #header-bottom-right .user a {
  font-size: 11px;
}

.res #RESSubredditGroupDropdown .RESShortcutsCurrentSub a,
.res #sr-header-area a.RESShortcutsCurrentSub {
  color: #fff!important;
  border-bottom: 2px solid #fff;
}

#RESAccountSwitcherIcon {
  position: relative;
  top: -4px;
}

.res #REScommentNavToggle {
  max-width: 98px;
  overflow: hidden;
  max-height: 15px;
  background-color: #FAFAFA;
  transition: all .35s ease;
}

#header,
.res h1.hover.redditname {
  overflow: visible!important;
}

.res #REScommentNavToggle:hover {
  max-width: 100%;
}

.res .commentarea>.usertext {
  margin-top: -76px;
  padding-top: 80px!important;
}

.res .content .RESBigEditorPop {
  background-color: rgba(0, 0, 0, 0);
  line-height: inherit;
  font-size: 11px;
  font-family: verdana, arial, sans-serif;
  box-shadow: none;
  font-weight: 400;
  color: #4D5763;
  border: none;
  padding: 0;
  height: inherit;
  margin-left: 4px;
  margin-top: 5px;
}

html.res-commentBoxes .comment {
  margin-left: 0!important;
  margin-right: 0!important;
}

.res .commentarea .thing {
  border: none!important;
  border-radius: 2px!important;
}

.res .titlebox .tagline {
  margin-top: 6px;
}

.res .RESDashboardToggle,
.res .RESshortcutside {
  background-image: none!important;
  border: none;
  color: #4D5763;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 0;
  padding: 4px 6px 4px 0;
  margin: 2px 6px 2px -4px;
  text-align: left;
  width: auto;
}

.res .RESDashboardToggle:hover,
.res .RESshortcutside:hover {
  background-color: transparent;
  color: #24a0ed;
}

.res #progressIndicator {
  width: inherit;
  border-radius: 0;
  border: none;
  padding: 16px;
  margin: 16px 0;
  color: #b3b3b3;
  background-color: #fff;
  height: inherit;
}

.res #progressIndicator h2 {
  color: #4D5763;
}

.res .NERPageMarker {
  border-radius: 0;
  border: none;
  background-color: #fff;
  padding: 16px 0;
  margin: 0;
}

.res .sitetable .sitetable {
  margin-right: 0;
}

.res #search #searchexpando {
  box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
  height: auto;
}

.res #search #searchexpando label {
  padding-top: 13px;
  padding-bottom: 13px;
}

.res .commentarea .panestack-title {
  margin-top: 0;
  padding-top: 12px;
}

.gearIcon {
  background: url("https://a.thumbs.redditmedia.com/AfHuMWTKh2PNWtraoKAzDr0Ah3o4B4EBOg2mm65CzB8.png") -64px 0!important;
  position: relative;
  top: 2px;
  transition: all .25s ease;
}

#RESMainGearOverlay {
  background-color: #516ae8;
  top: 0!important;
  height: 26px!important;
  border-radius: 0!important;
}

.RESDropdownList {
  border-color: #4258ca;
  box-shadow: 0 1px 5px rgba(0, 0, 0, .24);
  margin-top: 4px;
  margin-right: 8px;
}

.RESDropdownList li {
  background-color: #516ae8;
  color: #fff;
  border-color: #4258ca;
  transition: all .15s ease;
}

#RESSearchMenuItem,
#RESSearchMenuItem:hover {
  background-color: #667df0;
}

.RESDropdownList li:first-letter {
  text-transform: capitalize;
}

.RESDropdownList a,
.RESDropdownList a:visited {
  color: #fff;
}

.RESDropdownList li a:hover,
.RESDropdownList li:hover {
  color: #fff;
  background-color: #667df0;
}

#RESSearchMenuItem {
  border: 1px solid #4258ca;
  border-radius: 1px;
}

.toggleButton .toggleOff,
.toggleButton .toggleOn {
  text-transform: lowercase;
}

.moduleToggle.enabled .toggleOff,
.moduleToggle:not(.enabled) .toggleOn,
.toggleButton.enabled .toggleOff,
.toggleButton:not(.enabled) .toggleOn {
  background-color: transparent;
  color: rgba(255, 255, 255, .6);
  border: 1px solid #4258ca;
  transition: all .15s ease;
  border-radius: 2px;
}

.moduleToggle.enabled .toggleOn,
.moduleToggle:not(.enabled) .toggleOff,
.toggleButton.enabled .toggleOn,
.toggleButton:not(.enabled) .toggleOff {
  background-color: #fff;
  color: #516AE8;
  font-weight: bolder;
  border: 1px solid #fff;
  transition: all .15s ease;
  border-radius: 2px;
}

.markdownEditor .edit-btn:not(.btn-macro) {
  border: 0 solid!important;
  border-radius: 1px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
}

#ad-frame,
#ad_main,
#images,
#previoussearch #moresearchinfo,
.account-activity-box,
.combined-search-page>.content,
.commentarea>.sitetable>.comment,
.commentarea>.usertext,
.comments-page .link,
.linefield,
.login-form-side,
.side .sidecontentbox,
.side .titlebox,
.sponsorshipbox,
.stylesheet-customize-container .pretty-form,
.submit-page .roundfield,
.wiki-page .wiki-page-content,
body.listing-page>.content,
body.other-discussions-page>.content {
  background-color: #fff;
  padding: 16px;
  border-radius: 2px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
}

.arrow.down,
.arrow.downmod,
.arrow.up,
.arrow.upmod {
  background: url("https://b.thumbs.redditmedia.com/IzFFznDT8L2XEKmaQCTXdQAuFC1Pq_g5QwUCtyhhNaU.png");
}

.arrow.up {
  background-position: 0 0;
}

.arrow.down {
  background-position: 0 -28px;
}

.arrow.upmod {
  animation: upvoted .5s steps(16) infinite;
}

.arrow.downmod {
  animation: downvoted 375ms steps(16) infinite;
}

#header-bottom-left,
body:not(.search-page) .side:before {
  top: 48px;
}

body:not(.search-page) .side .titlebox h1.redditname {
  top: 256px;
}

body:not(.search-page) .titlebox .fancy-toggle-button {
  top: 262px;
}

body:not(.search-page) .titlebox span.subscribers {
  top: 284px;
}

#search {
  top: 332px;
}

body:not(.search-page) .morelink {
  top: 390px;
}

.comments-page .side .linkinfo {
  top: 442px;
}

.content .infobar,
.drop-choices a.choice:hover,
.morelink,
.side .titlebox .md h3 a,
.submit-page #newlink.submit.content ul.tabmenu.formtab,
.submit_text.enabled.roundfield,
body .btn,
body button {
  background-color: #f50;
}

.btn:active,
.btn:hover,
.morelink:active,
.morelink:hover,
.side .titlebox .md h3 a:active,
.side .titlebox .md h3 a:hover,
body button:active,
body button:hover {
  background-color: #DF4A00;
}

.combined-search-page .search-result .search-comments,
.combined-search-page .search-result .search-result-header .search-title,
.combined-search-page .search-result a,
.combined-search-page .search-result a>mark,
.comment .author:hover,
.flairselector h2,
.linefield .title,
.link .entry .buttons li a.comments,
.link .entry .buttons li a.flairselectbtn,
.link .entry .buttons li a:hover,
.link .entry .tagline a:hover,
.md a,
.side .titlebox .md h4 a,
.side:after,
.sidebox.create .morelink a,
.tagline .submitter,
.thing .title,
.thing .title.click,
.thing .title.loggedin,
.thing .title.loggedin.click,
.titlebox .tagline a.flairselectbtn,
.usertext .bottom-area a.reddiquette,
.wiki-page .pageactions .wikiaction-current,
.wiki-page .wiki-page-content .md.wiki h4,
a,
body .content .sitetable .link .title a:hover {
  color: #DF4A00;
}

div.titlebox span.number:after {
  content: " engineers";
}

.titlebox .users-online .number:after {
  content: " currently online";
}

.flair:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  margin-left: 4px;
  content: "";
  background-image: url("https://b.thumbs.redditmedia.com/YU7RnD6KZy-oI97Mu3j2mUP4vpwwhUYDl3QbATFKI5o.png");
  background-position: 0 0;
  vertical-align: top;
  position: relative;
  top: -1px;
}

.flair-beltOne:before {
  background-position: 0 00px;
}

.flair-beltTwo:before {
  background-position: 0 -16px;
}

.flair-beltThree:before {
  background-position: 0 -32px;
}

.flair-inserterOne:before {
  background-position: 0 -48px;
}

.flair-inserterTwo:before {
  background-position: 0 -64px;
}

.flair-inserterThree:before {
  background-position: 0 -80px;
}

.flair-inserterFour:before {
  background-position: 0 -96px;
}

.flair-inserterFive:before {
  background-position: 0 -112px;
}

.flair-biterOne:before {
  background-position: 0 -128px;
}

.flair-biterTwo:before {
  background-position: 0 -144px;
}

.flair-biterThree:before {
  background-position: 0 -160px;
}

.flair-biterFour:before {
  background-position: 0 -176px;
}

.flair-machineOne:before {
  background-position: 0 -192px;
}

.flair-machineTwo:before {
  background-position: 0 -208px;
}

.flair-machineThree:before {
  background-position: 0 -224px;
}

.flair-gear:before {
  background-position: 0 -240px;
}

.flair-scienceOne:before {
  background-position: 0 -256px;
}

.flair-scienceTwo:before {
  background-position: 0 -272px;
}

.flair-scienceThree:before {
  background-position: 0 -288px;
}

.flair-scienceFour:before {
  background-position: 0 -304px;
}

.flair-artifact:before {
  background-position: 0 -320px;
  color: #27AD0F;
}

.flair-rocket:before {
  background-position: 0 -336px;
}

.flair-solar:before {
  background-position: 0 -352px;
}

.flair-rocketsilo:before {
  background-position: 0 -368px;
}

.flair-tank:before {
  background-position: 0 -384px;
}

.flair-blueCircuit:before {
  background-position: 0 -400px;
}

.flair-redCircuit:before {
  background-position: 0 -416px;
}

.flair-greenCircuit:before {
  background-position: 0 -432px;
}

.flair-coin:before {
  background-position: 0 -448px;
}

.flair-fusionreactor:before {
  background-position: 0 -464px;
}

.flair-flamethrowerammo:before {
  background-position: 0 -480px;
}

.flair-behemothSpitter:before {
  background-position: 0 -496px;
}

.flair-train:before {
  background-position: 0 -512px;
}

.flair-bigSpitter:before {
  background-position: 0 -528px;
}

.flair-lab:before {
  background-position: 0 -544px;
}

.flair-stackFilterInserter:before {
  background-position: 0 -560px;
}

.flair-stackInserter:before {
  background-position: 0 -576px;
}

.flair-speaker:before {
  background-position: 0 -592px;
}

.flair-construction:before {
  background-position: 0 -609px;
}

.flair-logistics:before {
  background-position: 0 -625px;
}

a[href="#logisticsbot"] {
  font-size: 0;
}

a[href="#logisticsbot"]::after {
  font-size: initial;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  margin-left: 4px;
  content: "";
  background-image: url("https://b.thumbs.redditmedia.com/YU7RnD6KZy-oI97Mu3j2mUP4vpwwhUYDl3QbATFKI5o.png");
  background-position: 0 -625px;
  vertical-align: top;
  position: relative;
  top: -1px;
}

.side .titlebox h1.redditname:before {
  background-color: #BF4000;
}

.side .titlebox h1.redditname a,
.titlebox span.subscribers {
  color: #FFF;
}

#header {
	background-image: url("https://b.thumbs.redditmedia.com/d6hSz0wwSQXtWafyx6HS_IwE3TWVlEWGsGUaD1ykVqs.png");
	background-size: cover;
	background-position: center center;
	background-color: #2a2b2e;
	background-repeat: no-repeat;
  border-bottom: 0 solid;
  height: 167px;
}

.pagename a {
  height: 100px;
  top: -20px;
  width: 419px;
  background-image: url("https://b.thumbs.redditmedia.com/X3JAJh8GHG0HkMqNj8ynqyBlsSfbVB16SC-YSzIvT5o.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  left: 50px;
  position: absolute;
  text-indent: -9999px;
  visibility: visible!important;
  z-index: 100;
}

.pagename a:hover {
  background-image: url("https://b.thumbs.redditmedia.com/tD4MlgmGOqqLiZfsMMKylbIo9P59XRP10TObE5FQeww.png");
}

#header-img,
#header-img.default-header {
  background: url("https://b.thumbs.redditmedia.com/AVN-4eg_jss25b8eAPQ5NABeG9AxuV1rUNjSFr6eosI.png") no-repeat;
}

#header-img.default-header:hover,
#header-img:hover {
  background: url("https://b.thumbs.redditmedia.com/AVN-4eg_jss25b8eAPQ5NABeG9AxuV1rUNjSFr6eosI.png") no-repeat;
}

.res-nightmode body {
  background: #000;
}

.res-nightmode #images,
.res-nightmode .commentarea>.usertext,
.res-nightmode .comments-page .side .linkinfo,
.res-nightmode .stylesheet-customize-container .pretty-form,
.res-nightmode .thing {
  background-color: #373737!important;
  border-bottom: 1px solid #212121;
}

.res-nightmode #newlink-with-image-upload .image-upload-drop-target,
.res-nightmode #search input[type=text],
.res-nightmode #sr-header-area,
.res-nightmode .side .sidecontentbox,
.res-nightmode .side .titlebox .md h4 a,
.res-nightmode .side .titlebox h1.redditname:before {
  background-color: #262626;
}

.res-nightmode #header-bottom-right,
.res-nightmode .flair,
.res-nightmode .tabmenu li a,
.res-nightmode .tabmenu li.selected a {
  background-color: transparent;
}

.res-nightmode #header-bottom-right .separator,
.res-nightmode #sr-header-area .sr-bar a,
.res-nightmode .link .entry .tagline a,
.res-nightmode .morelink a,
.res-nightmode .submit-page .roundfield .title,
.res-nightmode .usertext-edit textarea {
  color: #eee!important;
}

.res-nightmode .submit_text.enabled.roundfield .md code {
  color: inherit;
}

.res-nightmode .footer-parent:before {
  box-shadow: 0 0 200px #121212;
}

.res-nightmode .commentarea>.usertext textarea:not(:focus) {
  background: url("https://b.thumbs.redditmedia.com/q77DZkiyRfrsVbQRyPto09PpgSAtWxbZpsIXNaRCplM.png") #999;
}

.res-nightmode .commentarea>.usertext textarea {
  background: #999;
}

.res-nightmode .comment .md p>a,
.res-nightmode .md a {
  color: rgba(44, 209, 240, .8);
}

.res-nightmode .comment .md p>a:visited,
.res-nightmode .md a:visited {
  color: #8cb3d9;
}

.res-nightmode .arrow.down,
.res-nightmode .arrow.downmod,
.res-nightmode .arrow.up,
.res-nightmode .arrow.upmod {
  background-image: url("https://b.thumbs.redditmedia.com/IzFFznDT8L2XEKmaQCTXdQAuFC1Pq_g5QwUCtyhhNaU.png")!important;
}

.res-nightmode .arrow.up {
  background-position: 0 0!important;
}

.res-nightmode .arrow.down {
  background-position: 0 -28px!important;
}

.res-nightmode .arrow.upmod {
  animation: upvoted .5s steps(16) infinite;
}

@keyframes upvoted {
  from {
    background-position: 0 -14px;
  }

  to {
    background-position: -240px -14px;
  }
}

.res-nightmode .arrow.downmod {
  animation: downvoted 375ms steps(16) infinite;
}

@keyframes downvoted {
  from {
    background-position: 0 -42px;
  }

  to {
    background-position: -240px -42px;
  }
}

.res-nightmode .arrow.up:hover {
  background-position: 0 0;
}

.res-nightmode .arrow.down:hover {
  background-position: 0 -28px;
}

.res-nightmode body.listing-page>.content {
  background: #262626;
}

.res-nightmode .side .md blockquote,
.res-nightmode .side .md ol,
.res-nightmode .side .md p,
.res-nightmode .side .md pre,
.res-nightmode .side .md table,
.res-nightmode .side .md ul,
.res-nightmode .titlebox:before {
  color: #DEDEDE;
}

a[href="/s"] {
  background-color: #000;
  color: #000;
}

a[href="/s"]:hover {
  background-color: transparent;
}

.linkflair-bug .linkflairlabel {
  background-color: #6B6557;
}

.linkflair-question .linkflairlabel,
.linkflair-suggestion .linkflairlabel {
  background-color: #BF655D;
}

.linkflair-update .linkflairlabel {
  background-color: #DB9A7A;
}

.linkflair-tip .linkflairlabel,
.linkflair-guide .linkflairlabel {
  background-color: #CC9F6C;
}

.linkflair-modded .linkflairlabel {
  background-color: #967DA0;
}

.linkflair-base .linkflairlabel,
.linkflair-blueprint .linkflairlabel {
  background-color: #5B8AA5;
}

.linkflair-announcement .linkflairlabel,
.linkflair-community .linkflairlabel {
  background-color: #6B9B5A;
}

.linkflair-removed .linkflairlabel {
  background-color: #A52A1F;
}

.post-submitter .link:not(.linkflair) .flat-list.buttons .flairselectbtn {
  position: relative;
}

.post-submitter .link:not(.linkflair) .flat-list.buttons .flairselectbtn:before {
  background: #FF5500;
  content: "Make sure you flair your post!";
  color: #fff;
  position: absolute;
  top: -1.97em;
  height: 1.5em;
  padding: 0 .5em;
  line-height: 1.5;
  text-align: center;
  font-size: 20px;
  border-radius: 2px;
  right: 0.5px;
  box-shadow: 0 2px 1.5px 0 rgba(0, 0, 0, .12), 0 0 4px 0 rgba(0, 0, 0, .12);
}

.post-submitter .link:not(.linkflair) .flat-list.buttons .flairselectbtn:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1em .5em 0;
  border-color: #FF5500 transparent transparent;
  top: -1em;
  left: -0.5em;
  content: "";
  position: absolute;
}

.post-submitter .link:not(.linkflair) .flat-list.buttons .flairselectbtn:hover:before {
  background-color: #DF4A00;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
  color: #eee;
}

a[href="/s"],
a[href="/spoiler"],
a[href="/s"]:visited,
a[href="/spoiler"]:visited {
  cursor: default;
  background-color: #000;
  color: #000;
  padding: 0 0.5em;
}

a[href="/s"]::before,
a[href="/spoiler"]::before {
  cursor: default;
  background-color: inherit;
  color: #FFF;
  content: "Spoiler (old format, use [](#s \"Spoiler text\") instead): ";
}

a[href="/s"]:hover,
a[href="/s"]:active,
a[href="/spoiler"]:hover,
a[href="/spoiler"]:active,
a[href="/s"]:visited:hover,
a[href="/s"]:visited:active,
a[href="/spoiler"]:visited:hover,
a[href="/spoiler"]:visited:active {
  color: #FFF;
  text-decoration: none;
}

a[href="#s"] {
  cursor: default;
  display: inline;
  background-color: #000;
  padding: 0.1em 0.3em;
}

a[href="#s"]::before {
  visibility: visible;
  cursor: default;
  color: #FFF;
  content: "Spoiler: ";
  background-color: #000;
}

a[href="#s"]::after,
a[href="#s"]:visited::after {
  content: attr(title);
  color: #000;
  visibility: visible;
  background-color: #000;
}

a[href="#s"]:hover::after,
a[href="#s"]:active::after,
a[href="#s"]:hover:visited::after {
  color: #FFF;
  text-decoration: none;
}

.titlebox a[href$="discord.gg/factorio"] {
  font-size: 0;
}

.titlebox a[href$="discord.gg/factorio"]::after {
  font-size: initial;
  content: " ";
  display: inline-block;
  background-image: url("https://b.thumbs.redditmedia.com/SvTOLAbOrWP2WuuFD6cg0jan-jRXXeqFdeBuUY1ou4c.png");
  width: 293px;
  height: 27px;
  background-repeat: no-repeat;
  background-size: contain;
}
}