slight

/*
    Slight, by huw
    Find us at /r/Slight or /u/3vans
    v1.0.1
    PLEASE DON'T DIRECTLY EDIT THE CSS HERE! USE STYLUS AND AN EDITOR!
*/
.res-nightmode .side,
.res-nightmode #siteTable .thing .title,
.res-nightmode .side .leavemoderator,
.res-nightmode .side .leavecontributor-button,
.res-nightmode .side .titlebox,
.res-nightmode .side .spacer .titlebox .redditname,
.res-nightmode .side .titlebox .flairtoggle,
.res-nightmode .side .usertext-body .md ol,
.res-nightmode .side .usertext-body .md ol ol,
.res-nightmode .side .usertext-body .md ol ol li,
.res-nightmode .side .titlebox form.flairtoggle,
.res-nightmode .side .md ul,
.res-nightmode .icon-menu a,
.res-nightmode body .content {
  border: none;
  background: none;
}
.res-nightmode .side a,
.res-nightmode .md p a {
  color: inherit;
}
.res-nightmode .listing-page .sitetable > div:nth-of-type(4n+1) {
  background: none;
}
body {
  font-family: "San Francisco Display", "Helvetica Neue", Roboto, Arial, sans-serif;
}
a#header-img {
  display: none !important;
}
#header {
  height: 25vh;
  min-height: 66.66666666666667px;
  max-height: 200px;
  border: none;
  background: url(%%header%%);
  background-size: cover;
  background-position: center center;
}
#sr-header-area {
  background: none;
  border: none;
}
#sr-header-area,
#sr-header-area .width-clip,
.res #sr-header-area #RESShortcutsEditContainer {
  margin-right: 325px;
}
.res #sr-header-area #RESShortcutsViewport {
  margin-right: 72px;
}
.loggedin #sr-header-area .width-clip {
  margin-right: 230px;
}
#sr-header-area .width-clip {
  z-index: 2;
}
.res-nightmode #sr-header-area {
  background: none;
}
.sr-list {
  margin-right: 55px;
  margin-left: 5px;
}
.loggedin  .sr-list {
  margin-right: 40px;
}
.sr-bar {
  font-size: 0;
  font-weight: 500;
  font-family: "San Francisco Display", "Helvetica Neue", Roboto, Arial, sans-serif;
}
#sr-header-area .sr-bar a,
.sr-bar a.gold,
.sr-bar .separator,
#sr-more-link,
.dropdown.srdrop .selected {
  background: none;
  font-size: 9px !important;
  color: rgba(255,255,255,0.7) !important;
}
#sr-more-link,
.dropdown.srdrop .selected {
  font-size: 9px;
  font-family: "San Francisco Display", "Helvetica Neue", Roboto, Arial, sans-serif;
  padding: 0 5px;
}
#RESShortcutsEditContainer {
  top: 1px !important;
  background: none !important;
}
#RESShortcutsSort,
#RESShortcutsRight,
#RESShortcutsAdd,
#RESShortcutsTrash,
#RESShortcutsLeft {
  width: 9px;
  background: none !important;
  font-size: 9px !important;
  color: rgba(255,255,255,0) !important;
  transition: color 0.3s ease;
}
#sr-header-area:hover #RESShortcutsSort,
#sr-header-area:hover #RESShortcutsRight,
#sr-header-area:hover #RESShortcutsAdd,
#sr-header-area:hover #RESShortcutsTrash,
#sr-header-area:hover #RESShortcutsLeft {
  color: rgba(255,255,255,0.7) !important;
}
#header-bottom-right {
  top: 0px;
  right: 3px;
  padding: 0 !important;
  background: none;
  font-size: 10px;
  font-weight: 500;
  font-family: "San Francisco Display", "Helvetica Neue", Roboto, Arial, sans-serif;
}
.res #header-bottom-right {
  top: 0px;
  height: 13px;
}
.res #header-bottom-right #userbarToggle {
  display: none !important;
}
#header-bottom-right a {
  color: rgba(255,255,255,0.7);
}
html:lang(nv) #header-bottom-right .user,
html:lang(vs) #header-bottom-right .user {
  font-size: 0px;
}
html:lang(nv) #header-bottom-right .user a,
html:lang(vs) #header-bottom-right .user a {
  font-size: 11px;
}
html:lang(nv) #header-bottom-right .user .userkarma,
html:lang(vs) #header-bottom-right .user .userkarma {
  display: none;
}
#header-bottom-right .separator {
  font-size: 0;
  margin: 0 4px;
  padding: none;
}
.res-nightmode #header-bottom-right {
  background: none;
}
.user {
  color: rgba(255,255,255,0.7);
}
.user #RESAccountSwitcherIcon {
  background-image: url(%%spritesheet%%);
  background-repeat: no-repeat;
  background-size: 126px 342px;
  background-position: 0px -18px;
  width: 18px;
  height: 18px;
  border: 0;
  padding: 0;
  margin: 0 4px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  .user #RESAccountSwitcherIcon {
    background-image: url(%%spritesheet2x%%);
  }
}
html:lang(nv) .user #RESAccountSwitcherIcon,
html:lang(vs) .user #RESAccountSwitcherIcon {
  margin: -6px 0 0 4px;
}
.userkarma {
  border-bottom: none;
}
.res-nightmode .userkarma {
  color: rgba(255,255,255,0.7);
}
#RESAccountSwitcherIconOverlay,
#RESMainGearOverlay {
  display: block !important;
  border: none !important;
  border-top-left-radius: 2px !important;
  border-top-right-radius: 2px !important;
  background-color: #f7f7f7 !important;
  opacity: 0;
  transition: opacity 0.3s ease;
}
#RESAccountSwitcherIconOverlay:hover,
#RESMainGearOverlay:hover,
#RESAccountSwitcherIconOverlay:hover + .RESDropdownList,
#RESMainGearOverlay:hover + .RESDropdownList {
  visibility: visible !important;
  opacity: 1 !important;
}
#RESAccountSwitcherIconOverlay {
  top: 14px;
  right: 204px;
  margin: 4px 0 0 3px;
  background-image: url(%%spritesheet%%);
  background-repeat: no-repeat;
  background-size: 126px 342px !important;
  background-position: 0px 0px;
  width: 18px !important;
  height: 18px !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  #RESAccountSwitcherIconOverlay {
    background-image: url(%%spritesheet2x%%) !important;
  }
}
.res-nightmode #RESAccountSwitcherIconOverlay {
  background-color: #263238 !important;
  background-image: url(%%spritesheet%%);
  background-repeat: no-repeat;
  background-size: 126px 342px !important;
  background-position: 0px -18px;
  width: 18px !important;
  height: 18px !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  .res-nightmode #RESAccountSwitcherIconOverlay {
    background-image: url(%%spritesheet2x%%) !important;
  }
}
#RESAccountSwitcherDropdown {
  top: 21px;
  right: 150px;
  margin: -3px 0 0 0;
}
.RESDropdownList {
  display: block !important;
  visibility: hidden;
  border: none;
  border-radius: 2px;
  background-color: #f7f7f7;
  opacity: 0;
  transition: opacity 0.3s ease;
  box-shadow: 0 1.5px 4px rgba(0,0,0,0.24), 0 1.5px 6px rgba(0,0,0,0.12);
}
.RESDropdownList:hover {
  visibility: visible !important;
  opacity: 1 !important;
}
.RESDropdownList a,
.RESDropdownList a:visited {
  color: rgba(0,0,0,0.87) !important;
}
.RESDropdownList li {
  border: none;
  color: rgba(0,0,0,0.87);
  transition: background 0.3s ease, color 0.3s ease;
  font-weight: 400;
  font-family: "San Francisco Display", "Helvetica Neue", Roboto, Arial, sans-serif;
}
.RESDropdownList li:hover {
  background: rgba(0,0,0,0.12) !important;
  color: inherit !important;
}
.res-nightmode .RESDropdownList li:hover {
  background: #263238;
}
.RESDropdownList li a:hover,
.res-nightmode .RESDropdownList li a:hover {
  background: none !important;
}
.res-nightmode .RESDropdownList li,
.res-nightmode .RESDropdownList li a {
  color: rgba(255,255,255,0.7) !important;
  background-color: #263238;
}
#header-bottom-right #mail,
#modmail.nohavemail,
#modmail.havemail,
.pref-lang,
.gearIcon,
.logout a {
  background-image: url(%%spritesheet%%);
  background-repeat: no-repeat;
  background-size: 126px 342px;
  background-position: -18px 0px;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  text-indent: -9999px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  #header-bottom-right #mail,
  #modmail.nohavemail,
  #modmail.havemail,
  .pref-lang,
  .gearIcon,
  .logout a {
    background-image: url(%%spritesheet2x%%);
  }
}
#header-bottom-right #mail {
  background-position: -18px -18px;
  top: 0 !important;
  width: 18px !important;
}
#header-bottom-right #mail.havemail {
  top: 0 !important;
  background-position: -108px 0px;
}
.message-count {
  height: 11px;
  padding-bottom: 1px;
  vertical-align: middle;
}
#modmail {
  top: 0;
  margin-bottom: 0;
}
#modmail.nohavemail {
  background-position: -36px -18px;
}
#modmail.havemail {
  background-position: -108px -18px;
}
.pref-lang {
  background-position: -54px -18px;
}
#header-bottom-right .gearIcon {
  background-position: -72px -18px;
  margin: 0 !important;
}
#RESMainGearOverlay {
  top: 0;
  right: 0;
  width: 18px !important;
  height: 18px !important;
  margin: -1px 0 0 7px;
}
#RESMainGearOverlay .gearIcon {
  top: 0 !important;
  left: 0 !important;
  background-position: -72px 0px;
}
#RESPrefsDropdown {
  top: 0;
  right: 0;
  margin: 4px 5px 0 0;
}
.moduleToggle .toggleOn,
.toggleButton .toggleOn,
.moduleToggle .toggleOff,
.toggleButton .toggleOff {
  border: none !important;
  color: rgba(0,0,0,0.87);
}
.logout a {
  background-position: -90px -18px;
}
#header-bottom-left {
  font-size: 0;
}
#header .tabmenu {
  display: block;
  position: absolute;
  top: 70%;
  width: 100%;
  text-align: center;
  z-index: 2;
}
#header .tabmenu li {
  display: inline-block;
  margin: 0;
}
#header .tabmenu li.selected a {
  border: none;
  background: none;
  color: #fff;
  font-weight: 700;
}
.res-nightmode #header .tabmenu li.selected a {
  background: none !important;
}
.res-nightmode #header .tabmenu li.selected a:hover {
  background: rgba(255,255,255,0.2);
}
.res-nightmode #header .tabmenu li.selected a:active {
  background: rgba(255,255,255,0.4);
}
#header .tabmenu li a {
  display: none;
  margin: 0 7px;
  padding: 4px 8px;
  background: none;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2.12px;
  transition: background 0.3s ease;
  font-size: 20px;
  font-weight: 300;
  font-family: "San Francisco Display", "Helvetica Neue", Roboto, Arial, sans-serif;
}
.res-nightmode #header .tabmenu li a {
  background: none;
}
#header .tabmenu li a:hover {
  background: rgba(255,255,255,0.2);
}
#header .tabmenu li a:active {
  background: rgba(255,255,255,0.4);
}
#header .tabmenu li:first-child a {
  display: inline;
}
#header .tabmenu li a[href$='/new/'] {
  display: inline;
}
#header .tabmenu li a[href$='/top/'] {
  display: inline;
}
#header-img {
  width: 0;
  height: 0;
  margin: 0;
}
.pagename {
  margin: 0;
  font-size: 0;
}
.pagename a {
  background-image: url(%%logo%%);
  background-repeat: no-repeat;
  background-size: 300px 80px;
  width: 300px;
  height: 80px;
  min-height: 80px;
  display: block;
  visibility: visible;
  position: absolute;
  top: 0;
  height: 25vh;
  max-height: 200px;
  left: 50%;
  margin-left: -150px;
  background-position: center;
  text-indent: -9999px;
  z-index: 1;
}
body:not(.listing-page) #header .tabmenu {
  display: none;
}
.footer-parent {
  padding-top: 2.5rem;
}
.footer {
  margin: 1rem auto;
  border: none;
  border-radius: 2px;
}
.footer .col {
  border: none;
}
.footer,
.moderator .footer {
  background: rgba(0,0,0,0.02);
}
.res-nightmode .footer,
.res-nightmode .moderator .footer {
  background: rgba(0,0,0,0.05);
}
.flat-vert.title {
  font-size: 1.15rem;
  font-weight: 200;
  font-family: "San Francisco Display", "Helvetica Neue", Roboto, Arial, sans-serif;
}
.buygold {
  color: #5478a0;
  font-weight: 800;
}
.bottommenu {
  max-width: 600px;
  margin: 0 auto;
  font-size: 0.65rem;
  font-weight: 300;
  line-height: 0.85rem;
  font-family: "San Francisco Display", "Helvetica Neue", Roboto, Arial, sans-serif;
}
.bottommenu a:hover {
  text-decoration: underline;
}
.debuginfo {
  text-align: center;
  font-size: 0.65rem;
  font-weight: 300;
  line-height: 0.85rem;
  font-family: "San Francisco Display", "Helvetica Neue", Roboto, Arial, sans-serif;
}
.debuginfo .content {
  display: inline;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.debuginfo .content:hover {
  opacity: 1;
}
.debuginfo .icon {
  display: none;
}
.res-nightmode .debuginfo .content,
.res-nightmode .footer a {
  color: #808080;
}
.res-nightmode .footer a:hover {
  color: #3b5470;
}
body > .content {
  padding: 2vh 2.5vw;
  margin: 0;
}
body > .content,
body {
  background: #f7f7f7;
}
.res-nightmode body > .content,
.res-nightmode body {
  background: #263238;
}
body.listing-page > .content {
  padding: 0;
}
.content .spacer {
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  line-height: 1.56rem;
  font-family: "San Francisco Display", "Helvetica Neue", Roboto, Arial, sans-serif;
}
h1,
h1 a {
  text-transform: capitalize;
  font-size: 2rem;
  line-height: 2rem;
}
.res-nightmode h1 {
  border: none;
}
h2,
h2 a {
  text-transform: capitalize;
  color: #5478a0;
  font-size: 1.5rem;
  line-height: 3rem;
}
h2 a:hover {
  color: inherit;
  text-decoration: none;
}
a {
  color: #5478a0;
  transition: color 0.2s ease;
  font-family: "San Francisco Display", "Helvetica Neue", Roboto, Arial, sans-serif;
}
.hover a:hover,
a:hover {
  color: #324860;
  text-decoration: none;
}
label {
  color: rgba(0,0,0,0.26);
  cursor: text;
  font-size: 0.75rem;
  font-weight: 400;
  font-family: "San Francisco Display", "Helvetica Neue", Roboto, Arial, sans-serif;
}
.res-nightmode label {
  color: rgba(255,255,255,0.5);
}
.error,
.errors {
  color: #f44336;
  font-family: "San Francisco Display", "Helvetica Neue", Roboto, Arial, sans-serif;
}
.errors a,
.errors a:hover {
  color: inherit;
}
a[href$="#s"] {
  padding-left: 2px;
  border-radius: 2px;
  cursor: default;
  background: #000;
  color: #fff !important;
  display: inline-block;
}
a[href$="#s"]::after {
  content: attr(title);
  color: #000;
  padding: 0 0.5em;
  visibility: visible;
  transition: color 0.3s ease;
}
a[href$="#s"]:hover {
  color: #fff !important;
}
a[href$="#s"]:hover::after,
a[href$="#s"]:active::after {
  color: #fff;
}
.md {
  color: rgba(0,0,0,0.87);
/** Card Display **/
/** Message the moderators button **/
}
.res-nightmode .md {
  color: rgba(255,255,255,0.7) !important;
}
.md a {
  color: #5478a0;
}
.md a:visited {
  color: #436080;
}
.md a:hover {
  color: #324860;
}
.md h5 {
  font-weight: 500;
}
.md blockquote {
  margin: 2px;
  padding: 8px;
  border: none;
  border-radius: 2px;
  background: #fff;
  color: inherit;
  box-shadow: 0 1.5px 4px rgba(0,0,0,0.24), 0 1.5px 6px rgba(0,0,0,0.12);
}
.res-nightmode .md blockquote {
  background: #2e3d44;
}
.md pre {
  border: solid 1px;
  border-color: rgba(0,0,0,0.12);
  background: #ebebeb;
}
.res-nightmode .md pre {
  border-color: rgba(255,255,255,0.12);
}
.res-nightmode .md pre {
  background: #374851;
}
.md code {
  margin: 0;
  padding: 0 3px;
  border: solid 1px;
  border-color: rgba(0,0,0,0.12);
  color: rgba(0,0,0,0.87);
  font-family: "Roboto Mono", "Andale Mono", Consolas, monospace;
}
.res-nightmode .md code {
  border-color: rgba(255,255,255,0.12);
}
.res-nightmode .md code {
  color: rgba(255,255,255,0.7) !important;
}
.md code,
.new-comment .md :not(pre)>code,
.link .md :not(pre)>code,
.usertext.border .md :not(pre)>code,
.new-comment .md pre,
.link .md pre,
.usertext.border .md pre {
  background-color: #ebebeb;
}
.res-nightmode .md code,
.res-nightmode .new-comment .md :not(pre)>code,
.res-nightmode .link .md :not(pre)>code,
.res-nightmode .usertext.border .md :not(pre)>code,
.res-nightmode .new-comment .md pre,
.res-nightmode .link .md pre,
.res-nightmode .usertext.border .md pre {
  background-color: #374851 !important;
}
.md hr {
  margin: 2vh 0;
  height: 1px;
  background: rgba(0,0,0,0.12);
}
.res-nightmode .md hr {
  background: rgba(255,255,255,0.12);
}
.md h2 a[href*="/message/compose?to=%2Fr%2F"] {
  display: block;
  float: inherit;
  text-align: center;
  font-size: 1.56rem;
  line-height: inherit;
}
.md del {
  color: inherit;
}
.link .usertext-body .md {
  background-color: transparent;
  border: none;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-radius: 0;
  border-color: rgba(0,0,0,0.12);
}
.res-nightmode .link .usertext-body .md {
  border-color: rgba(255,255,255,0.12);
}
.keyNavAnnotation {
  display: none;
}
.btn {
  padding: 4px;
}
.btn a,
.usertext-edit .bottom-area a,
#suggest-title button,
.side .md a[href^="https://ns.reddit.com"],
.side .md a[href^="https://nv.reddit.com"],
.side .md a[href^="https://vs.reddit.com"] {
  margin: 0;
  padding: 4px 8px;
  font-weight: 500;
  text-transform: uppercase;
  transition: background 0.3s ease;
}
.btn a:hover,
.usertext-edit .bottom-area a:hover,
#suggest-title button:hover,
.side .md a[href^="https://ns.reddit.com"]:hover,
.side .md a[href^="https://nv.reddit.com"]:hover,
.side .md a[href^="https://vs.reddit.com"]:hover {
  color: #5478a0;
  background: rgba(153,153,153,0.2);
}
.res-nightmode .btn a:hover,
.res-nightmode .usertext-edit .bottom-area a:hover,
.res-nightmode #suggest-title button:hover,
.res-nightmode .side .md a[href^="https://ns.reddit.com"]:hover,
.res-nightmode .side .md a[href^="https://nv.reddit.com"]:hover,
.res-nightmode .side .md a[href^="https://vs.reddit.com"]:hover {
  background: rgba(204,204,204,0.15);
}
.btn a:active,
.usertext-edit .bottom-area a:active,
#suggest-title button:active,
.side .md a[href^="https://ns.reddit.com"]:active,
.side .md a[href^="https://nv.reddit.com"]:active,
.side .md a[href^="https://vs.reddit.com"]:active {
  background: rgba(153,153,153,0.4);
}
.res-nightmode .btn a:active,
.res-nightmode .usertext-edit .bottom-area a:active,
.res-nightmode #suggest-title button:active,
.res-nightmode .side .md a[href^="https://ns.reddit.com"]:active,
.res-nightmode .side .md a[href^="https://nv.reddit.com"]:active,
.res-nightmode .side .md a[href^="https://vs.reddit.com"]:active {
  background: rgba(204,204,204,0.25);
}
button.btn,
.morelink,
.sidecontentbox a.helplink,
.md h2 a[href*="/message/compose?to=%2Fr%2F"],
.usertext-buttons button,
.fancy-toggle-button.toggle .active {
  min-width: 88px;
  padding: 8px;
  border: none;
  border-radius: 2px;
  outline: none;
  background-color: #507298;
  background-image: none;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  transition: box-shadow 0.2s ease, background-color 0.2s ease;
  font-size: 0.75rem;
  font-weight: 500;
  font-family: "San Francisco Display", "Helvetica Neue", Roboto, Arial, sans-serif;
}
.res-nightmode button.btn,
.res-nightmode .morelink,
.res-nightmode .sidecontentbox a.helplink,
.res-nightmode .md h2 a[href*="/message/compose?to=%2Fr%2F"],
.res-nightmode .usertext-buttons button,
.res-nightmode .fancy-toggle-button.toggle .active {
  color: rgba(0,0,0,0.87);
}
button.btn:hover,
.morelink:hover,
.sidecontentbox a.helplink:hover,
.md h2 a[href*="/message/compose?to=%2Fr%2F"]:hover,
.usertext-buttons button:hover,
.fancy-toggle-button.toggle .active:hover,
.res-nightmode button.btn:hover,
.res-nightmode .morelink:hover,
.res-nightmode .sidecontentbox a.helplink:hover,
.res-nightmode .md h2 a[href*="/message/compose?to=%2Fr%2F"]:hover,
.res-nightmode .usertext-buttons button:hover,
.res-nightmode .fancy-toggle-button.toggle .active:hover {
  background-color: #486789;
  background-image: none;
}
button.btn:active,
.morelink:active,
.sidecontentbox a.helplink:active,
.md h2 a[href*="/message/compose?to=%2Fr%2F"]:active,
.usertext-buttons button:active,
.fancy-toggle-button.toggle .active:active,
.res-nightmode button.btn:active,
.res-nightmode .morelink:active,
.res-nightmode .sidecontentbox a.helplink:active,
.res-nightmode .md h2 a[href*="/message/compose?to=%2Fr%2F"]:active,
.res-nightmode .usertext-buttons button:active,
.res-nightmode .fancy-toggle-button.toggle .active:active {
  background-color: #405b7a;
}
.res-nightmode button.btn,
.res-nightmode .morelink,
.res-nightmode .sidecontentbox a.helplink,
.res-nightmode .md h2 a[href*="/message/compose?to=%2Fr%2F"],
.res-nightmode .usertext-buttons button,
.res-nightmode .fancy-toggle-button.toggle .active {
  border: none;
  background-color: #507298;
}
.res-nightmode button.RESBigEditorPop:hover,
.res-nightmode .usertext-buttons button:hover,
.res-nightmode #REScommentSubToggle:hover,
.res-nightmode .save-button .btn:hover,
.res-nightmode #delete-img:hover {
  background-color: #436080;
}
input[type=text],
.pretty-form input[type=text],
.pretty-form textarea,
.usertext-edit textarea,
.roundfield input[type=url],
.roundfield input[type=password],
.roundfield input[type=number],
.roundfield input[type=text],
.roundfield textarea,
input[type=password] {
  border: none;
  border-bottom: 1px solid;
  border-color: rgba(0,0,0,0.12);
  outline: none;
  background: #f7f7f7;
  color: rgba(0,0,0,0.87);
  box-shadow: none;
  transition: border-bottom 0.3s ease;
  font-size: 0.75rem;
  font-weight: 400;
  font-family: "San Francisco Display", "Helvetica Neue", Roboto, Arial, sans-serif;
}
.res-nightmode input[type=text],
.res-nightmode .pretty-form input[type=text],
.res-nightmode .pretty-form textarea,
.res-nightmode .usertext-edit textarea,
.res-nightmode .roundfield input[type=url],
.res-nightmode .roundfield input[type=password],
.res-nightmode .roundfield input[type=number],
.res-nightmode .roundfield input[type=text],
.res-nightmode .roundfield textarea,
.res-nightmode input[type=password] {
  border-color: rgba(255,255,255,0.12);
}
.res-nightmode input[type=text],
.res-nightmode .pretty-form input[type=text],
.res-nightmode .pretty-form textarea,
.res-nightmode .usertext-edit textarea,
.res-nightmode .roundfield input[type=url],
.res-nightmode .roundfield input[type=password],
.res-nightmode .roundfield input[type=number],
.res-nightmode .roundfield input[type=text],
.res-nightmode .roundfield textarea,
.res-nightmode input[type=password] {
  background: #263238;
}
.res-nightmode input[type=text],
.res-nightmode .pretty-form input[type=text],
.res-nightmode .pretty-form textarea,
.res-nightmode .usertext-edit textarea,
.res-nightmode .roundfield input[type=url],
.res-nightmode .roundfield input[type=password],
.res-nightmode .roundfield input[type=number],
.res-nightmode .roundfield input[type=text],
.res-nightmode .roundfield textarea,
.res-nightmode input[type=password] {
  color: rgba(255,255,255,0.7);
}
input[type=text]:focus,
.pretty-form input[type=text]:focus,
.pretty-form textarea:focus,
.usertext-edit textarea:focus,
.roundfield input[type=url]:focus,
.roundfield input[type=password]:focus,
.roundfield input[type=number]:focus,
.roundfield input[type=text]:focus,
.roundfield textarea:focus,
input[type=password]:focus {
  border-bottom: 3px solid #5478a0;
}
input[type=file] {
  color: rgba(0,0,0,0.26);
  font-size: 0.75rem;
  font-weight: 500;
  font-family: "San Francisco Display", "Helvetica Neue", Roboto, Arial, sans-serif;
}
.res-nightmode input[type=file] {
  color: rgba(255,255,255,0.5);
}
#search input[type=text] {
  border: none;
  border-bottom: 1px solid;
  border-color: rgba(0,0,0,0.12);
}
.res-nightmode #search input[type=text] {
  border-color: rgba(255,255,255,0.12);
}
#search input[type=text]:focus {
  border-bottom: 3px solid #5478a0;
}
.pretty-form textarea,
.usertext-edit textarea {
  max-width: 94vw;
  overflow: auto;
  font-size: 0.9rem;
  line-height: 1.56rem;
}
form input[type=checkbox],
form input[type=radio] {
  position: relative;
  bottom: 1px;
}
.stylesheet-customize-container #RESStyleSheetTipPane {
  display: none !important;
}
.stylesheet-customize-container .col div {
  padding: 0;
}
.stylesheet-customize-container textarea {
  height: 55vh;
  font-family: "Roboto Mono", "Andale Mono", Consolas, monospace;
}
.stylesheet-customize-container .btn.right {
  position: relative;
  right: -8px;
  padding-right: 0;
}
.stylesheet-customize-container input[type=text] {
  width: 25vw;
  max-width: 300px;
}
.stylesheet-customize-container h2,
.stylesheet-customize-container .link {
  margin: 0;
}
.sheets .btn {
  margin-right: 12px;
}
#preview-table table {
  width: auto;
  border: none;
}
#preview-table table th {
  color: rgba(0,0,0,0.87);
  font-family: "San Francisco Display", "Helvetica Neue", Roboto, Arial, sans-serif;
}
.res-nightmode #preview-table table th {
  color: rgba(255,255,255,0.7);
}
#images h2,
#images h2 a {
  padding-top: 2.5rem;
  line-height: 1rem;
}
#images label {
  line-height: 1.56rem;
}
#images label[for=file] {
  display: none;
}
#images label[for=img_type],
#images label[for=img-name] {
  margin-right: 5px;
}
#images br:last-of-type {
  display: none;
}
#images span.little {
  color: rgba(0,0,0,0.26);
  font-size: 0.6rem;
  font-weight: 500;
  font-family: "San Francisco Display", "Helvetica Neue", Roboto, Arial, sans-serif;
}
.res-nightmode #images span.little {
  color: rgba(255,255,255,0.5);
}
#images ul#image-preview-list .description {
  font-size: 0.75rem;
  font-family: "San Francisco Display", "Helvetica Neue", Roboto, Arial, sans-serif;
}
#images ul#image-preview-list .description b,
#images ul#image-preview-list .description span,
#images ul#image-preview-list .description pre {
  color: rgba(0,0,0,0.87);
}
.res-nightmode #images ul#image-preview-list .description b,
.res-nightmode #images ul#image-preview-list .description span,
.res-nightmode #images ul#image-preview-list .description pre {
  color: rgba(255,255,255,0.7);
}
body > .content .link > .midcol,
.midcol-spacer {
  width: auto;
  max-width: 3rem;
}
.thing:not(.comment) {
  padding: 1vh 2.5vw !important;
}
.res-nightmode .thing:not(.comment).link {
  margin-bottom: 8px;
}
.rank,
body > .content .link > .rank {
  display: none;
}
.midcol,
body > .content .link > .midcol {
  margin: -1px 0.5vw 0 0;
}
html:lang(nv) .midcol,
html:lang(nv) body > .content .link > .midcol,
html:lang(vs) .midcol,
html:lang(vs) body > .content .link > .midcol {
  margin: 7px 0.5vw 0 0;
}
.thumbnail {
  position: relative;
  width: 72px;
  height: 50px;
  margin: 0 4px 0 0;
}
.thumbnail img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 72px;
  width: auto;
  height: auto;
}
.thumbnail.self,
.thumbnail.default,
.over18 .thumbnail {
  background-image: url(%%spritesheet%%);
  background-repeat: no-repeat;
  background-size: 126px 342px;
  background-position: 0px -180px;
  width: 50px;
  height: 50px;
  margin: 0 12px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  .thumbnail.self,
  .thumbnail.default,
  .over18 .thumbnail {
    background-image: url(%%spritesheet2x%%);
  }
}
.thumbnail.self {
  background-position: 0px -180px !important;
}
.res-nightmode .thumbnail.self {
  background-position: 0px -234px !important;
}
.thumbnail.default {
  background-position: -54px -180px !important;
}
.res-nightmode .thumbnail.default {
  background-position: -54px -234px !important;
}
.over18 .thumbnail {
  background-position: 0px -288px !important;
}
.res-nightmode .over18 .thumbnail {
  background-position: -54px -288px !important;
}
.over18 .thumbnail img {
  display: none;
}
.midcol .arrow {
  margin-top: 0;
  background-image: url(%%spritesheet%%);
  background-repeat: no-repeat;
  background-size: 126px 342px;
  background-position: -108px -72px;
  width: 18px;
  height: 18px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  .midcol .arrow {
    background-image: url(%%spritesheet2x%%);
  }
}
.midcol .arrow.up {
  background-position: -108px -72px !important;
}
.midcol .arrow.upmod {
  background-position: -18px -108px !important;
}
.midcol .arrow.down {
  background-position: 0px -108px !important;
}
.midcol .arrow.downmod {
  background-position: -18px -126px !important;
}
.res-nightmode .midcol .arrow.up,
.res-nightmode .midcol .arrow.up:hover,
.res-nightmode .midcol .arrow.upmod,
.res-nightmode .midcol .arrow.down,
.res-nightmode .midcol .arrow.down:hover,
.res-nightmode .midcol .arrow.downmod {
  background: url(%%spritesheet%%) no-repeat !important;
  background-size: 126px 342px !important;
  background-position: 0px 0px;
  width: 18px !important;
  height: 18px !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  .res-nightmode .midcol .arrow.up,
  .res-nightmode .midcol .arrow.up:hover,
  .res-nightmode .midcol .arrow.upmod,
  .res-nightmode .midcol .arrow.down,
  .res-nightmode .midcol .arrow.down:hover,
  .res-nightmode .midcol .arrow.downmod {
    background: url(%%spritesheet2x%%) no-repeat !important;
  }
}
.res-nightmode .midcol .arrow.up,
.res-nightmode .midcol .arrow.up:hover {
  background-position: -108px -108px !important;
}
.res-nightmode .midcol .arrow.upmod {
  background-position: -18px -108px !important;
}
.res-nightmode .midcol .arrow.down,
.res-nightmode .midcol .arrow.down:hover {
  background-position: -108px -126px !important;
}
.res-nightmode .midcol .arrow.downmod {
  background-position: -18px -126px !important;
}
.score {
  color: rgba(0,0,0,0.26);
}
.res-nightmode .score {
  color: #fff !important;
}
html:lang(nv) .score,
html:lang(vs) .score {
  display: none !important;
}
html:lang(nv) .totalvotes,
html:lang(vs) .totalvotes {
  display: none;
}
.link .score {
  color: rgba(0,0,0,0.26);
}
.res-nightmode .link .score {
  color: #fff;
}
.link .score.likes,
.res-nightmode .link .score.likes {
  color: #ff5722;
}
.link .score.dislikes,
.res-nightmode .link .score.dislikes {
  color: #2196f3;
}
.link .title {
  display: table;
}
.link .entry>.title,
.link .entry .flat-list.buttons {
  display: inline;
}
.link .entry>.title {
  margin: 0;
}
.link .entry>.title a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "Helvetica Neue", Roboto, Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
}
.link .entry>.title .domain {
  font-size: 0;
}
.link .entry>.title .domain a {
  position: relative;
  margin-right: 0.2rem;
  bottom: 1px;
  font-size: 0.75rem;
  font-weight: 400;
  font-family: "San Francisco Display", "Helvetica Neue", Roboto, Arial, sans-serif;
}
.res .link .entry>.title .domain a {
  bottom: 4px;
}
.approval-checkmark {
  margin-bottom: -2px;
}
.tagline {
  font-size: 0.75rem;
}
.tagline a:hover {
  text-decoration: none;
}
.flat-list.buttons {
  font-size: 0.75rem;
}
.listing-page .flat-list.buttons .first {
  position: relative;
  float: left;
  bottom: -1px;
}
.organic-listing {
  border: none !important;
  background-color: #ffd180 !important;
}
.thing .title {
  color: #5478a0;
}
.thing .title:visited,
.thing.visited .title {
  color: #727272;
}
.res-nightmode .thing .title:visited,
.res-nightmode .thing.visited .title {
  color: #bec2c3;
}
.thing .title:visited:hover,
.thing.visited .title:hover {
  color: #5478a0;
}
.thing .title:hover {
  color: #3b5470;
}
.thing .entry {
  border-left: 0px solid #5478a0;
  transition: padding 0.2s ease, border 0.2s ease;
}
.tagline,
.thing .entry .flat-list.buttons li a {
  font-size: 0.75rem;
  font-weight: 400;
  font-family: "San Francisco Display", "Helvetica Neue", Roboto, Arial, sans-serif;
}
.tagline,
.thing .entry .flat-list.buttons a,
.thing .entry .domain a,
.thing .entry .domain a:hover::after {
  color: rgba(0,0,0,0.54);
}
.res-nightmode .tagline,
.res-nightmode .thing .entry .flat-list.buttons a,
.res-nightmode .thing .entry .domain a,
.res-nightmode .thing .entry .domain a:hover::after {
  color: #fff;
}
.thing .entry .flat-list.buttons a:hover,
.thing .entry .domain a:hover {
  color: #5478a0;
  text-decoration: none;
}
.link .tagline time {
  color: rgba(0,0,0,0.54);
}
.res-nightmode .link .tagline time {
  color: #fff;
}
.link .tagline > time:last-of-type::after {
  content: " -";
  margin-right: 0.2rem;
}
.link .entry .domain a[href^="/r/"] {
  display: none;
}
.link .entry .domain a {
  text-decoration: none;
}
.link .entry .domain a::after {
  content: " -";
}
.link .tagline {
  display: inline-block;
  height: 18px;
  vertical-align: middle;
  font-size: 0;
}
.link .tagline time,
a.author {
  font-size: 0.75rem;
}
.link .tagline a.subreddit {
  margin-left: 0.4rem;
  font-weight: 400;
}
.res-nightmode #siteTable .visited.link .title.loggedin,
.res-nightmode #siteTable .link .title.loggedin:visited,
.res-nightmode #siteTable .link .title:visited {
  color: #bec2c3;
}
.res-nightmode #siteTable .visited.link .title.loggedin:hover,
.res-nightmode #siteTable .link .title.loggedin:visited:hover,
.res-nightmode #siteTable .link .title:visited:hover {
  color: #5478a0;
}
.res-nightmode #siteTable .thing .title,
.res-nightmode #siteTable .thing .title.loggedin {
  color: #5478a0;
}
.res-nightmode #siteTable .thing .title:hover,
.res-nightmode #siteTable .thing .title.loggedin:hover {
  color: #3b5470;
}
.res-nightmode #siteTable .thing.stickied .title {
  color: #fff !important;
}
.res-nightmode body .RES-keyNav-activeElement,
.res-nightmode body .RES-keyNav-activeElement .usertext-body,
.res-nightmode body .RES-keyNav-activeElement .usertext-body .md,
.res-nightmode body .RES-keyNav-activeElement .usertext-body .md p,
.res-nightmode .commentarea .RES-keyNav-activeElement .noncollapsed,
.res-nightmode body .RES-keyNav-activeElement .noncollapsed .md,
.res-nightmode body .RES-keyNav-activeElement .noncollapsed .md p {
  background-color: transparent !important;
  color: rgba(255,255,255,0.7) !important;
}
.res-nightmode .help-toggle .option,
.res-nightmode .reddiquette {
  color: #5478a0;
}
.listing-page .flat-list.buttons > li:not(.first) {
  padding: 0;
}
.listing-page .flat-list.buttons > li:not(.first) > *:not(.drop-choices) {
  display: none;
}
.listing-page .flat-list.buttons > li.nsfw-stamp acronym {
  display: inline !important;
}
.moderator.listing-page .flat-list.buttons > li>.remove-button,
.moderator.listing-page .flat-list.buttons > li>.approve-button,
.moderator.listing-page .flat-list.buttons > li>.marknsfw-button,
.moderator.listing-page .flat-list.buttons > li>.flairselectbtn {
  display: block;
  margin-left: 0.4rem;
}
.entry .buttons li+li {
  padding-left: inherit;
}
.thing .flat-list.buttons li.first a {
  font-weight: 600;
}
.stamp {
  border: 0px solid !important;
}
.nsfw-stamp acronym {
  margin-left: 0.2rem;
  border: 1px solid #f44336 !important;
  border-radius: 2px;
  color: #f44336;
  font-family: "San Francisco Display", "Helvetica Neue", Roboto, Arial, sans-serif;
}
.link.last-clicked {
  border: none;
  overflow: inherit;
}
.comment .entry {
  transition: padding 0.3s ease;
}
.thing .RES-keyNav-activeElement {
  padding-left: 5px;
  outline: none;
}
.listing-page .thing .RES-keyNav-activeElement {
  border-left: 2px solid #5478a0;
}
.thing .RES-keyNav-activeElement,
.commentarea .comment .RES-keyNav-activeElement .md,
.commentarea .comment .RES-keyNav-activeElement.entry .noncollapsed {
  background-color: transparent !important;
}
.linkflairlabel {
  float: left;
  position: relative;
  top: 4px;
  padding: 1px 2px;
  border: 0;
  border-radius: 0px;
  background: rgba(0,0,0,0.54);
  color: #f7f7f7;
  text-transform: uppercase;
  font-weight: 600;
  font-family: "San Francisco Display", "Helvetica Neue", Roboto, Arial, sans-serif;
}
.res-nightmode .linkflairlabel {
  color: #fff;
}
.linkflair-spoiler .linkflairlabel {
  background: #f44336;
}
html:lang(ns) .linkflair-spoiler a.title,
html:lang(vs) .linkflair-spoiler a.title {
  background: #000;
  color: #000;
  transition: background 0.15s ease;
}
html:lang(ns) .linkflair-spoiler .thumbnail,
html:lang(vs) .linkflair-spoiler .thumbnail {
  background: #000;
  transition: background 0.15s ease;
}
html:lang(ns) .linkflair-spoiler .thumbnail img,
html:lang(vs) .linkflair-spoiler .thumbnail img {
  opacity: 0;
  transition: opacity 0.15s ease;
}
html:lang(ns) .linkflair-spoiler a.title,
html:lang(vs) .linkflair-spoiler a.title,
html:lang(ns) .linkflair-spoiler .thumbnail,
html:lang(vs) .linkflair-spoiler .thumbnail,
html:lang(ns) .linkflair-spoiler .thumbnail img,
html:lang(vs) .linkflair-spoiler .thumbnail img {
  transition-delay: 0.3s;
}
html:lang(ns) .linkflair-spoiler:hover a.title,
html:lang(vs) .linkflair-spoiler:hover a.title,
html:lang(ns) .linkflair-spoiler:hover .thumbnail,
html:lang(vs) .linkflair-spoiler:hover .thumbnail {
  background: transparent;
}
html:lang(ns) .linkflair-spoiler:hover .thumbnail img,
html:lang(vs) .linkflair-spoiler:hover .thumbnail img {
  opacity: 1;
}
.stickied,
.res-nightmode .listing-page .sitetable > div.stickied {
  background: #4caf50;
}
.link.stickied {
  padding-top: 2vh !important;
}
body:not(.hot-page) .link.stickied {
  padding: 2vh 0 2vh 2.5vw;
  margin-right: 315px;
}
.link.stickied .entry.RES-keyNav-activeElement {
  border-color: transparent;
}
.link.stickied .approval-checkmark,
.link.stickied .domain,
.link.stickied time::before {
  display: none;
}
.link.stickied .arrow.up {
  background-position: -108px -108px !important;
}
.link.stickied .arrow.down {
  background-position: -108px -126px !important;
}
.link.stickied .thumbnail {
  background-position: 0px -234px !important;
}
.link.stickied a.title,
.link.stickied a.title:hover,
.link.stickied a.title:visited {
  font-weight: 600;
}
.link.stickied .domain a,
.link.stickied .flat-list.buttons a,
.link.stickied a.author,
.link.stickied .flair,
.link.stickied a.title:visited,
.link.stickied .score.unvoted,
.link.stickied a.title,
.thing.link.stickied time,
.thing.link.stickied time::after {
  color: #fff;
}
.link.stickied time:hover,
.link.stickied time::after:hover,
.link.stickied .flair:hover {
  color: #fff;
}
.link.stickied .domain a:hover,
.link.stickied .flat-list.buttons a:hover,
.link.stickied a.author:hover,
.link.stickied a.title:hover {
  color: #eee;
}
.stickied .md {
  color: rgba(255,255,255,0.95);
}
.stickied .md a {
  color: #b9c9da;
}
.stickied .md a:visited {
  color: #cbd6e4;
}
.stickied .md a:hover {
  color: #85a0bf;
}
.stickied .md blockquote {
  color: rgba(0,0,0,0.87);
}
a.author {
  margin-right: 0;
  color: rgba(0,0,0,0.54);
}
.res-nightmode a.author {
  color: rgba(255,255,255,0.7);
}
a.author:hover {
  color: #5478a0;
}
.RESUserTag .RESUserTagImage,
.voteWeight {
  display: none;
}
.RESUserTag a.hasTag {
  margin-left: 0.3rem;
  border: none;
  font-size: 0.65rem;
  text-transform: uppercase;
}
.RESDialogSmall {
  border-radius: 2px;
  background: #f7f7f7;
}
.RESDialogSmall > h3 {
  background: none;
}
.flair {
  border: none;
  background: none;
  margin: 0;
  padding: 0 0.3rem;
  color: rgba(0,0,0,0.54);
  font-size: 0.65rem;
  font-weight: 500;
  text-transform: uppercase;
}
.res-nightmode .flair {
  background-color: transparent;
}
.res-nightmode .flair {
  color: #fff;
}
.flair::before,
.flair::after {
  display: inline-block;
}
.flair::before {
  content: "[";
}
.flair::after {
  content: "]";
}
.tagline .author.submitter {
  background: #2196f3 !important;
}
.tagline .author.moderator {
  background: #4caf50 !important;
}
.tagline .author.friend,
.tagline .author.admin,
.tagline .author.alum {
  background: #f44336 !important;
}
.tagline .author.submitter,
.tagline .author.moderator,
.tagline .author.admin,
.tagline .author.alum,
.tagline .author.friend {
  padding: 0 2px;
  border-radius: 2px;
  color: #f7f7f7;
  font-weight: 600;
  transition: background 0.3s ease;
}
.tagline .author.submitter:hover,
.tagline .author.moderator:hover,
.tagline .author.admin:hover,
.tagline .author.alum:hover,
.tagline .author.friend:hover {
  color: #f7f7f7;
  background: #5478a0 !important;
}
.userattrs {
  display: none;
}
.expando-button {
  background: none;
  transition: background-position 0.3s ease;
}
.expando-button.selftext {
  cursor: pointer;
}
.expando-button.selftext.collapsed,
.expando-button.selftext.collapsed:hover,
.expando-button.selftext.expanded,
.expando-button.selftext.expanded:hover,
.expando-button.video.collapsed,
.expando-button.video.collapsed:hover,
.expando-button.video.expanded,
.expando-button.video.expanded:hover,
.expando-button.image.collapsedExpando,
.expando-button.image.collapsedExpando:hover,
.expando-button.image.gallery.collapsedExpando,
.expando-button.image.gallery.collapsedExpando:hover,
.expando-button.video-muted.collapsed,
.expando-button.video-muted.collapsed:hover,
.expando-button.image.expanded,
.expando-button.image.expanded:hover,
.expando-button.image.gallery.expanded,
.expando-button.image.gallery.expanded:hover,
.expando-button.video-muted.expanded,
.expando-button.video-muted.expanded:hover {
  background-image: url(%%spritesheet%%) !important;
  background-size: 126px 342px !important;
  width: 18px;
  height: 18px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  .expando-button.selftext.collapsed,
  .expando-button.selftext.collapsed:hover,
  .expando-button.selftext.expanded,
  .expando-button.selftext.expanded:hover,
  .expando-button.video.collapsed,
  .expando-button.video.collapsed:hover,
  .expando-button.video.expanded,
  .expando-button.video.expanded:hover,
  .expando-button.image.collapsedExpando,
  .expando-button.image.collapsedExpando:hover,
  .expando-button.image.gallery.collapsedExpando,
  .expando-button.image.gallery.collapsedExpando:hover,
  .expando-button.video-muted.collapsed,
  .expando-button.video-muted.collapsed:hover,
  .expando-button.image.expanded,
  .expando-button.image.expanded:hover,
  .expando-button.image.gallery.expanded,
  .expando-button.image.gallery.expanded:hover,
  .expando-button.video-muted.expanded,
  .expando-button.video-muted.expanded:hover {
    background-image: url(%%spritesheet2x%%) !important;
  }
}
.expando-button.selftext.collapsed,
.expando-button.selftext.collapsed:hover {
  background-position: -36px -108px !important;
}
.res-nightmode .expando-button.selftext.collapsed,
.res-nightmode .expando-button.selftext.collapsed:hover {
  background-position: -36px -126px !important;
}
.expando-button.selftext.expanded,
.expando-button.selftext.expanded:hover {
  background-position: -54px -108px !important;
}
.res-nightmode .expando-button.selftext.expanded,
.res-nightmode .expando-button.selftext.expanded:hover {
  background-position: -54px -126px !important;
}
.expando-button.video.collapsed,
.expando-button.video.collapsed:hover {
  background-position: -72px -108px !important;
}
.res-nightmode .expando-button.video.collapsed,
.res-nightmode .expando-button.video.collapsed:hover {
  background-position: -72px -126px !important;
}
.expando-button.video.expanded,
.expando-button.video.expanded:hover {
  background-position: -90px -108px !important;
}
.res-nightmode .expando-button.video.expanded,
.res-nightmode .expando-button.video.expanded:hover {
  background-position: -90px -126px !important;
}
.expando-button.image.collapsedExpando,
.expando-button.image.collapsedExpando:hover,
.expando-button.image.gallery.collapsedExpando,
.expando-button.image.gallery.collapsedExpando:hover,
.expando-button.video-muted.collapsed,
.expando-button.video-muted.collapsed:hover {
  background-position: 0px -144px !important;
}
.res-nightmode .expando-button.image.collapsedExpando,
.res-nightmode .expando-button.image.collapsedExpando:hover,
.res-nightmode .expando-button.image.gallery.collapsedExpando,
.res-nightmode .expando-button.image.gallery.collapsedExpando:hover,
.res-nightmode .expando-button.video-muted.collapsed,
.res-nightmode .expando-button.video-muted.collapsed:hover {
  background-position: 0px -162px !important;
}
.expando-button.image.expanded,
.expando-button.image.expanded:hover,
.expando-button.image.gallery.expanded,
.expando-button.image.gallery.expanded:hover,
.expando-button.video-muted.expanded,
.expando-button.video-muted.expanded:hover {
  background-position: -18px -144px !important;
}
.res-nightmode .expando-button.image.expanded,
.res-nightmode .expando-button.image.expanded:hover,
.res-nightmode .expando-button.image.gallery.expanded,
.res-nightmode .expando-button.image.gallery.expanded:hover,
.res-nightmode .expando-button.video-muted.expanded,
.res-nightmode .expando-button.video-muted.expanded:hover {
  background-position: -18px -162px !important;
}
.listing-page .expando .usertext-body .md {
  margin-bottom: 0;
  padding-bottom: 0;
}
body.comments-page > .content {
  padding: 0;
}
.comments-page .link:not(.self) {
  margin-bottom: -25px;
}
.commentarea {
  margin: 2.5vh 315px 1vh 2.5vw;
  padding-top: 1vh;
}
.commentarea > #siteTable > .thing {
  box-shadow: 0 1.5px 4px rgba(0,0,0,0.24), 0 1.5px 6px rgba(0,0,0,0.12);
}
.menuarea {
  display: inline-block;
  color: rgba(0,0,0,0.26);
}
.res-nightmode .menuarea {
  color: rgba(255,255,255,0.5);
}
.menuarea .toggle a {
  font-weight: 400;
}
.menuarea,
.menuarea > .spacer {
  margin: 0;
}
.dropdown.lightdrop .selected,
.menuarea .toggle a {
  color: rgba(0,0,0,0.26);
}
.res-nightmode .dropdown.lightdrop .selected,
.res-nightmode .menuarea .toggle a {
  color: rgba(255,255,255,0.5);
}
.panestack-title,
#REScommentNavToggle,
.help-hoverable {
  display: none;
}
.drop-choices {
  border: none;
  box-shadow: 0 1.5px 4px rgba(0,0,0,0.24), 0 1.5px 6px rgba(0,0,0,0.12);
}
.drop-choices a.choice:hover {
  background: #ebebeb;
}
.gold-accent.comment-visits-box {
  margin: 0 0 0 0.5rem;
  padding: 0;
  vertical-align: top;
  background: none;
  border: none;
  color: rgba(0,0,0,0.54);
}
.res-nightmode .gold-accent.comment-visits-box {
  color: rgba(255,255,255,0.7);
}
.nestedlisting {
  margin: 1vh 2.5vw 0 0;
}
.nestedlisting .tagline a {
  color: rgba(0,0,0,0.54);
}
.res-nightmode .nestedlisting .tagline a {
  color: rgba(255,255,255,0.7);
}
.nestedlisting .tagline a:hover {
  color: #5478a0;
}
.res .nestedlisting > .comment {
  background: #fff;
  box-shadow: 0 1.5px 4px rgba(0,0,0,0.24), 0 1.5px 6px rgba(0,0,0,0.12);
}
.res-commentBoxes .comment {
  border: none !important;
}
.res-commentBoxes.res-commentBoxes-rounded .comment {
  border-radius: 2px !important;
}
.comment {
  margin: 2.5vh 0;
}
.comment .midcol {
  width: 18px;
}
.comment .entry,
.comment .midcol {
  margin: 1vh 5px;
}
.comment .flat-list.buttons a {
  font-size: 0.65rem;
  font-weight: 400;
}
.comment .flat-list.buttons a:hover {
  text-decoration: none;
  color: #5478a0;
}
.comment .flat-list.buttons .saveComments,
.comment .flat-list.buttons .sendreplies-button,
.comment .flat-list.buttons .toggleChildren {
  display: none;
}
.comment .child,
.comment .showreplies {
  margin: 0;
  border: none;
}
.commentarea > .sitetable .sitetable {
  margin: 1vh 0 0 2rem;
  padding-left: 0.5rem;
  border-left: 1px solid;
  border-color: rgba(0,0,0,0.12);
}
.res-nightmode .commentarea > .sitetable .sitetable {
  border-color: rgba(255,255,255,0.12);
}
.res .commentarea > .sitetable .sitetable {
  margin-left: 0.5rem;
  border: none;
}
.new-comment .tagline::after {
  padding: 1px 2px;
  background: #4caf50;
  color: #fff;
  border-radius: 2px;
  content: "NEW";
  font-size: 0.65rem;
  font-weight: 600;
  font-family: "San Francisco Display", "Helvetica Neue", Roboto, Arial, sans-serif;
}
.new-comment .usertext-body {
  background: none;
  border: none;
}
.res-nightmode .new-comment .usertext-body {
  background: none;
}
.res-nightmode .new-comment .usertext-body .md {
  border: none;
}
.res-nightmode .comment .md a {
  color: #5478a0 !important;
}
.res-nightmode .comment .md a:visited {
  color: #436080 !important;
}
.res-nightmode .comment .md a:hover {
  text-decoration: none !important;
  color: #324860 !important;
  opacity: 1 !important;
}
.markdownEditor,
.RESBigEditorPop {
  display: none;
}
.usertext-edit {
  width: 55vw;
  max-width: 48rem;
}
.usertext-edit .markdownEditor-wrapper {
  width: auto;
}
.usertext-edit .commentingAs,
.usertext-edit .RESMacroWrappingSpan {
  margin-top: 0;
  padding-top: 0;
  vertical-align: top;
}
.usertext-edit .commentingAs,
.usertext-edit .RESMacroDropdownTitle {
  color: rgba(0,0,0,0.26);
}
.res-nightmode .usertext-edit .commentingAs,
.res-nightmode .usertext-edit .RESMacroDropdownTitle {
  color: rgba(255,255,255,0.5);
}
.usertext-edit .RESMacroDropdownTitle {
  padding-right: 0;
  background-image: none;
}
.usertext-edit .md {
  width: auto;
  height: auto;
}
.usertext-edit textarea {
  width: 100%;
  border: 1px solid;
  border-color: rgba(0,0,0,0.12);
  transition: height 0.15s ease, border-bottom 0.15s ease;
  transition-delay: 0.3s;
}
.res-nightmode .usertext-edit textarea {
  border-color: rgba(255,255,255,0.12);
}
.usertext-edit textarea:focus {
  height: 40vh;
  max-height: 30rem;
}
.usertext-edit .toggle.help-toggle {
  margin-top: 4px;
}
.comment .usertext-edit {
  padding-left: 36px;
}
.comment .usertext-edit textarea {
  background-color: #fff;
  height: 30vh;
  max-height: 30rem;
}
.res-nightmode .comment .usertext-edit textarea {
  background-color: #263238;
}
.livePreview,
.livePreview .md {
  background-color: rgba(187,187,187,0.2) !important;
}
.livePreview {
  width: 55vw;
  max-width: 48rem;
}
.livePreview .md {
  margin: 1vh 0;
  padding-bottom: 0;
}
.livePreview > h3 {
  display: none;
}
.usertext-buttons button {
  margin-right: 12px;
}
.linkinfo {
  border: none;
  background-color: rgba(84,120,160,0.1);
}
.linkinfo .shortlink input {
  border: none;
  border-bottom: 1px solid;
  border-color: rgba(0,0,0,0.12);
  background: transparent;
  font-family: "Roboto Mono", "Andale Mono", Consolas, monospace;
}
.res-nightmode .linkinfo .shortlink input {
  border-color: rgba(255,255,255,0.12);
}
.tabmenu.formtab,
.formtabs-content,
.info-notice,
.fancy-settings .pretty-form {
  width: 55vw;
  max-width: 48rem;
}
.roundfield .usertext-edit,
.formtabs-content .roundfield,
.linefield textarea,
.linefield input[type=text],
.linefield input[type=password],
.linefield {
  width: 100%;
}
ul.tabmenu.formtab {
  padding-left: 0;
  text-align: center;
}
ul.tabmenu.formtab li a {
  display: inline-block;
  padding: 2vh 0;
  border: solid 1px #5478a0;
  background: #f7f7f7;
  font-size: 2rem;
  font-weight: 200;
  text-transform: uppercase;
  transition: background 0.3s ease, color 0.3s ease;
}
.res-nightmode ul.tabmenu.formtab li a {
  background: #263238;
}
ul.tabmenu.formtab li a:hover {
  color: #5478a0;
  background: #ebebeb;
}
.res-nightmode ul.tabmenu.formtab li a:hover {
  background: #2e3d44;
}
ul.tabmenu.formtab li:first-of-type a {
  border-top-left-radius: 2px;
}
ul.tabmenu.formtab li:last-of-type a {
  border-top-right-radius: 2px;
}
ul.tabmenu.formtab .selected a {
  font-size: 2rem;
  background: #5478a0;
  border: solid 1px #5478a0;
  color: #fff;
}
ul.tabmenu.formtab .selected a:hover {
  color: #fff;
  background: #4c6c90;
}
.formtabs-content {
  color: rgba(0,0,0,0.54);
}
.res-nightmode .formtabs-content {
  color: rgba(255,255,255,0.7);
}
.formtabs-content .infobar {
  padding: 1rem;
  border: solid 1px #5478a0;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  background: #5478a0;
  color: #fff;
  text-align: center;
  font-size: 1.3rem;
  font-weight: 500;
}
.formtabs-content .spacer+.spacer {
  margin: 0;
}
.formtabs-content .roundfield {
  padding: 0;
  padding-top: 1rem;
  background: none;
}
.formtabs-content .roundfield textarea,
.formtabs-content .roundfield input[type=text],
.formtabs-content .roundfield input[type=url],
.formtabs-content .roundfield input[type=password],
.formtabs-content .roundfield input[type=number] {
  width: 100%;
  padding: 0.2rem 0;
  color: rgba(0,0,0,0.87);
  font-size: 1.5rem;
}
.res-nightmode .formtabs-content .roundfield textarea,
.res-nightmode .formtabs-content .roundfield input[type=text],
.res-nightmode .formtabs-content .roundfield input[type=url],
.res-nightmode .formtabs-content .roundfield input[type=password],
.res-nightmode .formtabs-content .roundfield input[type=number] {
  color: rgba(255,255,255,0.7);
}
.formtabs-content .roundfield textarea {
  max-width: 48rem;
}
.formtabs-content .roundfield label {
  color: inherit;
}
.formtabs-content .roundfield-content {
  margin-top: 0;
}
.formtabs-content .title,
.formtabs-content .gray {
  font-size: 1rem;
}
body span.RESCharCounter,
.gray {
  color: rgba(0,0,0,0.26);
}
.res-nightmode body span.RESCharCounter,
.res-nightmode .gray {
  color: rgba(255,255,255,0.5);
}
.formtabs-content textarea,
.linefield .usertext-edit textarea {
  height: 40vh;
  font-size: 1.1rem;
}
.formtabs-content .markdownEditor-wrapper,
.linefield .usertext-edit .markdownEditor-wrapper,
.formtabs-content .reddiquette,
.linefield .usertext-edit .reddiquette,
.formtabs-content .help-toggle,
.linefield .usertext-edit .help-toggle {
  display: none;
}
#title-field textarea {
  height: 1.9rem;
}
.linefield {
  margin-bottom: 2vh;
  padding: 0;
  background: none;
}
.linefield .title {
  padding: 0;
  color: rgba(0,0,0,0.54);
  font-size: 1rem;
  font-weight: 400;
}
.res-nightmode .linefield .title {
  color: rgba(255,255,255,0.7);
}
.linefield .title+.gray {
  display: none;
}
.linefield .linefield-content {
  padding: 0;
}
.linefield input[type=text],
.linefield input[type=url],
.linefield input[type=password],
.linefield input[type=number] {
  font-size: 1.5rem;
}
.submit-page .content > h1:first-of-type,
.submit-page #suggested-reddits {
  display: none;
}
.submit-page .tabmenu.formtab li a {
  width: 49.7%;
}
.submit-page .formtabs-content {
  border-top: none;
  padding-top: 0;
}
.submit-page #link-desc {
  display: block !important;
  font-size: 0px;
}
.submit-page #link-desc::before {
  content: "If you read the sidebar before you post, you're a lot more likely to have your content accepted and enjoyed by the community! Ask yourself these: Will they enjoy my post? Am I breaking a rule? Has someone else made this post yet?";
  font-size: 1.3rem;
}
.submit-page #text-desc {
  display: none !important;
}
#suggest-title button {
  margin: 0;
  border: none;
  background: transparent;
  color: #5478a0;
  font-size: 0.75rem;
  font-weight: 600;
  font-family: "San Francisco Display", "Helvetica Neue", Roboto, Arial, sans-serif;
}
.content.submit .info-notice {
  margin-top: 2vh;
  padding: 0.5rem 0;
  border: none;
  border-radius: 2px;
  background: #2196f3;
  font-weight: 500;
}
.content.submit .info-notice,
.content.submit .info-notice a {
  color: #f7f7f7;
}
.res-nightmode .content.submit .info-notice,
.res-nightmode .content.submit .info-notice a {
  color: #fff;
}
.content.submit .info-notice::before {
  margin-left: 0.5rem;
}
.side {
  margin: 0;
  padding: 5px;
  background: none;
  padding-top: 310px;
}
.side .spacer {
  margin: 0.5rem 0 0.75rem 0;
}
#search input[type=text] {
  font-size: 0.8rem;
  font-weight: 400;
  font-family: "San Francisco Display", "Helvetica Neue", Roboto, Arial, sans-serif;
}
#search input[type=submit] {
  background-image: url(%%spritesheet%%);
  background-repeat: no-repeat;
  background-size: 126px 342px;
  background-position: 0px -36px;
  width: 18px;
  height: 18px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  #search input[type=submit] {
    background-image: url(%%spritesheet2x%%);
  }
}
.res-nightmode #search input[type=submit] {
  background-position: 0px -54px;
}
#search input[type=submit]:hover {
  background-image: url(%%spritesheet%%);
}
.res-nightmode .side .spacer > #search input {
  background-color: transparent;
}
#searchexpando {
  border: none;
  border-radius: 2px;
  background-color: #fff59d;
}
#searchexpando label {
  font-weight: 400;
}
#searchexpando label select {
  margin-left: 5px;
}
#moresearchinfo {
  margin-top: 5px;
  border-color: rgba(0,0,0,0.12);
  font-size: 0.75rem;
  font-family: "San Francisco Display", "Helvetica Neue", Roboto, Arial, sans-serif;
}
.res-nightmode #moresearchinfo {
  border-color: rgba(255,255,255,0.12);
}
.login-form-side {
  border: none;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 1.5px 4px rgba(0,0,0,0.24), 0 1.5px 6px rgba(0,0,0,0.12);
}
.res-nightmode .login-form-side {
  background: #2e3d44;
}
.login-form-side input[type=text],
.login-form-side input[type=password] {
  border: none;
  border-bottom: 1px solid #808080;
  font-size: 0.75rem;
  font-family: "San Francisco Display", "Helvetica Neue", Roboto, Arial, sans-serif;
}
.morelink a {
  color: #fff;
  font-size: 1rem;
}
.res-nightmode .morelink a {
  color: rgba(0,0,0,0.87);
}
.res-nightmode .morelink:hover a {
  color: rgba(0,0,0,0.87);
}
.morelink .nub {
  display: none;
}
.submit-link {
  display: none;
}
.titlebox {
  color: rgba(0,0,0,0.87);
}
.res-nightmode .titlebox {
  color: rgba(255,255,255,0.7);
}
.titlebox > div {
  padding: 1vh 0;
}
.res .titlebox > div:first-of-type {
  padding: 40px 0 5px 0;
}
.titlebox > div label {
  vertical-align: bottom;
}
.side .redditname {
  display: none;
}
.res .fancy-toggle-button {
  position: relative;
  top: -60px;
  z-index: 2147483647;
}
.fancy-toggle-button .remove {
  background-color: #f44336;
}
.fancy-toggle-button .remove:hover,
.res-nightmode .fancy-toggle-button .remove:hover {
  background-color: #f2291a;
}
.fancy-toggle-button .remove:active,
.res-nightmode .fancy-toggle-button .remove:active {
  background-color: #e21b0c;
}
.fancy-toggle-button.subscribe-button {
  display: block;
  padding: 1vh 0;
}
.res .fancy-toggle-button.subscribe-button {
  display: inline-block;
  padding: 0;
}
.fancy-toggle-button .active.add::before {
  position: fixed;
  color: #fff;
  display: block;
  z-index: 1000;
  padding: 1vh 0;
  content: "Follow Slight!";
  text-align: center;
  text-transform: none;
  bottom: 0;
  left: 0;
  width: 100vw;
  background-color: #5478a0;
  font-size: 1.2rem;
  font-weight: 400;
}
.titlebox .RESshortcut,
.titlebox .REStoggle {
  position: relative;
  width: auto;
  top: -59px;
  z-index: 2147483647;
  padding: 4px 6px;
  margin-right: 0;
  border: none;
  border-radius: 0;
  background: none;
  color: #5478a0;
  text-transform: uppercase;
  transition: background 0.3s ease;
  font-size: 0.75rem;
  font-weight: 500;
  font-family: "San Francisco Display", "Helvetica Neue", Roboto, Arial, sans-serif;
}
.titlebox .RESshortcut:hover,
.titlebox .REStoggle:hover {
  color: #5478a0;
  background: rgba(153,153,153,0.2);
}
.res-nightmode .titlebox .RESshortcut:hover,
.res-nightmode .titlebox .REStoggle:hover {
  background: rgba(204,204,204,0.15);
}
.titlebox .RESshortcut:active,
.titlebox .REStoggle:active {
  background: rgba(153,153,153,0.4);
}
.res-nightmode .titlebox .RESshortcut:active,
.res-nightmode .titlebox .REStoggle:active {
  background: rgba(204,204,204,0.25);
}
.titlebox .RESshortcut {
  margin-left: 5px;
}
.titlebox .subButtons {
  height: 0;
  padding: 0;
}
.hover-bubble {
  border: none;
  border-radius: 2px;
  font-family: "San Francisco Display", "Helvetica Neue", Roboto, Arial, sans-serif;
}
.hover-bubble.multi-selector label input[type=checkbox] {
  margin-bottom: 2px;
}
.hover-bubble.multi-selector label a {
  border: none;
  font-weight: 800;
}
.hover-bubble::before,
.hover-bubble::after {
  display: none;
}
.subscribers,
.users-online {
  color: rgba(0,0,0,0.87);
  cursor: text;
  font-size: 0.75rem;
  font-family: "San Francisco Display", "Helvetica Neue", Roboto, Arial, sans-serif;
}
.res-nightmode .subscribers,
.res-nightmode .users-online {
  color: rgba(255,255,255,0.7);
}
.subscribers .word,
.users-online .word {
  display: none;
}
.subscribers {
  display: inline-block;
  margin: 5px 0;
}
.subscribers .number::after {
  content: ' followers';
  margin-right: 5px;
}
.users-online {
  display: inline;
  font-style: italic;
}
.users-online .number::before {
  content: "(";
}
.users-online .number::after {
  content: ' here now)';
}
.users-online::before {
  display: none;
}
.leavemoderator {
  display: none;
}
.titlebox form.leavecontributor-button::before {
  margin-top: -2px;
  background-image: url(%%spritesheet%%);
  background-repeat: no-repeat;
  background-size: 126px 342px;
  background-position: -18px -36px;
  width: 18px;
  height: 18px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  .titlebox form.leavecontributor-button::before {
    background-image: url(%%spritesheet2x%%);
  }
}
.res-nightmode .titlebox form.leavecontributor-button::before {
  background-position: -18px -54px;
}
.titlebox form.toggle {
  background: none;
  font-size: 0.65rem;
  font-family: "San Francisco Display", "Helvetica Neue", Roboto, Arial, sans-serif;
}
.titlebox form.toggle,
.titlebox form.toggle a,
.titlebox form.toggle .option {
  color: rgba(0,0,0,0.87);
}
.res-nightmode .titlebox form.toggle,
.res-nightmode .titlebox form.toggle a,
.res-nightmode .titlebox form.toggle .option {
  color: rgba(255,255,255,0.7);
}
.titlebox form.toggle a:hover {
  color: #5478a0;
}
.titlebox form.toggle .error {
  font-size: 0.65rem;
}
.titlebox form.toggle .error,
.titlebox form.toggle .error a,
.titlebox form.toggle .error a:hover {
  color: #f44336;
}
.titlebox form.flairtoggle {
  margin-top: 3px;
}
.titlebox form.flairtoggle input {
  margin: 2px 0.25rem;
}
.titlebox form.flairtoggle label {
  margin-left: 5px;
  color: rgba(0,0,0,0.87);
  font-size: 0.65rem;
  text-transform: lowercase;
}
.res-nightmode .titlebox form.flairtoggle label {
  color: rgba(255,255,255,0.7);
}
.titlebox .tagline {
  color: rgba(0,0,0,0.87);
}
.res-nightmode .titlebox .tagline {
  color: rgba(255,255,255,0.7);
}
.titlebox .tagline a:hover {
  color: #5478a0;
  text-decoration: none;
}
.flairselector.drop-choices.active {
  border: none;
  box-shadow: 0 1.5px 4px rgba(0,0,0,0.24), 0 1.5px 6px rgba(0,0,0,0.12);
}
.flairselector h2 {
  background: none;
  line-height: 2rem;
}
.flairselector li {
  border: none;
  margin: 1px;
  transition: background 0.3s ease;
}
.flairselector li.selected,
.flairselector li:hover {
  border: none;
  background-color: rgba(153,153,153,0.2);
}
.flairselector form {
  border-top: solid 1px rgba(0,0,0,0.12);
}
.flairselector form input[type=text] {
  background-color: #fff;
}
.flairselector form .linkflair {
  display: none;
}
.thing.link.stickied .flat-list.buttons .flairselector a {
  color: rgba(0,0,0,0.87);
}
.flairoptionpane ul .linkflair .title,
.flairoptionpane ul .linkflair .linkflairlabel {
  display: inline;
}
.flairoptionpane ul .linkflair .linkflairlabel {
  clear: both;
  top: 0;
  padding: 0 2px;
}
.flairoptionpane ul li {
  padding-left: 0;
}
.titlebox .usertext {
  margin-bottom: 2vh;
  border-top: 1px solid;
  border-color: rgba(0,0,0,0.12);
}
.res-nightmode .titlebox .usertext {
  border-color: rgba(255,255,255,0.12);
}
.titlebox .usertext a[href="#/RES_SR_Config/NightModeCompatible"] {
  display: none;
}
.titlebox .bottom {
  font-size: 0;
  border-color: rgba(0,0,0,0.12);
}
.res-nightmode .titlebox .bottom {
  border-color: rgba(255,255,255,0.12);
}
.titlebox .bottom a.author,
.titlebox .bottom .userattrs,
.titlebox .bottom .flair {
  display: none;
}
.titlebox .bottom .age,
.titlebox .bottom .age time {
  color: rgba(0,0,0,0.26);
  font-size: 0.65rem;
  font-weight: 500;
  font-family: "San Francisco Display", "Helvetica Neue", Roboto, Arial, sans-serif;
}
.res-nightmode .titlebox .bottom .age,
.res-nightmode .titlebox .bottom .age time {
  color: rgba(255,255,255,0.5);
}
.titlebox .clear {
  padding: 0;
}
.side .md h1,
.side .md h2,
.side .md h3,
.side .md h4,
.side .md h5,
.side .md h6,
.side .md p,
.side .md pre>code,
.side .md th,
.side .md td,
.side .md li {
  color: rgba(0,0,0,0.87);
  line-height: 1.35rem;
  font-family: "San Francisco Display", "Helvetica Neue", Roboto, Arial, sans-serif;
}
.res-nightmode .side .md h1,
.res-nightmode .side .md h2,
.res-nightmode .side .md h3,
.res-nightmode .side .md h4,
.res-nightmode .side .md h5,
.res-nightmode .side .md h6,
.res-nightmode .side .md p,
.res-nightmode .side .md pre>code,
.res-nightmode .side .md th,
.res-nightmode .side .md td,
.res-nightmode .side .md li {
  color: rgba(255,255,255,0.7);
}
.side .md .-blocks,
.side .md .-lists,
.side .md pre,
.side .md blockquote,
.side .md table,
.side .md p,
.side .md ul,
.side .md ol {
  margin: 1rem;
}
.side .md h1 {
  text-align: center;
}
.side .md blockquote {
  margin: 8px 8px 3vh 8px;
}
.res-nightmode .side .md blockquote {
  color: rgba(255,255,255,0.7) !important;
}
.side .md a[href^="https://ns.reddit.com"],
.side .md a[href^="https://nv.reddit.com"],
.side .md a[href^="https://vs.reddit.com"] {
  display: inline-block;
  color: inherit;
}
.side .md del {
  display: block;
  text-align: center;
  text-decoration: none;
}
h2 a[href*="/message/compose?to=%2Fr%2F"] {
  font-size: 1rem;
}
#moderation_tools {
  position: relative;
  top: -2vh;
}
#moderation_tools .title {
  height: 1.5rem;
}
.sidecontentbox .title h1 {
  color: rgba(0,0,0,0.26);
}
.res-nightmode .sidecontentbox .title h1 {
  color: rgba(255,255,255,0.5);
}
.sidecontentbox .title .collapse-button {
  display: none;
}
.sidecontentbox .content {
  padding: 0 0.5vw;
  border: none;
}
.side .icon-menu a {
  background: none;
  color: rgba(0,0,0,0.87);
  vertical-align: middle;
}
.res-nightmode .side .icon-menu a {
  color: rgba(255,255,255,0.7);
}
.side .icon-menu a:hover {
  color: #5478a0;
}
.side .icon-menu a::before {
  background-image: url(%%spritesheet%%);
  background-repeat: no-repeat;
  background-size: 126px 342px !important;
  background-position: -36px -36px;
  width: 18px !important;
  height: 18px !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  .side .icon-menu a::before {
    background-image: url(%%spritesheet2x%%) !important;
  }
}
.side .icon-menu li {
  height: 18px;
}
.side .icon-menu .reddit-edit::before {
  background-position: -36px -36px !important;
}
.res-nightmode .side .icon-menu .reddit-edit::before {
  background-position: -36px -54px !important;
}
.side .icon-menu .edit-stylesheet::before {
  background-position: -54px -36px !important;
}
.res-nightmode .side .icon-menu .edit-stylesheet::before {
  background-position: -54px -54px !important;
}
.side .icon-menu .moderator-mail::before {
  background-position: -18px 0px !important;
}
.res-nightmode .side .icon-menu .moderator-mail::before {
  background-position: -18px -18px !important;
}
.side .icon-menu .reddit-moderators::before {
  background-position: -36px 0px !important;
}
.res-nightmode .side .icon-menu .reddit-moderators::before {
  background-position: -36px -18px !important;
}
.side .icon-menu .reddit-contributors::before {
  background-position: -18px -36px !important;
}
.res-nightmode .side .icon-menu .reddit-contributors::before {
  background-position: -18px -54px !important;
}
.side .icon-menu .reddit-traffic::before {
  background-position: -72px -36px !important;
}
.res-nightmode .side .icon-menu .reddit-traffic::before {
  background-position: -72px -54px !important;
}
.side .icon-menu .reddit-modqueue::before {
  background-position: -90px -36px !important;
}
.res-nightmode .side .icon-menu .reddit-modqueue::before {
  background-position: -90px -54px !important;
}
.side .icon-menu .reddit-reported::before {
  background-position: -108px -36px !important;
}
.res-nightmode .side .icon-menu .reddit-reported::before {
  background-position: -108px -54px !important;
}
.side .icon-menu .reddit-spam::before {
  background-position: 0px -72px !important;
}
.res-nightmode .side .icon-menu .reddit-spam::before {
  background-position: 0px -90px !important;
}
.side .icon-menu .reddit-edited::before {
  background-position: -18px -72px !important;
}
.res-nightmode .side .icon-menu .reddit-edited::before {
  background-position: -18px -90px !important;
}
.side .icon-menu .reddit-ban::before {
  background-position: -36px -72px !important;
}
.res-nightmode .side .icon-menu .reddit-ban::before {
  background-position: -36px -90px !important;
}
.side .icon-menu .reddit-flair::before {
  background-position: -54px -72px !important;
}
.res-nightmode .side .icon-menu .reddit-flair::before {
  background-position: -54px -90px !important;
}
.side .icon-menu .reddit-moderationlog::before {
  background-position: -72px -72px !important;
}
.res-nightmode .side .icon-menu .reddit-moderationlog::before {
  background-position: -72px -90px !important;
}
.side .icon-menu .reddit-unmoderated::before {
  background-position: -90px -72px !important;
}
.res-nightmode .side .icon-menu .reddit-unmoderated::before {
  background-position: -90px -90px !important;
}
.icon-menu .moderator-mail::before {
  margin-top: 0;
}
.sidebox.create {
  display: none;
}
.sidecontentbox a.helplink {
  display: block;
  float: inherit;
  text-align: center;
  font-size: 1rem;
}
.account-activity-box {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.account-activity-box:hover {
  opacity: 1;
}
.account-activity-box a:hover {
  color: inherit;
}