/* Body elements */
body {
  font-family: Meiryo,Hiragino Kaku Gothic Pro W3,Arial,Helvetica Neue,sans-serif;
  font-size: 74%;
  padding: 0;
  margin: 0;
  background: white;
}

body, div, h1, h2, h3, h4, h5, h6, p, ul, li, dd, dt {
  margin: 0;
  padding: 0;
}

::-webkit-scrollbar-track { background-color: #fab66e; border-radius: 15px; }
::-webkit-scrollbar { width: 7.5px; height: 7.5px; }
::-webkit-scrollbar-thumb { background-color: #FF761C; border-radius: 15px; }
::-webkit-scrollbar-thumb:hover { background-color: #ff9b30; }
::-webkit-scrollbar-thumb:active { background-color: #c26502; }

a {
  font-weight: 600;
  text-decoration: none;
  line-height: 1em;
  font-size: 1em;
  font-family: "Noto Sans", "Noto Sans JP", Meiryo, sans-serif;
  font-optical-sizing: auto;

  color: var(--sankaku-orange);
  
  transition: color 0.25s ease;
}

a:hover {
  color: var(--sankaku-orange-light);
}

a:focus-visible {
  border-radius: 2px;
  outline: 2px solid var(--focus-outline-color-light);
}

a > svg {
  transition: fill 0.25s ease;
}

a > svg:hover {
  fill: var(--sankaku-orange-light);
}

.blacklisted-tags-disabled {
  color: #AAA !important;
}

a.last-page {
  color: #666;
}

li.flag-and-reason-count {
  list-style: none;
}

::selection { background: #ffcc89; color: #222; }
::-moz-selection { background: #ffcc89; color: #222; }

.translations {
  display: inline-flex;
  border: 2px solid #EEE;
  padding: 10px 15px 10px 10px;
  margin-bottom: 1em;
  border-radius: 15px;
}

dd { font-weight: bold; margin: 0 0 0 15px; padding: 0; display: block; }
dt { margin: 0; padding: 0; font-weight: bold; }

dt.bad {
  color: red;
}

h1 {
  font-size: 2.0em;
}

h2 {
  font-size: 1.8em;
}

h2.wiki-title {
  color: #666;
  margin-bottom: 0.25em;
  margin-left: 0.5em;
}

h3 {
  font-size: 1.6em;
}

h4 {
  font-size: 1.4em;
}

h5 {
  font-size: 1.2em;
}

h6 {
  font-size: 1em;
}

hr {
  height: 1px;
  margin: calc((.75rem + 1.25em - 1px) / 2) auto;
  background-color: currentcolor;
}

img {
  border: none;
  vertical-align: middle;
}

img.ai-art {
  box-shadow: 0 0 3px 2.5px #FF761C;
}

img.flagged {
  padding:0px;
  border:2px solid #F00;
}

img.favorited {
  box-shadow: 0 0 3px 2.5px gold;
}

img.has-children {
  padding:0px;
  border:2px solid #A7DF38;
}

img.has-parent {
  padding:0px;
  border:2px solid #CCCC00;
}

img.pending {
  padding:0px;
  border:2px solid #4B4BA3;
}

img.deleted {
  padding:0px;
  opacity:0.5;
  border:2px solid #F00;
}

img.tag-success {
  box-shadow: 0 0 3px 2.5px green;
}

img.tag-error {
  box-shadow: 0 0 3px 2.5px orangered;
}

input {
  padding: 0.2em 0.2em;
}

input, textarea, keygen, select, button, isindex {
  border: 2px solid #DDD;
  margin: 0.1em;
}

input[type=password]:focus, input[type=text]:focus {
  background: #FAFAFA;
}


input[type="submit"], button, input[type="button"] {
  border: 2px solid #DDD;
  font-weight: bold;
  padding: 0.2em 2em;
  margin: 0.1em;
  cursor:pointer;
}

tr input[type="button"] {
  font-weight: bold;
  margin: 0.1em;
  background-color: #EEE;
}

tr input[type="button"]:hover {
  color: #666;
}

tr input[type="submit"], tr button {
  margin: 0.1em;
  background-color: #EEE;
}

input[type="button"]:hover, input[type="submit"]:hover, button:hover {
  color: #666;
  background: #FAFAFA;
}

label {
  font-weight: bold;
  white-space: nowrap;
}

li, ol {
  margin-left: 1em;
}

p, ul {
  margin-bottom: 1em;
}

span.author, span.date, span.post-count {
  color: #AAA;
}

span.locked-topic {
  color: #666;
}

span.informational {
  cursor: help;
}

span.achievement-name {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.achievement-tier-I { background: var(--achievement-gradient-I); }
.achievement-tier-II { background: var(--achievement-gradient-II); }
.achievement-tier-III { background: var(--achievement-gradient-III); }
.achievement-tier-IV { background: var(--achievement-gradient-IV); }
.achievement-tier-V { background: var(--achievement-gradient-V); }
.achievement-tier-VI { background: var(--achievement-gradient-VI); }

.thumb.hidden {
  display: none;
}

.carousel .carousel-data .hidden {
  display: none;
}

span.thumb {
  height: 180px;
  width: 170px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  pointer-events: none;
  position: relative;
}

span.thumb img {
  pointer-events: all;
}

img.preview {
  padding: 2px;
  margin: auto;
}

img.preview:hover :not(.pending) {
  padding: 0;
  border:2px solid #DDD;
}

span.plid {
  display: none;
}

span.unread-topic {
  font-weight: bold;
}

strong.divider {
  font-weight: bold;
  color: gray;
}

textarea {
  display: block;
  font-family: monospace;
  font-size: 1.2em;
  margin-top: -17px;
}

textarea.no-block {
  display: inline;
}

textarea:focus {
  background: #FAFAFA;
}

ul.bare-list li {
  list-style-type: none;
}

ul.flat-list {
  display: block;
  margin: 0;
  padding: 0;
}

ul.flat-list li {
  display: inline;
  list-style-type: none;
  font-weight: bold;
  padding: 0;
  margin: 0 0.5em 0 0.5em;
}

ul.flat-list li a {
  font-weight: normal;
}

ul.flat-list li a.forum-update {
  font-style: italic;
}

ul.link-page {
  font-size: 1.2em;
  font-weight: bold;
}

ul.link-page > li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.obsolete-tag-change {
  color: #000;
}

.sub-action-row {
  display: inline-flex;
  padding: 5px;
  margin: 10px 5px -3px 5px;
  flex-wrap: wrap;
}

.action-row, .footer {
  display: inline-flex;
  justify-content: center;
  border: 2px solid #EEE;
  border-radius: 15px;
  padding: 5px 0 2px 0;
  cursor: pointer;
}

.footer {
  flex-direction: column;
}

.action-row a:first-child {
  padding-right: 5px;
}

.action-row a:last-child {
  padding-left: 5px;
}

.action-row a:not(:last-child) {
  border-right: 2px solid #EEE; 
}

/* onhover = 40% lighter */
/* Fashion */
.tag-type-fashion > div > a, .tag-type-fashion > a, .tag-type-fashion > .tag-extra-info > a, a.tag-type-fashion { color: #E600B8; }
.tag-type-fashion > div > a:hover, .tag-type-fashion > a:hover, .tag-type-fashion > .tag-extra-info > a:hover, a.tag-type-fashion:hover { color: #FF66CC; }
span.tag-type-fashion { color: #E600B8; font-weight: bolder; }

/* Anatomy */
.tag-type-anatomy > div > a, .tag-type-anatomy > a, .tag-type-anatomy > .tag-extra-info > a, a.tag-type-anatomy { color: #ffb900; }
.tag-type-anatomy > div > a:hover, .tag-type-anatomy > a:hover, .tag-type-anatomy > .tag-extra-info > a:hover, a.tag-type-anatomy:hover { color: #ffd566; }
span.tag-type-anatomy { color: #ffb900; font-weight: bolder; }

/* Pose */
.tag-type-pose > div > a, .tag-type-pose > a, .tag-type-pose > .tag-extra-info > a, a.tag-type-pose { color: #DFAF00; }
.tag-type-pose > div > a:hover, .tag-type-pose > a:hover, .tag-type-pose > .tag-extra-info > a:hover, a.tag-type-pose:hover { color: #FFD700; }
span.tag-type-pose { color: #DFAF00; font-weight: bolder; }

/* Activity */
.tag-type-activity > div > a, .tag-type-activity > a, .tag-type-activity > .tag-extra-info > a, a.tag-type-activity { color: #BF9000; }
.tag-type-activity > div > a:hover, .tag-type-activity > a:hover, .tag-type-activity > .tag-extra-info > a:hover, a.tag-type-activity:hover { color: #FFD700; }
span.tag-type-activity { color: #BF9000; font-weight: bolder; }

/* Role */
.tag-type-role > div > a, .tag-type-role > a, .tag-type-role > .tag-extra-info > a, a.tag-type-role { color: #00BFAE; }
.tag-type-role > div > a:hover, .tag-type-role > a:hover, .tag-type-role > .tag-extra-info > a:hover, a.tag-type-role:hover { color: #66FFDE; }
span.tag-type-role { color: #00BFAE; font-weight: bolder; }

/* Flora */
.tag-type-flora > div > a, .tag-type-flora > a, .tag-type-flora > .tag-extra-info > a, a.tag-type-flora { color: #00A34A; }
.tag-type-flora > div > a:hover, .tag-type-flora > a:hover, .tag-type-flora > .tag-extra-info > a:hover, a.tag-type-flora:hover { color: #66FF80; }
span.tag-type-flora { color: #00A34A; font-weight: bolder; }

/* Fauna */
.tag-type-fauna > div > a, .tag-type-fauna > a, .tag-type-fauna > .tag-extra-info > a, a.tag-type-fauna { color: #00CC56; }
.tag-type-fauna > div > a:hover, .tag-type-fauna > a:hover, .tag-type-fauna > .tag-extra-info > a:hover, a.tag-type-fauna:hover { color: #66FF99; }
span.tag-type-fauna { color: #00CC56; font-weight: bolder; }

/* Entity */
.tag-type-entity > div > a, .tag-type-entity > a, .tag-type-entity > .tag-extra-info > a, a.tag-type-entity { color: #00E06E; }
.tag-type-entity > div > a:hover, .tag-type-entity > a:hover, .tag-type-entity > .tag-extra-info > a:hover, a.tag-type-entity:hover { color: #66FFB2; }
span.tag-type-entity { color: #00E06E; font-weight: bolder; }

/* Object */
.tag-type-object > div > a, .tag-type-object > a, .tag-type-object > .tag-extra-info > a, a.tag-type-object { color: #007856; }
.tag-type-object > div > a:hover, .tag-type-object > a:hover, .tag-type-object > .tag-extra-info > a:hover, a.tag-type-object:hover { color: #66FFBF; }
span.tag-type-object { color: #007856; font-weight: bolder; }

/* Substance */
.tag-type-substance > div > a, .tag-type-substance > a, .tag-type-substance > .tag-extra-info > a, a.tag-type-substance { color: #009977; }
.tag-type-substance > div > a:hover, .tag-type-substance > a:hover, .tag-type-substance > .tag-extra-info > a:hover, a.tag-type-substance:hover { color: #66FFD9; }
span.tag-type-substance { color: #009977; font-weight: bolder; }

/* Setting */
.tag-type-setting > div > a, .tag-type-setting > a, .tag-type-setting > .tag-extra-info > a, a.tag-type-setting { color: #00B38C; }
.tag-type-setting > div > a:hover, .tag-type-setting > a:hover, .tag-type-setting > .tag-extra-info > a:hover, a.tag-type-setting:hover { color: #66FFE6; }
span.tag-type-setting { color: #00B38C; font-weight: bolder; }

/* Language */
.tag-type-language > div > a, .tag-type-language > a, .tag-type-language > .tag-extra-info > a, a.tag-type-language { color: #0066FF; }
.tag-type-language > div > a:hover, .tag-type-language > a:hover, .tag-type-language > .tag-extra-info > a:hover, a.tag-type-language:hover { color: #6699FF; }
span.tag-type-language { color: #0066FF; font-weight: bolder; }

/* Automatic */
.tag-type-automatic > div > a, .tag-type-automatic > a, .tag-type-automatic > .tag-extra-info > a, a.tag-type-automatic { color: #6666FF; }
.tag-type-automatic > div > a:hover, .tag-type-automatic > a:hover, .tag-type-automatic > .tag-extra-info > a:hover, a.tag-type-automatic:hover { color: #9999FF; }
span.tag-type-automatic { color: #6666FF; font-weight: bolder; }

/* Artist */
.tag-type-artist > div > a, .tag-type-artist > a, .tag-type-artist > .tag-extra-info > a, a.tag-type-artist { color: #CC0000; }
.tag-type-artist > div > a:hover, .tag-type-artist > a:hover, .tag-type-artist > .tag-extra-info > a:hover, a.tag-type-artist:hover { color: #FF6666; }
span.tag-type-artist { color: #CC0000; font-weight: bolder; }

/* Studio */
.tag-type-studio > div > a, .tag-type-studio > a, .tag-type-studio > .tag-extra-info > a, a.tag-type-studio { color: #FF0000; }
.tag-type-studio > div > a:hover, .tag-type-studio > a:hover, .tag-type-studio > .tag-extra-info > a:hover, a.tag-type-studio:hover { color: #FF99CC; }
span.tag-type-studio { color: #FF0000; font-weight: bolder; }

/* Character */
.tag-type-character > div > a, .tag-type-character > a, .tag-type-character > .tag-extra-info > a, a.tag-type-character { color: #CC33FF; }
.tag-type-character > div > a:hover, .tag-type-character > a:hover, .tag-type-character > .tag-extra-info > a:hover, a.tag-type-character:hover { color: #E699FF; }
span.tag-type-character { color: #CC33FF; font-weight: bolder; }

/* Copyright */
.tag-type-copyright > div > a, .tag-type-copyright > a, .tag-type-copyright > .tag-extra-info > a, a.tag-type-copyright { color: #9900FF; }
.tag-type-copyright > div > a:hover, .tag-type-copyright > a:hover, .tag-type-copyright > .tag-extra-info > a:hover, a.tag-type-copyright:hover { color: #CC66FF; }
span.tag-type-copyright { color: #9900FF; font-weight: bolder; }

/* Medium */
.tag-type-medium > div > a, .tag-type-medium > a, .tag-type-medium > .tag-extra-info > a, a.tag-type-medium { color: #00CCCC; }
.tag-type-medium > div > a:hover, .tag-type-medium > a:hover, .tag-type-medium > .tag-extra-info > a:hover, a.tag-type-medium:hover { color: #66FFFF; }
span.tag-type-medium { color: #00CCCC; font-weight: bolder; }

/* Genre */
.tag-type-genre > div > a, .tag-type-genre > a, .tag-type-genre > .tag-extra-info > a, a.tag-type-genre { color: #8A66FF; }
.tag-type-genre > div > a:hover, .tag-type-genre > a:hover, .tag-type-genre > .tag-extra-info > a:hover, a.tag-type-genre:hover { color: #B299FF; }
span.tag-type-genre { color: #8A66FF; font-weight: bolder; }

/* Meta */
.tag-type-meta > div > a, .tag-type-meta > a, .tag-type-meta > .tag-extra-info > a, a.tag-type-meta { color: #3399FF; }
.tag-type-meta > div > a:hover, .tag-type-meta > a:hover, .tag-type-meta > .tag-extra-info > a:hover, a.tag-type-meta:hover { color: #66CCFF; }
span.tag-type-meta { color: #3399FF; font-weight: bolder; }

/* Operator */
.tag-type-operator a, .tag-type-operator > div > a, .tag-type-operator > a, .tag-type-operator > .tag-extra-info > a, a.tag-type-operator { color: #999999; }
.tag-type-operator > div > a:hover, .tag-type-operator > a:hover, .tag-type-operator > .tag-extra-info > a:hover, a.tag-type-operator:hover { color: #CCCCCC; }

/* Idol */
.tag-type-idol a, .tag-type-idol > div > a, .tag-type-idol > a, .tag-type-idol > .tag-extra-info > a, a.tag-type-idol { color: #FF0066; }
.tag-type-idol > div > a:hover, .tag-type-idol > a:hover, .tag-type-idol > .tag-extra-info > a:hover, a.tag-type-idol:hover { color: #FF99CC; }
span.tag-type-idol { color: #FF0066; font-weight: bolder; }

/* Photo Set */
.tag-type-photo_set a, .tag-type-photo_set > a, .tag-type-photo_set > div > a, .tag-type-photo_set > .tag-extra-info > a, a.tag-type-photo_set { color: #B39804; }
.tag-type-photo_set > div > a:hover, .tag-type-photo_set > a:hover, .tag-type-photo_set > .tag-extra-info > a:hover, a.tag-type-photo_set:hover { color: #FFD700; }
span.tag-type-photo_set { color: #B39804; font-weight: bolder; }

span.tag-type-general { color: #FF761C; font-weight: bolder; }

.user-level-Deleted > a, a.user-level-Deleted { color: #FF761C; text-decoration: line-through; }
.user-level-Deleted:hover > a, a.user-level-Deleted:hover { color: #ffa971; }
.user-tooltip-badge-Deleted { background: #FF761C; padding: 0.125em; border-radius: 5px; color: #222; }
.user-level-Deactivated > a, a.user-level-Deactivated { color: #FF761C; text-decoration: line-through; }
.user-level-Deactivated:hover > a, a.user-level-Deactivated:hover { color: #ffa971; }
.user-tooltip-badge-Deactivated { background: #FF761C; padding: 0.125em; border-radius: 5px; color: #222; }
.user-level-Unactivated > a, a.user-level-Unactivated { color: #98FB98; }
.user-level-Unactivated:hover > a, a.user-level-Unactivated:hover { color: #CBFFCB; }
.user-tooltip-badge-Unactivated { background: #98FB98; padding: 0.125em; border-radius: 5px; color: #222; }
.user-level-Suspended > a, a.user-level-Suspended { color: #71543e; }
.user-level-Suspended:hover > a, a.user-level-Suspended:hover { color: #A48771; }
.user-tooltip-badge-Suspended { background: #71543e; padding: 0.125em; border-radius: 5px; color: #DDD; }
.user-level-Member > a, a.user-level-Member { color: #FF761C; }
.user-level-Member:hover > a, a.user-level-Member:hover { color: #ffa971; }
.user-tooltip-badge-Member { background: #FF761C; padding: 0.125em; border-radius: 5px; color: #222; }
.user-level-Curator > a, a.user-level-Curator { color: #ea7dab; }
.user-level-Curator:hover > a, a.user-level-Curator:hover { color: #FFB0DE; }
.user-tooltip-badge-Curator { background: #ea7dab; padding: 0.125em; border-radius: 5px; color: #222; }
.user-level-Contributor > a, a.user-level-Contributor { color: #6494f1; }
.user-level-Contributor:hover > a, a.user-level-Contributor:hover { color: #97C7FF; }
.user-tooltip-badge-Contributor { background: #6494f1; padding: 0.125em; border-radius: 5px; color: #222; }
.user-level-Janitor > a, a.user-level-Janitor { color: #048eaf; }
.user-level-Janitor:hover > a, a.user-level-Janitor:hover { color: #37C1E2; }
.user-tooltip-badge-Janitor { background: #048eaf; padding: 0.125em; border-radius: 5px; color: #DDD; }
.user-level-Moderator > a, a.user-level-Moderator { color: #ff3370; }
.user-level-Moderator:hover > a, a.user-level-Moderator:hover { color: #ff80a6; }
.user-tooltip-badge-Moderator { background: #ff3370; padding: 0.125em; border-radius: 5px; color: #DDD; }
.user-level-System_User > a, a.user-level-System_User { color: #9f21e5; }
.user-level-System_User:hover > a, a.user-level-System_User:hover { color: #D254FF; }
.user-tooltip-badge-System_User { background: #9f21e5; padding: 0.125em; border-radius: 5px; color: #DDD; }
.user-level-Admin > a, a.user-level-Admin { color: #e60000; }
.user-level-Admin:hover > a, a.user-level-Admin:hover { color: #ff4d4d; }
.user-tooltip-badge-Admin { background: #e60000; padding: 0.125em; border-radius: 5px; color: #DDD; }

.added-tags {
  color: #00CC00;
}

.removed-tags {
  color: #ff0000;
}

.unchanged-tags {
  font-size: 0.8em;
}

input#tags {
  border:2px solid #999;
  background: #FAFAFA;
  background-image: -moz-linear-gradient(#fff, #DDDDDD);
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #DDDDDD),color-stop(1, #fff));
  -moz-border-radius: 35px;
  border-radius: 35px;
  border-width: 1px;
  border-style: solid;
  border-color: #DDD;
  width: 182px;
  height: 30px;
  padding: 2px 8px;
  overflow: hidden; /* Clear floats */
}

input#tags:hover, input#tags:active, input#tags:focus {
  background: #FAFAFA;
  outline: none;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
}

input:focus::-webkit-input-placeholder, input:focus:-moz-placeholder { color:transparent; }

div#comment-list div.post {
  display: inline-grid;
  grid-auto-flow: column;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
  margin-bottom: 0.5em;
}

div#comment-list div.col1 {
  margin: 0.5em 0.75em 0 0;
}

div#comment-list div.header {
  margin-bottom: 1em;
}

.no-comments {
  color: #666;
  font-size: 1.4em;
  font-weight: bold;
}

div#content {
  padding: 0 4px 30px 4px;
}

div#footer {
  margin-top: 1em;
  text-align: center;
  font-size: 120%;
  color: #CCC;
  clear: both;
}

div#footer > .footer-disabled, div#footer > #label {
  color: #777777;
}

.header {
  max-height: 150px;
  overflow-y: auto;
  padding-top: 0.2em;
}
    
#forum .date a {
  color: #666;
  font-size: 0.8em;
}

#forum blockquote {
  color: #666;
  margin: 1em 0em 1em 1em;
}

#forum.response-list>div.comment>div.content {
  max-width: 50vw
}  

#forum.response-list>div.comment {
  font-size: 1.25em;
}

#forum.response-list>div.comment>div.content>div.footer {
  font-size: 0.9em;
}

#forum .comment {
  display: flex;
}

.forum-parent-title {
  font-size: 1.2em;
  margin-bottom: 1em;
}

.forum-reference {
  float: left;
  width: 30em;
  margin-left: 1em;
}

[id^=respond-link] {
  font-size: 1.5em;
  margin: 1em;
}

.svg-menu, .svg-close_menu {
  cursor: pointer;
  display: flex;
  margin: -32.5px 0 -10px 0;
  float: right;
}

.svg-icon {
  display: inline-block;
  vertical-align: middle;
}

.svg-icon.small { height: 1.25em; width: 1.25em; }
.svg-icon.medium { height: 1.5em; width: 1.5em; }
.svg-icon.large { height: 1.75em; width: 1.75em; }

.icon-recolor {
  color: black;
}

select {
  max-width: 200px;
}

div#header {
  background: white;
  overflow: hidden;
}

#header a img {
  float: left;
}

#lang-sel {
  border: none;
}

.nav-special > a {
  color: red;
}

.top-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FF761C;
}

.top-bar img {
  margin-top: 2.5px;
}

#page-title {
  margin-left: 0.5em;
  margin-top: 0.25em;
  max-width: 87.5%;
}

div#header ul#navbar {
  padding: 5px 20px 2px 10px;
  margin-bottom: -3.5px;
  margin-top: 0.9em;
}

div#header ul#navbar li {
  font-size: 130%;
  padding: 0 10px 2.5px 10px;
  margin: 0;
  border: 1px solid rgba(0,0,0,0);
  border-bottom: none;
}

div#header ul#navbar li a {
  font-weight: bold;
}

div#header ul#navbar li#nav-current-page {
  background-color: #FAFAFA;
  border: 1px solid #ddd;
  border-bottom: 2px solid #FAFAFA;
}

div#header ul#navbar li#nav-current-page a {
  font-weight: bold;
}

div#header ul#subnavbar {
  padding: 5px 20px 5px 15px;
  background-color: #FAFAFA;
  margin: 0 0 1em 0;
  border: 1px solid #ddd;
  float: right;
  min-height: 30px;
}

div#header ul#subnavbar li {
  padding: 0 7.5px;
}

div#header ul#subnavbar li a {
  font-weight: bold;
}

div#info {
  font-style: italic;
}

div#notice {
  font-size: 1.2em;
  color: red;
  font-weight: bold;
  z-index: 10005;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
  padding: 5px 20px 5px 20px;
  border-radius: 10px;
  max-width: 82.5%;
  position: fixed;
}

div#paginator {
  display: block;
  padding: 2em 0 1em 0;
  font-size: 2.5em;
  text-align: center;
  font-weight: bold;
}

div#paginator a {
  margin: 0 3px;
  padding: 2px 6px;
  font-weight: bold;
  border: 1px solid #EAEAEA;
}

div#paginator a.arrow {
  border: none;
}

div#paginator a.arrow:hover {
  background: white;
  color: #9093FF;
}

div#paginator a.current {
  border: 1px solid #EAEAEA;
}

div#paginator a:hover {
  background: #999999;
  color: #333;
}

div#paginator span {
  margin: 0 3px;
  padding: 2px 6px;
}

div#post-add p#scale {
  color: #999;
  font-style: italic;
}

div#post-view>div#right-col>div#note-info {
  margin: 0.5em 0em 0.5em 1em;
}

div#post-view > div#right-col > div > div#note-container {
  position: absolute;
  margin-left: 1em;
}

div#post-view > div#right-col > div > div#note-container > div.note-body {
  background: #FFE;
  border: 1px solid black;
  display: none;
  max-width: 300px;
  min-width: 140px;
  min-height: 10px;
  position: absolute;
  padding: 5px;
  cursor: pointer;
  overflow: auto;
}

div#post-view > div#right-col > div > div#note-container > div.note-body > p.tn {
  font-size: 0.6em;
  color: gray;
}

div#post-view > div#right-col > div > div#note-container > div.note-box {
  position: absolute;
  border: 1px solid black;
  width: 150px;
  height: 150px;
  cursor: move;
  background: #FFE;
}

div#post-view > div#right-col > div > div#note-container > div.note-box > div.note-corner {
  background: black;
  width: 7px;
  height: 7px;
  position: absolute;
  bottom: 0;
  right: 0;
  cursor: se-resize;
}

div#post-view > div#right-col > div > div#note-container > div.unsaved {
  background: #FFF;
  border: 1px solid red;
}

div#post-view > div#right-col > div > div#note-container > div.unsaved > div.note-corner {
  background: red;
}

div#post-view > div#right-col > div > img {
  margin-right: 5em;
}

div.quote {
  margin: 0 0 1em 0;
  padding: 1em;
  border: 1px solid #666;
  background: #EEE;
}

div.response-list div.comment {
  float: left;
  margin-bottom: 1em;
  padding-top: 1em;
  border-top: 2px solid #DDD;
  width: 100%;
}

div.response-list > div.comment > div.author {
  float: left;
  text-align: center;
  margin: 0 0.5em;
}

div.response-list > div.comment > div.content {
  float: none;
  padding-left: 0em;
  margin-left: 10em;
  position: relative;
  min-width: 20em;
}

div.response-list > div.comment > div.content .body.bad, div.response-list > div.comment > div.content .body.bad a {
  color: #DDD;
}

.footer-top, .footer-bottom {
  margin: 0 auto;
}

div.response-list > div.comment > div.content > div.footer a {
  text-decoration: none;
  margin-right: 2.5px;
  margin-left: 2.5px
}

div.sidebar {
  border: 1px solid #DDD;
  width: 20%;
  padding-left: 1em;
  margin-right: 1em;
  float: left;
  word-wrap: break-word;
  position: relative;
  border-radius: 15px;
}

div.sidebar li {
  list-style-type: none;
  margin: 0;
}

.mobile-only {
  display: none;
}

div#static-index {
  text-align: center;
}

div#static-index > div#links > a {
  margin: 0 0.5em;
}

#static-more, #static-keyboard_shortcuts {
  display: flex;
  flex-wrap: wrap;
}

#static-more div, #static-keyboard_shortcuts div {
  font-size: 1vw;
  flex: 100%;
  max-width: 24%;
  padding: 4px 4px;
}

#static-disable_adblock a button {
  display: flex;
  margin: 0 auto;
  margin-bottom: 0.5em;
  font-size: 1.25em;
}

.fit-width {
  max-width: 95%;
  height: auto !important;
}

.fit-height {
  max-height: 90vh;
  width: auto !important;
}

.min-w-150 {
  min-width: 150px;
}

/* Option Buttons */
.option-button {
  display: inline-block;
  position: relative;
  margin: 0 2px;
  padding: 8px 12px;

  font-size: 16px;
  line-height: 16px;
  font-weight: 550;

  color: var(--default-text-color-light);
  background-color: var(--panel-l2-color-light);
  border-radius: 20px;
  border: 2px solid var(--default-outline-color-light);

  user-select: none;
  cursor: pointer;
  
  transition: background-color 0.25s ease;
}

.option-button input {
  position: absolute;
  bottom: 0;
  left: 115%;
  width: 1px;
}

.option-button:hover {
  background-color: var(--default-outline-color-light);
}

.option-button:has(input:checked) {
  background-color: var(--sankaku-orange);
}

.option-button:has(input:checked:hover) {
  background-color: var(--sankaku-orange-light);
}

.option-button:has(input:focus-visible) {
  border-color: var(--focus-outline-colo-light);
}

.rating-s-button:has(input:checked) {
  background-color: var(--rating-s-color);
}

.rating-s-button:has(input:checked:hover) {
  background-color: var(--rating-s-color-light);
}

.rating-q-button:has(input:checked) {
  background-color: var(--rating-q-color);
}

.rating-q-button:has(input:checked:hover) {
  background-color: var(--rating-q-color-light);
}

.rating-e-button:has(input:checked) {
  background-color: var(--rating-e-color);
}

.rating-e-button:has(input:checked:hover) {
  background-color: var(--rating-e-color-light);
}

/*** Form ***/
form#edit-form table {
  padding: 8px;

  background-color: var(--panel-l1-color-light);
  border-radius: 10px;
  border-spacing: 4px;
}

form#edit-form th {
  font-size: 22px;
  font-weight: 600;
  text-align: left;

  padding-bottom: 6px;
}

form#edit-form tbody td {
  padding: 1px 12px;

  background-color: var(--panel-l2-color-light);
  border-radius: 10px;
  border: none;
}

form#edit-form tfoot td {
  background-color: var(--panel-l1-color-light);
  border-radius: 10px;
  border: none;
}

form#edit-form thead th {
  background-color: var(--panel-l1-color-light);
  border-radius: 10px;
  border: none;
}

form#edit-form tbody td a,
form#edit-form tbody td div,
form#edit-form tbody td label,
form#edit-form tbody td svg {
  display: inline-block;
  vertical-align: middle;
}

form#edit-form div.group-label {
  margin-right: 10px;

  font-size: 18px;
  font-weight: 600;
  line-height: 36px;
}

form#edit-form table tfoot,
form#edit-form table thead, 
form#edit-form table tr {
  background: transparent;
}

/* Text Input and Textarea */
form#edit-form input#post_parent_id,
form#edit-form input#post_book_id,
form#edit-form input#post_collection_id,
form#edit-form input#post_source,
form#edit-form input#pool_post_id,
form#edit-form input#pool_name_en,
form#edit-form input#pool_name_ja,
form#edit-form input#post_file,
form#edit-form textarea#post_tags,
form#edit-form textarea#pool_tags,
form#edit-form textarea#pool_description_en,
form#edit-form textarea#pool_description_ja {
  vertical-align: middle;
  
  word-spacing: 0.4em;
  font-family: "Noto Sans", "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;

  color: var(--default-text-color-light);
}

form#edit-form input#post_parent_id,
form#edit-form input#post_book_id,
form#edit-form input#post_collection_id,
form#edit-form input#pool_post_id,
form#edit-form input#pool_name_en,
form#edit-form input#pool_name_ja,
form#edit-form input#post_source,
form#edit-form input#post_file {
  word-spacing: 0;
}

form#edit-form input#post_parent_id,
form#edit-form input#post_book_id,
form#edit-form input#post_collection_id,
form#edit-form input#pool_post_id,
form#edit-form input#pool_name_en,
form#edit-form input#pool_name_ja,
form#edit-form input#post_file,
form#edit-form input#post_source {
  padding: 6px 16px;
  width: 212px;

  font-size: 16px;
  line-height: 20px;

  background-color: var(--panel-l1-color-light);
  border: solid 2px var(--default-outline-color-light);
  border-radius: 20px;
}

form#edit-form div#post-tags-container,
form#edit-form div#pool-tags-container,
form#edit-form div#pool-description-container {
  margin: 3px 0 12px 0;
  overflow: hidden;
  padding: 0;
  min-height: 125px;

  background-color: var(--panel-l1-color-light);
  border: solid 2px var(--default-outline-color-light);
  border-radius: 15px;
}

form#edit-form input#post_parent_id:focus,
form#edit-form input#post_book_id:focus,
form#edit-form input#post_collection_id:focus,
form#edit-form input#pool_post_id:focus,
form#edit-form input#pool_name_en:focus,
form#edit-form input#pool_name_ja:focus,
form#edit-form input#post_source:focus,
form#edit-form input#post_file:focus,
form#edit-form div#post-tags-container:has(:focus),
form#edit-form div#pool-tags-container:has(:focus),
form#edit-form div#pool-description-container:has(:focus) {
  border-color: var(--focus-outline-color-light);

  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
  outline: none;
}

form#edit-form textarea#post_tags,
form#edit-form textarea#pool_tags,
form#edit-form textarea#pool_description_en,
form#edit-form textarea#pool_description_ja {
  margin: 0;
  padding: 0.4em 0.5em;
  width: 550px;
  min-height: 125px;
  min-width: 550px;
  
  font-size: 1em;

  border: none;
  background: transparent;

  resize: both;
}

/* Links */
form#edit-form a:link {
  font-size: 16px;
}
form#edit-form div.link-group {
  flex-grow: 1;
  text-align: right;
}

/* Flex */
form#edit-form tbody td div.flex-container {
  display: flex;
  flex-wrap: wrap;
  padding: 4px 0;
}
form#edit-form div.flex-item {
  align-self: center;
  padding: 3px 0;
  white-space: nowrap;
}

/* Vertical Line Separator */
form#edit-form div.vl {
  margin: 0 1px;
  height: 1.6em;
  width: 0;

  background-color: var(--default-outline-color-light);
  border-right: solid 3px var(--default-outline-color-light);
}

/* Submit Button */
form#edit-form input[type="submit"] {
  margin-top: 10px;
  padding: 0px 16px;

  background-color: #ff761c;
  border: none;
  border-radius: 10px;
  color: var(--default-text-color-light);

  font-size: 18px;
  font-weight: bold;
  line-height: 40px;

  cursor: pointer;
  
  transition: background-color 0.25s ease;
}

form#edit-form input[type="submit"]:hover {
  background-color: var(--sankaku-orange-light);
}

#post-upload {
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
}

#post-upload div#right-col {
  margin: 0;
}

#post-upload div#suggested_tags {
  margin: 1em;
}

#post-upload div#right-col img {
  margin: 0 1em;
}

div.status-notice {
  border: 2px solid #DDD;
  padding: 0.25em 0 0.25em 1em;
  margin: 0em 1em 1em 1em;
  background: #FAFAFA;
  border-radius: 15px;
}

div.user--profile_posts {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

div.user--profile_posts div.carousel {
  width: 31%;
}

@media screen and (max-width: 1180px) {
  #static-more div {
    font-size: 1.25vw;
    max-width: 24%;
  }
  #static-keyboard_shortcuts div {
    font-size: 1.25vw;
    max-width: 32%;
  }
}

@media screen and (max-width: 1080px) {
  div.user--profile_posts div.carousel {
    width: 46.5%;
  }
  #static-more div {
    font-size: 1.5vw;
    max-width: 30%;
  }
  #static-keyboard_shortcuts div {
    font-size: 1.5vw;
    max-width: 32%;
  }
}

@media screen and (max-width: 800px) {
  div#sticky {
    width: 243px;
  }

  div#comment-list div.post {
    grid-auto-flow: row;
  }

  div#comment-list div.col1 {
    margin: 0 auto;
  }

  div.status-notice {
    width: 92.4vw;
    margin: 1em auto;
  }

  #static-more div {
    font-size: 1.9vw;
    max-width: 30%;
  }
  #static-keyboard_shortcuts div {
    font-size: 1.9vw;
    max-width: 45%;
  }
  #navbar {
    text-align: center;
    line-height: 1.75em;
    background: #FAFAFA;
    border: 1px solid #DDD;
    border-bottom: none;
  }
  div#header ul#navbar li#nav-current-page, div#header ul#navbar li:not(.lang-select):hover, div#header ul#navbar li:not(.lang-select):hover {
    border-radius: 10px;
  }
  div#header ul#navbar li:not(.lang-select):hover {
    position: relative;
  }
  .pagination a:not(.previous_page):not(.next_page), span.gap {
    display: none;
  }
  div#header ul#subnavbar {
    padding: 1em 0 0 1em;
    line-height: 1.5em;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  div#header ul#subnavbar li {
    padding: 2.5px;
  }

  .mobile-only {
    display: block;
  }

  #desktop-only, .desktop-only {
    display: none;
  }

  #ai_post-list, #companion-list, #post-list, #post-view, #pool-show {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }

  #companion-list_secondary, #wiki-list {
    display: flex;
    flex-direction: column;
  }
  
  #ai_post-list div:nth-child(3), #post-list div.items, #post-view, #pool-show {
    display: flex;
    flex-wrap: wrap;
  }
  
  #ai_post-list #sticky, #ai_post-list .sticky-anchor, #companion-list #sticky, #companion-list .sticky-anchor, #post-list #sticky, #post-list .sticky-anchor, #companion-list_secondary .sidebar, #wiki-list .sidebar, #post-view .sidebar {
    order: 9999;
  }
  
  #ai_post-list #sticky, #companion-list_secondary table {
    margin: 0 auto;
  }

  #companion-list .sidebar, #companion-list_secondary .sidebar, #wiki-list .sidebar, #post-list .sidebar {
    width: 92.75vw;
    margin-top: 1em;
  }

  #wiki-show {
    display: flex;
    flex-direction: column;
  }
  
  #wiki-show .sidebar {
    margin-top: 1em;
  }
  
  #post-view .sidebar, #pool-show .sidebar, #wiki-show .sidebar {
    order: 999;
    width: 85vw;
    margin: 0 auto;
  }

  div.content {
    float: left;
    margin: 0;
    width: 100%;
  }

  #popular-preview {
    margin: 0 0 2em 0;
  }

  /*** Form ***/
  form#edit-form table {
    margin-left: 0;
    margin-right: 0;
    
    border-radius: 0;
  }

  form#edit-form textarea#post_tags,
  form#edit-form textarea#pool_tags,
  form#edit-form textarea#pool_description_en,
  form#edit-form textarea#pool_description_ja {
    --post-tags-textarea-width: max(calc(100vw - 84px), 220px);
    min-width: var(--post-tags-textarea-width);
    max-width: var(--post-tags-textarea-width);

    resize: vertical;
  }

  form#edit-form input#post_parent_id, 
  form#edit-form input#post_book_id, 
  form#edit-form input#post_collection_id,
  form#edit-form input#pool_post_id,  
  form#edit-form input#post_name_en,  
  form#edit-form input#post_name_ja,
  form#edit-form input#post_source,
  form#edit-form input#post_file {
    max-width: max(calc(100vw - 116px), 196px);
  }

  div#post-tags-container,
  div#pool-tags-container, 
  div#pool-description-container {
    --post-tags-textarea-width: max(calc(100vw - 80px), 220px);
    min-width: var(--post-tags-textarea-width);
    max-width: var(--post-tags-textarea-width);
  }
}

@media screen and (max-width: 600px) {
  div.user--profile_posts div.carousel {
    width: 99%;
  }
  #static-more div {
    font-size: 2.5vw;
    max-width: 45%;
  }
  #static-keyboard_shortcuts div {
    font-size: 2.5vw;
    max-width: 50%;
  }
}

@media screen and (max-width: 500px) {
  #static-more div {
    font-size: 2.7vw;
    max-width: 45%;
  }
  #static-keyboard_shortcuts div {
    font-size: 2.7vw;
    max-width: 100%;
  }
  div.response-list > div.comment > div.content {
    word-break: break-all;
    max-width: 24em;
  }
}

@media screen and (max-width: 420px) {
  #static-more div {
    font-size: 3.25vw;
    max-width: 45%;
  }
  #static-keyboard_shortcuts div {
    font-size: 3.25vw;
    max-width: 100%;
  }
  div.response-list > div.comment > div.content {
    max-width: 20em;
  }
}

div#static-more > div > ul {
  margin-top: 2em;
}

div#static-more > div > ul > li {
  list-style-type: none;
  margin: 0;
}

kbd.key {
  background: #DDD;
  color: black;
  padding: 5px;
  border-radius: 3px;
  margin-bottom: 13px;
}

div#static-keyboard_shortcuts > div {
  float: left;
  width: 25%;
  font-size: 12.5px;
}

div#static-keyboard_shortcuts > div > ul {
  margin-top: 2em;
}

div#static-keyboard_shortcuts > div > ul > li {
  list-style-type: none;
  margin: 10px;
}

div.status-notice.ai_generated {
  background: #70e0ff;
  border: 2px solid #0060de;
  color: #222;
}

div.status-notice.deleted {
  background: var(--red-7);
  border:2px solid var(--magenta-9);
}

div.status-notice.pending {
  background:ghostwhite;
  border:2px solid lavender;
}

div.status-notice.flagged {
  background: var(--yellow-2);
  border:2px solid var(--yellow-5);
}

div.status-notice.appealed {
  background:#62599A;
  border:2px solid #2C1D85;
}

div.status-notice.locked {
  background:#808080;
  border:2px solid #532A2A;
}

div.status-notice p {
  margin: 0;
}

#wiki-form {
  margin-left: 1em;
}

.wiki-search {
  margin-bottom: 1em;
  margin-top: 0.25em;
}

.wiki-help, .wiki-reference {
  float: right;
}

div.wiki > h2.title {
  color: #666;
  margin-bottom: 0.5em;
}

div#wiki-show > div#body, div#wiki-view, div#wiki-show_empty > div#body, div#wiki-view {
  font-size: 1.25em;
  text-align: left;
  margin-left: 2.25em;
}

div#wiki-show > div#body, div#wiki-view {
  margin-left: 1em;
}

div#wiki-show > div#body ul, div#wiki-view ul {
  line-height: 1.2em;
  margin: 0 0 0 1em;
}

div#wiki-show > div#body > ul {
  margin-bottom: 1em;
}

div#wiki-show > div#body > div#byline {
  color: #666;
  font-style: italic;
}

div#wiki-diff {
  font-family: monospace;
  font-size: 1.2em;
  margin-top: 1em;
}

del {
  background-color: #f88;
  text-decoration: line-through;
}

ins {
  background-color: #8f8;
}

/* rating */
#rating {
  width: 185px;
}

.unit-rating {
  list-style:none;
  margin: 0px;
  padding: 0px;
  width: 170px;
  height: 34px;
  position: relative;
  background: url(//chan.sankakucomplex.com/images/star_rating.png) left center repeat-x;
}

.unit-rating li {
  text-indent: -90000px;
  padding:0px;
  margin:0px;
  float: left;
}
.unit-rating li a {
  display:block;
  width: 34px;
  height: 34px;
  text-decoration: none;
  text-indent: -9000px;
  z-index: 20;
  position: absolute;
  padding: 0px;
}
.unit-rating li a:hover {
  background: url(//chan.sankakucomplex.com/images/star_rating.png) left bottom;
  z-index: 2;
  left: 0px;
}
.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:34px;}
.unit-rating a.r2-unit{left:34px;}
.unit-rating a.r2-unit:hover{width: 68px;}
.unit-rating a.r3-unit{left: 68px;}
.unit-rating a.r3-unit:hover{width: 102px;}
.unit-rating a.r4-unit{left: 102px;}
.unit-rating a.r4-unit:hover{width: 136px;}
.unit-rating a.r5-unit{left: 136px;}
.unit-rating a.r5-unit:hover{width: 170px;}

/* Current rating display */
.unit-rating li {
  background: url(//chan.sankakucomplex.com/images/star_rating.png) left top;
  height: 34px;
  display: block;
  text-indent: -9000px;
  z-index: 1;
}
.unit-rating li.star-full { width: 34px; }
.unit-rating li.star-half { width: 17px; }
.unit-rating:hover li { background: none; }

.favoriteIcon{
  width:42px;
  height:42px;
  display:block;
  background-position:left top;
  background-image:url(//chan.sankakucomplex.com/images/hearts.png);
}
.favoriteIcon:hover{
  background-position:left center;
}
.favoriteIcon.clicked{
  background-position:left bottom;
}
.favoriteIcon.clicked:hover{
  background-position:left center;
}
#add-to-favs, #remove-from-favs {
  background-image:url(//chan.sankakucomplex.com/images/heartbg.png);
  background-repeat:no-repeat;
  background-position: center;
  display: flex;
  justify-content: center;
  margin-right:1em;
}

/* Popular preview */
#popular-preview h5 {
  display: flex;
  justify-content: center;
  align-items: center;
}

#more-popular-link {
  margin-left: 1em;
}

#post_tags{
  font-family: Meiryo,Hiragino Kaku Gothic Pro W3,Arial,Helvetica Neue,sans-serif;
  font-size: 100%;
}

#search-form {
  margin-top: 0.25em;
  margin-bottom: 1em;
}

#search-help {
  float: right;
  margin-right: 60px;
}

#locale {
  display: none;
}

#mode-menu, #quick-edit {
  margin-bottom: 1em;
}

#tag-sidebar {
  overflow: hidden;

  br {
    content: "";
    margin: 2em;
    display: block;
    font-size: 24%;
  }
}

#mode {
  width: 13em;
}

#wiki-excerpt {
  overflow-x: hidden;
}

#non-image-content, #image {
  margin-left: 1em;
}

.post-content-notification {
  font-weight: bold;
  font-size: 2em;
  color: #999;
  text-align: center;
}

.ranking-list h1 {
  text-align: center;
}

.ranking-top-spot {
  border: 2px solid goldenrod;
  margin-bottom: 14px;
  max-width: 700px;
  border-radius: 10px;
}

.ranking-item  {
  border-bottom: 2px solid #DDD;
  padding-bottom: 4px;
  padding-top: 10px;
  max-width: 700px;
  margin: 0 auto;
}

.ranking-item-more {
  font-size: 1.2em;
  float: right;
  padding-right: 1em;
}

.ranking-quantity {
  color: #AAAAAA;
}

.subnavbar-option {
  color: #666;
}

.footer-ranking-options {
  text-align: center;
}

.avatar-large img, .avatar-medium img, .avatar-small img {
  padding: 1px;
  border: 2px solid #DDD;
}

.avatar-large img {
  width: 150px;
  height: 150px;
}

.avatar-medium img {
  width: 100px;
  height: 100px;
}

.avatar-small img {
  width: 50px;
  height: 50px;
}

.avatar-xsmall img {
  width: 25px;
  height: 25px;
}

.user-show-heading {
  margin: 0 1em 1em 0;
}

.user-show-heading h2 {
  max-width: 150px;
  text-align: center;
  margin-top: 0.125em;
}

.user-show-head {
  display: flex;
  margin: 0 10px;
  justify-content: top;
}

.user-ranking-header {
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:row;
}

.user-home-heading img {
  float: left;
  margin: 0.5em 1em 100% 1em;
}

.subscription-title {
  font-size: 1.2em;
}

#user-excerpt {
  text-align: center;
  padding-right: 1em;
}

#user-excerpt h5 {
  font-size: 1.25em;
}

#user-excerpt p {
  font-size: 0.95em;
  color: #666;
  font-weight: bold;
}

/* News ticker */
div#news-ticker {
  padding: 5px;
  background: #FAFAFA;
  border-bottom: 2px solid #999;
  overflow: hidden;
  font-size: 1.5em;
}

div#news-ticker ul {
  float: left;
  width:90%;
  margin: 0;
  padding: 0;
}

div#news-ticker li {
  list-style-type: none;
  float: left;
  margin: 0 0 0 0;
  padding: 0;
}

div#news-ticker a#close-news-ticker-link {
  float: right;
}

/* Navbar */
div#header ul#navbar li:not(.lang-select, .nav-ads):hover {
  background-color: #FAFAFA;
  border: 1px solid #ddd;
  border-bottom: 2px solid #FAFAFA;
}

div#header ul#navbar li:hover ul li:hover {
  border: 1px solid rgba(0,0,0,0);
  border-bottom: 2px solid rgba(0,0,0,0);
  background: rgba(0,0,0,0)
}

div#header ul#navbar {
  padding-left: 1em;
  position:relative;
}

div#header ul#subnavbar {
  padding: 0.5em 0 0 1em;
  background-color: #FAFAFA;
  margin: 0 0 1em 0;
  border: 1px solid #ddd;
}

div#header ul#subnavbar {
  width: 100%;
}

div#header ul#navbar li > ul {
  display: none;
}

@media screen and (min-width: 801px) {
  div#header ul#navbar li:hover > ul {
    display: block;
    position: absolute;
    background: #FAFAFA;
    height: 1.5em;
    width: 100%;
    font-size: 0.6em;
    padding-top: 0.65em;
    margin: 0.75px 0 0 3px;
  }
  div#sticky {
    float: left;
    left: 5px;
    overflow: clip;
    transition: left 0.25s ease;
    height: 100vh;
  }
  div#sticky.stick {
    overflow: visible;
    position: fixed;
    top: 0;
    left: 0;
  }
  div.sidebar {
    width: 212px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1;
  }
  div#sticky.stick div.sidebar {
    width: 217px;
    height: 100%;
    border-top: 0;
    border-left: 0;
    border-bottom: 0;
    border-radius: 0;
    transition: width 0.25s ease, border-top 0.25s ease, border-left 0.25s ease, border-bottom 0.25s ease, border-radius 0.25s ease;
  }
  div#wiki-show > div#body, div#wiki-view {
    margin-left: 16.25em;
  }
  div#wiki-form, #wiki-diff {
    margin-left: 20.25em;
  }
  div.content {
    padding-left: 243px;
    margin: 0;
  }
  #popular-preview {
    margin: 0em 1em 2em 1em;
  }
  #post-view > #right-col > div:not(#post-content) {
    margin-left: 1em;
  }
  .companion--block {
    margin-left: 225px;
  }
}

.pool-description {
  margin: 0 auto;
  padding: 0.5em;
  border: 2px solid #EEE;
  border-radius: 15px;
  margin-bottom: 1em;
}

em-emoji-picker {
  position: absolute;
  margin-top: 3.52em;
  z-index: 1;
}

#recommendations-paginator>span.recommended-prev, #recommendations-paginator>span.recommended-next {
  font-size: 2.5em;
  display: inline-flex;
  margin-top: 0.25em;
  padding: 2px;
}

#recommendations .hidden {
  display: none;
}

/* DText Items */
/* DText - Expandable */
.expandable {
  background: #EAEAEA;
  border-radius: 5px;
  border: 1px solid #FF761C;
  padding: 0.5em;
  margin: 1em 0;
}

input.expandable-button {
  margin-left: 1em;
}

.expandable-content {
  display: none;
}

/* DText - Quote */
blockquote {
  color: #000;
  border-left: 2px #FF761C solid;
  border-radius: 5px;
  padding-left: 7.5px;
  padding-bottom: 0.15px;
  padding-top: 5px;
  margin-left: 12.5px;
  border-radius: 5px;
  background: #DDD;
}

/* DText - Spoilers */
a.spoiler {
  color: black;
  background: black;
  cursor: text;
}

a.spoiler:hover {
  color: white;
}

div.spoiler > p, span.spoiler {
  display: inline-block;
  background-color: #EEE;
  color: #EEE;
}

div.spoiler > p:hover, span.spoiler:hover {
  color: black;
}

div.spoiler > p > a, span.spoiler > a {
  color: #EEE;
}

div.spoiler > p:hover > a, span.spoiler:hover > a {
  color: #FF761C;
}

/* DText - Code */
code {
  font-family: monospace;
  font-size: 1.2em;
}

/* DText - Misc */
.center {
  text-align: center;
}
.tn {
  font-size: 0.6em;
}

:root {
  --max-sticker-size: 64px;
  --max-emoji-size: 24px;
}

media-gallery, emoji[data-mode="block"] {
  margin-bottom: 0.75rem;
}

emoji[data-mode="block"] {
  display: inline-block;
  font-size: var(--text-xxl);
  line-height: 1.25;
}

emoji[data-mode="inline"] img {
  max-height: var(--max-emoji-size);
  max-width: var(--max-emoji-size);
}

emoji[data-mode="block"] img {
  max-height: var(--max-sticker-size);
  max-width: var(--max-sticker-size);
}

media-gallery {
  --media-gallery-size: 180px;

  @media (width <= 660px) {
    --media-gallery-size: 160px;
  }

  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--media-gallery-size), 1fr));
  gap: 0.5rem;

  article {
    --media-embed-size: var(--media-gallery-size);

    width: 100%;
    margin: 0;

    .media-embed-image {
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: var(--media-embed-size);
    }
  }
}

article {
  --media-embed-size: 720px;

  .media-embed-image > a {
    > img, video {
      border-radius: 0.25rem;
      width: auto;
      height: auto;
      max-width: 100%;
      max-height: var(--media-embed-size);
    }
  }

  .media-embed-caption {
    text-align: center;
    font-size: 0.8em;
    padding: 0.5rem;
    line-height: 1.4;
    color: var(--gray-5);
  }
}

a.dtext-wiki-does-not-exist {
  text-decoration: underline;
  text-decoration-style: dotted;
}

a.dtext-named-external-link::after {
	content: "";
	padding: 0 .2765em;
	margin: 0 .05em 0 .25em;
	vertical-align: -0.07em;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 512 512%27%3E%3Cpath d=%27M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z%27%3E%3C/path%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 512 512%27%3E%3Cpath d=%27M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z%27%3E%3C/path%3E%3C/svg%3E");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	background-color: currentcolor;
}

.animated_details {
  position: absolute;
  display: flex;
  align-items: center;

  margin: 3px;
  padding: 0.1em 0.2em 0.1em 0.35em;
  border-radius: 0.4em;

  background: rgba(0,0,0,.75);
  color: #DDD;
}

a.post-preview-link:link {
  line-height: 1.2em;
}

*, ::before, ::after {
  border-width: 0;
  border-style: solid;
  border-color: var(--grey-6);
  box-sizing: border-box;
}

.premium-divider {
  border: 1px solid darkcyan;
  border-radius: 10px;
  margin: 5px auto;
  width: 500px;
}

.history-positive, tr.history-positive:nth-child(even), .history-positive:nth-child(even):hover, .history-positive:nth-child(odd):hover {
  background: rgba(129, 252, 184, .45);
}

.history-negative, tr.history-negative:nth-child(even), .history-negative:nth-child(even):hover, .history-negative:nth-child(odd):hover {
  background: rgba(252, 106, 106, .4);
}

.history-score {
  font-size: 14px;
  border: 2px solid #DDD;
  border-radius: 3px;
  padding: 1px 3px 1px 2.5px;
  background: rgba(66, 57, 56, 0.15);
  vertical-align: super;
  margin-right: -1px;
}

.post-premium-browsing_error {
  width: 75%;
  background: #EEE;
  padding: 15px;
  display: flex;
  margin: 0 auto;
  border: 2.5px solid #FF761C;
  justify-content: center;
  font-size: 17.5px;
  font-weight: bolder;
}

.post-premium-horizontal {
  display: flex;
  max-width: 100%;
  justify-content: center;
}

.th--non_plus {
  background: #fca881;
  font-size: 20px;
  color: #111;
}

.th--plus {
  background: #f7ba3e;
  font-size: 20px;
  color: #000;
}

.th--infinite {
  background: #b963ff;
  font-size: 20px;
  color: #000;
}

.td--plus, .td--infinite {
  color: #FF761C;
}

.link--login {
  margin: 0 0 0 57%;
  font-size: 20px;
}

.link--signup {
  margin-left: 65px;
  color: #ff761c;
  font-size: 20px;
}

.link--plus {
  float: right;
  font-size: 20px;
  margin-right: 1em;
}

.header--premium_4 {
  font-size: 25px;
  margin-left: 25px;
}

.header--premium_6 {
  font-size: 17.5px;
  margin-left: 35px;
  font-weight: normal;
}

em-emoji {
  border: 1.5px solid #DDD;
  border-radius: 3px;
  padding: 5px;
  cursor: pointer;
  font-weight: bolder;
  background: #EEE;
  margin: 2.5px;
}

em-emoji:hover {
  background: #AAA;
}

.reactions {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
  justify-content: left;
}

#reaction_container {
  margin: 10px 0px;
}

.rating-e {
  border: 2px solid #ff0a0e;
  padding: 0 10px 0 10px;
  border-radius: 10px;
  color: #ff0a0e;
}

.rating-q {
  border: 2px solid #fa32e9;
  padding: 0 10px 0 10px;
  border-radius: 10px;
  color: #fa32e9;
}

.rating-s {
  border: 2px solid #39eb15;
  padding: 0 10px 0 10px;
  border-radius: 10px;
  color: #39eb15;
}

#adContainer {
  margin-left: 1em;
}

.mol-vast-skip-control {
  float: right;
  font-size: 25px;
  font-weight: bolder;
  background-color: rgba(0,0,0,0.4);
  padding: 5px;
  border-radius: 5px;
  width: 200px;
  text-align: center;
  cursor: pointer;
}

.status-ok {
  color: green;
  border: 2px solid green;
  padding: 0px 4px 0px 3px;
}

.status-down {
  color: red;
  border: 2px solid red;
  padding: 0px 4px 0px 3px;
}

summary {
  cursor: pointer;
  user-select: none;
  margin: 8px 0 8px 10px;
}

details {
  background: #DDD;
  border-radius: 10px;
  border: 2px solid #EEE;
}

details div {
  background: #EEE;
  border-radius: 10px 10px 0 0;
  padding: 10px 10px 1.5px 10px;
}

table.autofit {
  td, th, .col-fit {
    white-space: nowrap;
  }
  .col-expand {
    white-space: normal;
    width: 100%;
  }
  .col-normal {
    white-space: normal;
  }
}

.modal {
  background: #333;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); 
  min-width: 35vw;
  max-width: 75vw;
  min-height: 10%;
  border: 2px solid var(--default-outline-color-dark);
  border-radius: 10px;
}

.modal-content {
  max-height: 240px;
  overflow: auto;
  padding: 5px 0 5px 5px;
}

.modal-header {
  font-size: 1.1em;
  padding: 5px 0 0 5px;
  font-weight: bolder;
}

.modal-footer {
  margin: 0.5em 1em 0.5em 1em;
  display: flex;
  justify-content: flex-end;
  border-top: 2px solid #444;
  padding-top: 0.5em;
}

button.primary, button.secondary, input[type="submit"].primary, input[type="submit"].secondary {
  border-radius: 10px;
  padding: 5px 50px;
  font-size: 1em;
}

button.primary, input[type="submit"].primary {
  background: var(--sankaku-orange);
  border: 1px solid var(--sankaku-orange);
}

button.primary:hover, input[type="submit"].primary:hover {
  background: var(--sankaku-orange-light);
  border: 1px solid var(--sankaku-orange-light);
  color: var(--default-text-color-light);
}

button.secondary, input[type="submit"].secondary {
  background: var(--panel-l2-color-light);
  border: 1px solid var(--panel-l2-color-light);
  color: var(--default-text-color-light);
}

button.secondary:hover, input[type="submit"].secondary:hover {
  background: var(--panel-l1-color-light);
  border: 1px solid var(--panel-l1-color-light);
  color: var(--default-text-color-light);
}

#narrow-search, .emoji-selection {
  margin-left: -1.3em;
}

.emoji-selection {
  margin-top: 0.25em;
}

.pinned-comment {
  display: inline-flex;
  align-items: center;
  border: 2px solid #DDD;
  padding: 0 7.5px 0 0;
  border-radius: 15px;
  background: #FFF;
}

.user--blacklist-options, .user--settings-options {
  display: flex;
  justify-content: center;
  font-size: 1.5em;
  font-weight: bold;
  flex-wrap: wrap;
}

.blacklist-item {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  margin-right: 1em;
}

#light {
  background: white;
}

#amoled {
  background: black;
}

#reports #index {
  display: grid;
  grid: auto / repeat(4, 1fr);
  column-gap: 0.25em;
  row-gap: 0.25em;
  font-size: 1.125em;

  ul {
    padding: 0.25em 1em;
  }
}

.posts-show-pool-header {
  display: inline-flex;
  align-items: center;

  svg {
    height: 20px;
    width: 20px;
  }
}

input#post_file {
  opacity: 0;
  position: absolute;
  z-index: 1000;
}

.file-input label {
  display: block;
  position: relative;
  border-radius: 10px;
  color: #fff;
  padding: 0.5em 2em 0.5em 1.5em;
  background: #FF761C
}

.file-name {
  font-size: 0.85rem;
}

.page-footer {
  position: relative;
  background: #FAFAFA;
  border-top: 1px solid #DDD;
  padding: 0.25em 0.5em;
  font-size: 1.125em;
  text-align: center;
}

.td-flex-col {
  display: flex;
  align-items: center;
  gap: 0.5em;
}

.pool-preview, #advanced_search {
  background: #DDD;
  border: 2px solid #EEE;
}

.toggle-content {
  border-bottom: 1.5px solid #EEE;
}