body {
  --general-padding-left-right: 20px;
  --general-padding-top-bottom: 10px;
  --general-extra-padding-left-right: 30px;
  --general-small-padding-left-right: 10px;
  --textbox-padding-top-bottom: 5px;
  --textbox-padding-left-right: 5px;
  --line-height: 1.5;
  --textarea-line-height: 1.3;
  --menu-height: 30px;
  --badge-font-size: 9px;
  --badge-top: 2px;
  --badge-right: 15px;
  --icon-size: 20px;
  --pagination-margin-top-bottom: 50px;
  --h2-margin: 20px 0;
  --h3-margin-top: 19px;
  --form-body-padding-left-right: 25px;
  --form-btn-padding-left-right: 10px;
  --form-btn-padding-top-bottom: 5px;
  --form-element-padding-margin: 5px;
  --form-btn-icon-margin-right: 8px;
  --code-block-padding: 13px;
  --post-wrapper-padding-left-right: 20px;
  --post-wrapper-padding-top-bottom: 5px;
  --op-header-padding-left: 10px;
  --op-body-margin-bottom: 10px;
  --post-header-padding-top: 10px;
  --post-header-padding-left-right: 20px;
  --post-body-margin-bottom: 20px;
  --post-body-margin-top: 10px;
  --threads-separator-margin-top-bottom: 1em;
  --help-cell-padding-top-bottom: 5px;
  --search-title-margin-top: 18px;
  --search-title-margin-bottom: 10px;
  --search-form-body-padding-left-right: 25px;
  --chat-post-padding-left-right: 10px;
  --chat-post-padding-top-bottom: 5px;
  --chat-post-info-padding-right: 1ex;
  --chat-frame-padding-top-bottom: 10px;
  --separator-padding-top-bottom: 5px;
}
body.compact_theme {
  --general-padding-left-right: 10px;
  --general-padding-top-bottom: 5px;
  --general-extra-padding-left-right: 15px;
  --general-small-padding-left-right: 5px;
  --textbox-padding-top-bottom: 2px;
  --textbox-padding-left-right: 3px;
  --line-height: 1.2;
  --textarea-line-height: 1.2;
  --menu-height: 24px;
  --badge-font-size: 8px;
  --badge-top: 2px;
  --badge-right: 5px;
  --icon-size: 14px;
  --pagination-margin-top-bottom: 50px;
  --h2-margin: 10px 0;
  --h3-margin-top: 10px;
  --form-body-padding-left-right: 12px;
  --form-btn-padding-left-right: 5px;
  --form-btn-padding-top-bottom: 3px;
  --form-element-padding-margin: 4px;
  --form-btn-icon-margin-right: 4px;
  --code-block-padding: 5px;
  --post-wrapper-padding-left-right: 10px;
  --post-wrapper-padding-top-bottom: 3px;
  --op-header-padding-left: 5px;
  --op-body-margin-bottom: 5px;
  --post-header-padding-top: 4px;
  --post-header-padding-left-right: 7px;
  --post-body-margin-bottom: 10px;
  --post-body-margin-top: 5px;
  --threads-separator-margin-top-bottom: 0.5em;
  --help-cell-padding-top-bottom: 3px;
  --search-title-margin-top: 9px;
  --search-title-margin-bottom: 5px;
  --search-form-body-padding-left-right: 10px;
  --chat-post-padding-left-right: 4px;
  --chat-post-padding-top-bottom: 1px;
  --chat-post-info-padding-right: 0.5ex;
  --chat-frame-padding-top-bottom: 20px;
  --separator-padding-top-bottom: 0;
}
[class^="icon-"],
[class*=" icon-"] {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  filter: invert(90.1%);
  width: var(--icon-size);
  height: var(--icon-size);
}
.icon-chat {
  background-image: url("/static/ui3/images/icons/chat.png");
}
.icon-cog {
  background-image: url("/static/ui3/images/icons/cog.png");
}
.icon-hdots:before {
  content: "\e902";
}
.icon-help {
  background-image: url("/static/ui3/images/icons/help.png");
}
.icon-omega {
  background-image: url("/static/ui3/images/icons/omega.png");
}
.icon-search:before {
  content: "\e905";
}
.icon-vdots:before {
  content: "\e906";
}
.icon-align_right:before {
  content: "\e907";
}
.icon-align_top:before {
  content: "\e908";
}
.icon-collapsed:before {
  content: "\e909";
  font-size: 20px;
}
.icon-expanded:before {
  content: "\e90a";
  font-size: 20px;
}
.icon-fav_add:before {
  content: "\e90b";
}
.icon-fav_remove:before {
  content: "\e90c";
}
.icon-popin:before {
  content: "\e90d";
}
.icon-popout:before {
  content: "\e90e";
}
.icon-reply {
  background-image: url("/static/ui3/images/icons/reply.png");
}
.icon-reply-left {
  background-image: url("/static/ui3/images/icons/reply_left.png");
}
.icon-close:before {
  content: "\e911";
}
.icon-save:before {
  content: "\e912";
}
.icon-eye {
  background-image: url("/static/ui3/images/icons/eye.png");
}
.icon-eye-blocked {
  background-image: url("/static/ui3/images/icons/eye_blocked.png");
}
.icon-angle-double-up:before {
  content: "\f102";
}
.icon-angle-double-down:before {
  content: "\f103";
}
.icon-plus-square {
  background-image: url("/static/ui3/images/icons/plus_square.png");
}
.icon-minus-square {
  background-image: url("/static/ui3/images/icons/minus_square.png");
}
.icon-import {
  background-image: url("/static/ui3/images/icons/import.png");
}
.icon-export {
  background-image: url("/static/ui3/images/icons/export.png");
}
.icon-enter {
  background-image: url("/static/ui3/images/icons/enter.png");
}
.icon-exit {
  background-image: url("/static/ui3/images/icons/exit.png");
}
#boards_page {
  padding: var(--general-padding-top-bottom) var(--general-padding-left-right);
}
#menu {
  height: var(--menu-height);
  display: flex;
  flex-direction: row;
  background-color: #2b2b2b;
  color: #e6e6e6;
}
#menu .item {
  text-decoration: none;
  display: flex;
  align-items: center;
  padding-left: var(--general-padding-left-right);
  padding-right: var(--general-padding-left-right);
  background-color: #2b2b2b;
  color: inherit;
  min-width: var(--icon-size);
  position: relative;
}
#menu .item:hover {
  background-color: #737373;
}
#menu .item.selected {
  background-color: #7023b7;
}
#menu .badge {
  background-color: #fa3e3e;
  border-radius: 2px;
  color: #e6e6e6;
  padding: 1px 3px;
  font-size: var(--badge-font-size);
  font-weight: bold;
  font-family: initial;
  position: absolute;
  top: var(--badge-top);
  right: var(--badge-right);
}
#menu_container {
  height: var(--menu-height);
}
body.menu_fixed {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
body.menu_fixed #main_container {
  overflow: auto;
}
.pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 var(--general-padding-left-right);
  margin: var(--pagination-margin-top-bottom) 0;
}
.pagination .item {
  color: initial;
  background-color: #fcfcfc;
}
.pagination .link {
  display: inline-block;
  padding: 5px 10px;
  text-decoration: none;
}
.pagination .link:hover {
  background-color: #969696;
  color: white;
}
.pagination .link.selected {
  background-color: #c8c8c8;
}
.pagination .link.selected:hover {
  background-color: #969696;
}
.pagination .pagination_gap {
  padding: 5px;
  cursor: default;
}
.pagination .pagination_gap::after {
  content: "…";
}
.post .body {
  word-wrap: break-word;
}
.quote {
  color: #6b8e23;
}
.post {
  max-width: 100%;
}
.post:target {
  background-color: #FFFAF4;
}
.post .post_ref {
  border-bottom: dashed 1px #6666cc;
  cursor: pointer;
  display: inline-block;
  height: 1.2em;
}
.post .post_ref a {
  text-decoration: none;
}
.post pre > code {
  background-color: #f6f6f6;
  color: black;
  display: block;
  overflow-x: auto;
  padding: var(--code-block-padding);
}
.post pre {
  margin: 0;
  overflow-y: inherit;
}
.post .banned {
  text-decoration: line-through;
}
.post .name {
  font-weight: bold;
  font-family: monospace;
  font-size: 120%;
}
.post_wrapper {
  padding-left: var(--general-padding-left-right);
  padding-right: var(--general-padding-left-right);
  padding-top: var(--post-wrapper-padding-top-bottom);
  padding-bottom: var(--post-wrapper-padding-top-bottom);
  background: #ebebeb;
}
.post_wrapper .post.original {
  background-color: initial;
}
.post_wrapper .post.original .header {
  padding-left: var(--op-header-padding-left);
  padding-top: 0;
}
.post_wrapper .post.original .body {
  margin-bottom: var(--op-body-margin-bottom);
}
.post {
  display: inline-block;
  background-color: #fcfcfc;
}
.post .id {
  font-weight: bold;
  font-family: monospace;
  font-size: 120%;
  user-select: all;
}
.post .post_ref.id {
  user-select: none;
}
.post .header {
  padding-top: var(--post-header-padding-top);
  padding-left: var(--post-header-padding-left-right);
  padding-right: var(--post-header-padding-left-right);
  padding-bottom: 0;
}
.post .header .id {
  padding: 0 0.5ex;
}
.post .header label {
  display: inline-flex;
}
.post .header label i {
  cursor: pointer;
  filter: invert(30%);
  width: 14px;
  height: 12px;
}
.post .body {
  padding-left: var(--general-extra-padding-left-right);
  padding-right: var(--general-extra-padding-left-right);
  margin-bottom: var(--post-body-margin-bottom);
  margin-top: var(--post-body-margin-top);
}
.post .name {
  color: #3c3c3c;
  font-weight: bold;
}
.post .date {
  color: gray;
}
.post .update_hidden_by_op_form {
  padding: 0;
  margin: 0;
  display: inline-flex;
}
.post .update_hidden_by_op_form .hide_by_op_btn {
  padding: 0;
  margin: 0;
  background: none;
  display: inline-flex;
}
.post .update_hidden_by_op_form .hide_by_op_btn i {
  width: 13px;
  height: 12px;
  display: inline-flex;
  filter: invert(30%);
}
.post_wrapper .post_hidden_cbx:checked ~ .post {
  opacity: 0.5;
}
.post_wrapper .post_hidden_cbx:checked ~ .post .body {
  display: none;
}
.post_wrapper .post_hidden_cbx:checked ~ .post .header {
  padding-bottom: var(--general-padding-top-bottom);
}
.post_wrapper .post_hidden_cbx:checked ~ .post .hide {
  display: none;
}
.post_wrapper .post_hidden_cbx:checked ~ .post .unhide {
  display: inline-flex;
}
.post_wrapper .hide {
  display: inline-flex;
}
.post_wrapper .unhide {
  display: none;
}
form {
  padding: var(--general-padding-top-bottom) var(--general-padding-left-right);
}
.form_body {
  padding-left: var(--form-body-padding-left-right);
  padding-right: var(--form-body-padding-left-right);
}
.reply_tbx,
.post_tbx {
  width: 100%;
  max-width: 100%;
  margin: 0;
  min-height: 100px;
  height: 100px;
  max-height: 500px;
}
.form_btn {
  background-color: #737373;
  color: whitesmoke;
  padding: var(--form-btn-padding-top-bottom) var(--form-btn-padding-left-right);
  margin-top: var(--form-element-padding-margin);
  font-weight: bold;
  font-family: sans-serif, monospace;
}
.form_btn[disabled] {
  opacity: 0.5;
}
.form_btn:hover[disabled] {
  cursor: default;
}
.form_btn:hover:not([disabled]) {
  background-color: #555555;
}
.form_btn .icon-reply,
.form_btn .icon-reply-left,
.form_btn .icon-search {
  display: inline-block;
  height: 12px;
  width: 12px;
  margin-right: var(--form-btn-icon-margin-right);
}
.form_btn .icon-reply:before,
.form_btn .icon-reply-left:before,
.form_btn .icon-search:before {
  font-size: 12px;
}
.below_tbx .stay_here_lbl {
  padding-left: var(--general-padding-left-right);
  color: #808080;
  font-size: 0.96em;
}
.below_tbx .stay_here_lbl .stay_here_cbx {
  margin-right: 5px;
}
.new_thread_form .inputs_container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: var(--form-element-padding-margin);
}
.new_thread_form .inputs_container input {
  margin-top: var(--form-element-padding-margin);
  min-width: 0;
}
.new_thread_form #board_name_input {
  width: 100px;
  margin-right: var(--form-element-padding-margin);
}
.new_thread_form #subject_input {
  flex-grow: 1;
}
.code_form .form_body input {
  width: 100%;
}
.thread_banner {
  padding-right: var(--general-padding-left-right);
  padding-left: var(--general-padding-left-right);
}
.thread_banner h3 {
  margin: 0;
  padding-left: var(--general-small-padding-left-right);
  padding-right: var(--general-small-padding-left-right);
}
.threads_separator {
  background-color: #c8c8c8;
  display: block;
  height: 0;
  border: 0;
  border-top: 1px solid #c8c8c8;
  margin: var(--threads-separator-margin-top-bottom) 0;
  padding: 0;
}
.shell_thread .thread_summary {
  padding-left: var(--general-padding-left-right);
  padding-right: var(--general-padding-left-right);
  padding-top: 5px;
  color: #808080;
  font-size: 0.96em;
}
.start_new_thread {
  text-align: center;
  margin-bottom: 0;
}
.help {
  flex-grow: 1;
  padding: var(--general-padding-top-bottom) var(--general-padding-left-right);
}
.help .group_title {
  padding-top: var(--general-padding-top-bottom);
  padding-bottom: var(--general-padding-top-bottom);
  font-size: 1.1em;
}
.help .group_title:first-child {
  padding-top: 0;
}
.help .qa {
  padding-bottom: var(--general-padding-top-bottom);
}
.help .qa .q {
  font-weight: bold;
}
.help .table {
  width: 100%;
}
.help .table .row .cell:first-child {
  width: 50%;
}
.help .table .row .cell:last-child {
  border-right: 1px solid lightgrey;
}
.help .table .row .cell {
  padding: var(--help-cell-padding-top-bottom) var(--general-padding-left-right);
  border-top: 1px solid lightgrey;
  border-left: 1px solid lightgrey;
}
.help .table .row:last-child .cell {
  border-bottom: 1px solid lightgrey;
}
.settings .setting_container {
  padding-left: 1px;
}
.settings .setting_container label:last-child {
  padding-left: 10px;
}
.settings .setting_container label:first-child {
  padding-right: 10px;
}
.settings .setting_container #max_width {
  width: 3em;
}
.settings .setting_container.width_container {
  padding-bottom: var(--form-element-padding-margin);
}
.import .group_title {
  padding-bottom: var(--general-padding-top-bottom);
  font-size: 1.1em;
  text-decoration: none;
}
.import .upload_container #ui_state {
  width: 100%;
}
body:not(.show_thumbs) .thumb .image {
  display: none;
  background-image: none !important;
}
body.show_thumbs .thumb {
  position: relative;
}
body.show_thumbs .thumb span {
  display: none;
}
body.show_thumbs .thumb .image_parent {
  width: 100%;
}
body.show_thumbs .thumb .image_parent::before {
  position: absolute;
  background-color: #7023b7;
  color: #e6e6e6;
  padding: 0 2px;
  font-size: 9px;
  font-weight: bold;
}
body.show_thumbs .thumb .image {
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
}
body.show_thumbs .youtube_thumb,
body.show_thumbs .ploudfr_thumb,
body.show_thumbs .librevideo_thumb,
body.show_thumbs .peertubesocial_thumb,
body.show_thumbs .webm_thumb {
  display: flex;
  justify-content: center;
  height: 180px;
  width: 320px;
  outline: 1px dashed #818181;
}
body.show_thumbs .youtube_thumb .image,
body.show_thumbs .ploudfr_thumb .image,
body.show_thumbs .librevideo_thumb .image,
body.show_thumbs .peertubesocial_thumb .image,
body.show_thumbs .webm_thumb .image {
  height: 180px;
  width: 320px;
  background-size: cover;
}
body.show_thumbs .imgur_thumb {
  display: flex;
  height: 180px;
  width: 320px;
}
body.show_thumbs .imgur_thumb .image {
  max-height: 180px;
  max-width: 320px;
}
body.show_thumbs .imgur_thumb .image_parent::before {
  content: "Imgur";
}
body.show_thumbs .twitter_thumb {
  display: block;
  height: 150px;
  width: 150px;
}
body.show_thumbs .twitter_thumb .image {
  height: 150px;
  width: 150px;
}
body.show_thumbs .twitter_thumb .image_parent::before {
  content: "Twitter";
}
body.show_thumbs .imgur_thumb .image,
body.show_thumbs .twitter_thumb .image {
  display: block;
  overflow: hidden;
}
body.show_thumbs .youtube_thumb .image_parent::before {
  content: "YouTube";
}
body.show_thumbs .ploudfr_thumb .image_parent::before {
  content: "ploud.fr";
}
body.show_thumbs .librevideo_thumb .image_parent::before {
  content: "libre.video";
}
body.show_thumbs .peertubesocial_thumb .image_parent::before {
  content: "libre.video";
}
body.show_thumbs .spoiler:hover .thumb .image {
  background-color: initial;
  background-blend-mode: normal;
}
body.show_thumbs .spoiler:hover .thumb .image_parent::before {
  z-index: 0;
}
body.show_thumbs .spoiler .thumb .image {
  background-color: #ccc !important;
  background-blend-mode: hue;
}
body.show_thumbs .spoiler .thumb .image_parent::before {
  z-index: -1;
}
#chat_page {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
#chat_page .chat_form_container {
  width: 100%;
}
#chat_page .chat_form_container .chat_form {
  padding-left: 0;
  padding-right: 0;
}
#chat_page .chat_form_container .chat_form .form_body {
  padding: 0;
  display: flex;
  flex-direction: row;
}
#chat_page .chat_form_container .chat_form .form_body .chat_tbx {
  width: 100%;
  margin-left: var(--chat-post-padding-left-right);
  margin-right: var(--form-element-padding-margin);
}
#chat_page .chat_form_container .chat_form .form_body .form_btn {
  margin: 0;
}
#chat_page .chat_form_container .chat_form .form_body .form_btn .icon-reply-left {
  margin-right: 0;
}
#chat_page .chat_frame_container {
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: row;
}
#chat_page .chat_frame_container iframe {
  flex-grow: 1;
  border: none;
  width: 100%;
}
#chat_frame {
  display: flex;
  flex-direction: column;
  padding: var(--chat-frame-padding-top-bottom) 0;
}
#chat_frame .post .id {
  padding: 0 0.5ex;
}
#chat_frame .post {
  display: flex;
  flex-direction: row;
  padding: 0 var(--chat-post-padding-left-right);
  background-color: initial;
}
#chat_frame .post .info {
  padding: var(--chat-post-padding-top-bottom) var(--chat-post-info-padding-right) var(--chat-post-padding-top-bottom) 0;
  display: flex;
  flex-direction: row;
  border-right: 1px solid #c8c8c8;
}
#chat_frame .post .info .info_name {
  min-width: 85px;
  text-align: right;
}
#chat_frame .post .info .info_id {
  padding-right: var(--chat-post-info-padding-right);
}
#chat_frame .post .body {
  padding: var(--chat-post-padding-top-bottom) 0 var(--chat-post-padding-top-bottom) var(--chat-post-info-padding-right);
  margin: 0;
  min-width: 0;
  flex-grow: 1;
}
#chat_frame .post .body .board_thread_links {
  float: right;
  background: #efefef;
  padding: 0 0.5ex;
  line-height: initial;
  margin: 2px 0 2px 5px;
}
#chat_frame .post.from_other_board {
  background-color: #fcfcfc;
}
.days_separator {
  padding: var(--separator-padding-top-bottom) 0;
  text-align: center;
  font-size: 0.8em;
  position: relative;
  z-index: 0;
}
.days_separator::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  border-top: 1px #666 solid;
  z-index: -1;
}
.days_separator .date {
  background: #666;
  color: white;
  padding: 0 5px;
  display: inline-block;
}
.embed iframe {
  border: none;
  outline: 1px dashed #818181;
}
.bitchute_embed iframe {
  height: 180px;
  width: 320px;
}
.group_title {
  padding-top: var(--general-padding-top-bottom);
  padding-bottom: var(--general-padding-top-bottom);
  font-size: 1.1em;
}
.group_title:first-child {
  padding-top: 0;
}
#login_page {
  padding: var(--general-padding-top-bottom) var(--general-padding-left-right);
}
#login_page input {
  width: 200px;
  box-sizing: border-box;
}
#login_page #signup_pow {
  width: 100%;
}
#login_page form {
  padding: 0;
}
#login_page form .table {
  width: 100%;
}
#login_page form .table .cell.label {
  width: 120px;
}
#login_page form .table .cell {
  padding-bottom: var(--form-element-padding-margin);
}
#login_page .pow_instructions_title {
  font-weight: bold;
}
#login_page samp {
  word-wrap: break-word;
}
#profile_page {
  padding: var(--general-padding-top-bottom) var(--general-padding-left-right);
}
#profile_page .table {
  width: 100%;
}
#profile_page .table .cell:first-child {
  width: 100px;
}
#profile_page .table .cell:last-child {
  text-align: right;
}
#profile_page .icon-exit {
  margin-right: var(--form-btn-icon-margin-right);
  display: inline-block;
  width: 12px;
  height: 12px;
}
a {
  color: #7023b7;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
h2 {
  margin: var(--h2-margin);
}
h3 {
  margin-top: var(--h3-margin-top);
}
button {
  border: 0;
  cursor: pointer;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.table {
  display: table;
}
.table .row {
  display: table-row;
}
.table .row .cell {
  display: table-cell;
}
input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
  margin: 0;
}
input,
select,
textarea {
  padding: var(--textbox-padding-top-bottom) var(--textbox-padding-left-right);
  margin: 0;
  border: 1px solid darkgray;
}
body {
  margin: 0;
  font-family: sans-serif;
  line-height: var(--line-height);
}
textarea {
  display: block;
  box-sizing: border-box;
  line-height: var(--textarea-line-height);
}
.hidden {
  display: none !important;
}
.hidden_text {
  font-size: 0 !important;
}
#main_container {
  background-color: #ebebeb;
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - var(--menu-height));
}
.flexbox_space {
  flex-grow: 1;
}
.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.board_banner,
.start_new_thread {
  padding-right: var(--general-extra-padding-left-right);
  padding-left: var(--general-extra-padding-left-right);
  text-align: center;
}
.id {
  position: relative;
  user-select: none;
}
.id .full_id_block {
  font-family: monospace;
  display: none;
  position: absolute;
  left: 0;
  top: -23px;
  padding-bottom: 5px;
  background-color: transparent;
  user-select: all;
}
.id .full_id_block .full_id {
  font-weight: bold;
  background-color: #2b2b2b;
  color: #e6e6e6;
  padding: 0 0.5ex;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
  cursor: text;
}
.id:hover .full_id_block {
  display: block;
}
.group_title {
  text-decoration: underline;
}
.spoiler {
  color: #CCC;
  background-color: #CCC;
}
.spoiler:hover {
  color: #000;
}
.spoiler:hover a {
  color: #7023b7;
}
.spoiler a {
  color: inherit;
}
.error_message,
.success_message {
  text-align: center;
}
.nickname {
  font-weight: bold;
  font-family: monospace;
  font-size: 120%;
}
fieldset {
  margin: 0;
  padding: 0;
  border: none;
}