/******** Load style ********/

/* icons */
@import url('https://forumstatic.ru/files/001c/30/52/21092.css?v=2');

/* fonts */
@import url('https://forumstatic.ru/files/001c/8b/bf/79974.css?2');

/* root */
@import url('https://forumstatic.ru/files/001c/8b/bf/68326.css?1');

/* other */
@import url('https://forumstatic.ru/files/001c/8b/bf/58982.css?14');

/* dark */
@import url('https://forumstatic.ru/files/001c/8b/bf/77748.css?54');

/* mobile */
@import url('https://forumstatic.ru/files/001c/8b/bf/33921.css?79');

/* bottom css */
@import url('style_cs.1757966746.css');


/******** Main ********/

#pun {
  position: relative;
  max-width: 1010px;

  margin: 0 auto 29px;
  padding: 457px 0 20px;
  box-sizing: border-box;
}


/******** Navs ********/

#pun-navlinks ul,
#pun-ulinks ul {
  position: relative;

  display: flex;
  justify-content: center;
  gap: 15px;
}

#pun-ulinks a:hover {
  color: var(--accent-1);
}

/* top */

#pun-navlinks {
  position: absolute;

  top: 7px;
  left: 0;
  right: 0;

  height: auto;
  font-size: var(--size-14);
  font-family: var(--moisette);
  text-transform: lowercase;

  padding: 0;

  box-sizing: border-box;

  z-index: 99;
}

#pun-navlinks a {
  position: relative;
  color: rgb(var(--white));
}

#pun-navlinks a::before {
  position: absolute;
  content: '';

  right: 0;
  bottom: 0;

  width: 0;
  height: 1px;
  background: rgb(var(--white));

  transition: var(--transition);
}

#pun-navlinks a:hover::before {
  left: 0;
  right: auto;
  width: 100%;
}

/* bottom */

#pun-ulinks {
  position: relative;

  display: flex;
  align-items: flex-end;
  justify-content: center;

  height: 56px;
  background: rgb(var(--body));
  text-transform: lowercase;

  margin-bottom: 0;
  z-index: 1;
}

#pun-ulinks.scroll.sticky {
  top: 36px;
}

#pun-ulinks a {
  color: rgb(var(--accent-1));
}

#pun-navlinks.fixed {
  position: fixed;
  top: 0;

  max-width: 1010px;
  height: 44px;
  background: rgb(var(--body));

  margin: 0 auto;
  padding-top: 5px;
  z-index: 99;
}

#pun-ulinks.fixed {
  position: fixed;
  top: 23px;

  max-width: 1010px;
  width: 100%;
  height: auto;

  margin: 0 auto;
  z-index: 99;
}

#pun-navlinks.fixed a {
  color: rgb(var(--accent-txt-1));
}

#pun-navlinks.fixed a:hover {
  color: rgb(var(--accent-txt-1));
}

#pun-navlinks.fixed a::before {
  background: rgb(var(--accent-txt-1));
}


/******** Category ********/

.category {
  position: relative;
  margin: 0 0 10px;
}

.category h2,
#pun-stats h2 {
  position: relative;

  height: 50px;
  background: var(--category);

  font-size: 64px;
  font-family: var(--calben);
  text-transform: uppercase;
  text-align: center;
  color: rgb(var(--gray-10));
  line-height: 1.1;

  overflow: hidden;
}

.category .container {
  max-height: 1000px;
  transition: var(--transition);
}

.category table,
.category td {
  display: block;
}

.category tbody {
  display: block;
  position: relative;
  z-index: 1;
}

.category table tr {
  display: flex;
  align-items: center;
  justify-content: space-between;

  background: rgba(var(--white), .3);
  text-align: left;

  padding: 10px 20px;
  box-sizing: border-box;
}

.category table tr.inew {
  background: rgba(var(--white), .5);
}

.category table tr .tcl {
  width: 60%;
  max-width: 518px;
}

.category table tr .tcl .intd {
  position: relative;
}

.category table tr .tcl .icon {
  position: absolute;
  top: 50%;
  right: -65px;

  width: 38px;
  height: 74px;
  background: var(--old);
  background-size: contain;

  transform: translateY(-50%);
}

.category table tr.inew .tcl .icon {
  width: 43px;
  background: var(--new);
  background-size: contain;
}

.forum table tr .tcr,
.category table tr .tcr {
  display: flex;
  gap: 10px;
  align-items: center;

  max-width: 238px;
  width: 24%;

  margin-left: auto;
}

.category table tr .tcr .lastpost-link {
  font-weight: 500;
  line-height: .9;
  font-size: var(--size-11);
  text-transform: lowercase;
}

.category table tr .tcr .lastpost {
  display: block;
  font-size: var(--size-9);

  margin-top: 3px;
  margin-bottom: 6px;

  opacity: .6;
}

.category table tr .Add {
  font-size: var(--size-9);
  width: 92px;
  color: rgb(var(--gray-6));
}

.category table h3 a {
  position: relative;

  font-size: var(--size-20);
  font-family: var(--calben);
  font-style: italic;
  font-weight: 400;
  color: rgb(var(--accent-txt-1));
  text-transform: uppercase;

  overflow: hidden;
}

.category table h3 a::before {
  position: absolute;
  content: '';

  right: 0;
  bottom: 0;

  width: 0;
  height: 1px;
  background: rgb(var(--accent-txt-1));

  transition: var(--transition);
}

.category table h3 a:hover::before {
  left: 0;
  right: auto;
  width: 100%;
}

.category table .f_desc_wrap {
  color: rgb(var(--gray-8));
  font-size: var(--size-10);
  font-family: var(--pragmatica);

  margin-top: 8px;
}

.category table .f_desc_wrap b {
  text-transform: uppercase;
}

.category table .f_links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 9px;

  margin-top: 10px;
}

.category table .f_links a {
  background: rgb(var(--accent-1));

  font-size: var(--size-11);
  line-height: 1;
  font-family: var(--moisette);
  font-weight: 400;
  font-style: italic;
  color: rgb(var(--white));
  text-transform: lowercase;

  border-radius: 13px;
  padding: 7px 22px;
}

.category table .f_links a.f_desc_wrap-none {
  position: relative;
  display: block;
  background: none;
  border-radius: 5px;
  padding: 0;
}

.category table .f_links a img {
  display: block;
  border-radius: 5px;
  transition: var(--transition);
  opacity: .7;
}

.category table .f_links img:hover {
  opacity: 1;
}

.category table .f_links a:hover {
  background: rgb(var(--accent-2));
}


/******** Statistics ********/

.statscon {
  position: relative;
  background: rgba(var(--white), .3);
  padding: 15px 20px 35px;
}

.statscon .container {
  text-align: left;
}

.statscon .ststitems {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -9px;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  width: max-content;
  background: rgb(var(--body));

  text-transform: uppercase;
  font-size: var(--size-9);

  border: 1px solid rgb(var(--accent-1));
  border-radius: 5px;

  margin: 0 auto;
  padding: 5px 10px 7px;
}

.statscon .ststitems li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse;
  gap: 2px;
}

/* users */
#onlinelist.onlinelist {
  margin-bottom: 15px;
}

#onlinelist span a {
  color: rgb(var(--accent-txt-1));
  opacity: .8;
}

#onlinelist span a:hover {
  opacity: 1;
}

/* all info */

.statscon .users_online {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex-wrap: nowrap;
  justify-content: flex-start;
  gap: 4px;

  width: 136px;
  border-bottom: 1px dashed rgba(var(--white), .3);
  padding: 3px 15px 10px 0;
}

/* main */

.statscon .stars .item4,
.statscon .users_online li {
  display: inline-block;

  font-size: var(--size-10);
  font-family: var(--moisette);
  text-transform: uppercase;
  letter-spacing: 1px;

  border: 1px solid rgba(var(--white), .7);
  border-radius: 14px;

  padding: 1px 11px 2px;
}

.statscon .stars .item4 strong,
.statscon .users_online li strong {
  font-weight: 400;
}

.statscon .users_online li span,
.statscon .stars .item4 span {
  display: inline-block;
  padding-top: 2px;
  margin-right: 1px;
}

.statscon .users_online li strong {
  font-family: var(--moisette);
  font-size: var(--size-12);
  letter-spacing: 1px;
  line-height: .9;
}


/******** Rusff ********/

#pun-about {
  position: absolute;

  left: 0;
  right: 0;
  bottom: -23px;

  background: none;

  text-align: center;
  font-weight: 300;
  text-transform: uppercase;
  font-size: var(--size-9);
  letter-spacing: 1px;
}

#pun-about a {
  color: rgb(var(--white));
  opacity: .4;
}

#pun-about a:hover {
  opacity: 1;
}


/******** Announcement ********/

#pun-status {
  position: relative;
  color: rgb(var(--accent-txt-2));
  padding-top: 14px;
  z-index: 9;
}

#pun-announcement {
  height: 0;
}

#pun-ulinks.fixed + #pun-announcement {
  height: 30px;
  background: rgb(var(--body));
}


/******** Pages/Top-bottom links ********/

.modmenu .container,
.linkst,
.linksb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;

  text-transform: lowercase;
}

.linkst,
.linksb {
  margin-top: 10px;
  margin-bottom: 10px;
}

#pun-viewtopic .linksb {
  flex-wrap: wrap;
  margin-bottom: 40px;
}

#pun-viewtopic .linksb .pagelink {
  order: 1;
}

#pun-viewtopic .linksb .postlink {
  order: 2;
}

#pun-viewtopic .linksb .subscribelink {
  order: 3;
  width: 100%;
  text-align: right;
  margin-top: 10px;
}

#pun-modviewforum .modmenu .container {
  justify-content: flex-end;
}

.modmenu#topic-users-in .container {
  display: block;
  margin: 20px 0;
}

#pun-modviewforum .modmenu .container strong {
  order: inherit;
  width: 100%;

  font-weight: 600;
  font-family: var(--moisette);
  text-align: right;
  margin-bottom: 5px;
}


#pun-main .postlink {
  display: flex;
  align-items: center;
  gap: 5px;
}

#pun-main .postlink.long {
  width: auto;
}

.modmenu strong {
  order: 2;
}

.modmenu span {
  order: 1;
}


/* pages */

.pagelink .pages,
.pagelink .page-container {
  display: flex;
  align-items: center;
  gap: 3px;
}

#pun-main .new-topic {
  padding-right: 0;
}

#pun-main .postlink a,
#pun-modviewforum .tcl .newtext a,
#pun-viewforum .tcl .newtext a,
#pun-searchtopics .tcl .newtext a,
#pun-messages .tcl .newtext a,
.modmenu strong a,
.new-poll a,
.new-topic a,
.pagelink strong,
.pagelink a {
  background: rgba(var(--white), .5);

  font-size: var(--size-11);
  font-family: var(--moisette);
  letter-spacing: 1px;
  text-transform: lowercase;
  text-align: center;

  border-radius: 6px;

  padding: 5px 8px 3px;
  box-sizing: border-box;
}

#pun-main .postlink a:hover,
#pun-modviewforum .tcl .newtext a:hover,
#pun-viewforum .tcl .newtext a:hover,
#pun-searchtopics .tcl .newtext a:hover,
#pun-messages .tcl .newtext a:hover,
.modmenu strong a:hover,
.new-poll a:hover,
.new-topic a:hover,
.pagelink strong,
.pagelink a:hover:hover {
  background: rgb(var(--accent-2));
  color: rgb(var(--white));
}

.modmenu strong a,
#pun-main .postlink a,
#pun-modviewforum .tcl .newtext a,
#pun-viewforum .tcl .newtext a,
#pun-searchtopics .tcl .newtext a,
#pun-messages .tcl .newtext a {
  display: inline-block;
  min-height: auto;
  border-radius: 6px;
  padding: 5px 8px 3px;
}

.pagelink strong {
  background: rgb(var(--accent-1));
  color: rgb(var(--white));
  font-weight: 400;
  pointer-events: none;
}

.pagelink strong:nth-child(2) {
  margin-left: 5px;
}

.linkst div#pun-live-rusff {
  text-transform: lowercase;
}


/******** Footer ********/

.footer_wrapper {
  width: calc(100% + 16px);
  height: 163px;
  background: var(--footer);
}

.bottombanners div {
  position: relative;
  right: 29px;
  top: 16px;

  display: grid;
  grid-template-columns: 88px 88px 88px 114px 88px 88px 88px;
  justify-content: center;
  gap: 6px;

  width: 716px;
  height: 105px;

  margin-left: auto;
  overflow: auto;
}

.bottombanners a {
  display: block;
  width: 88px;
  border-radius: 5px;
  opacity: .4;
}

.bottombanners a:hover {
  opacity: 1;
}

.bottombanners a:nth-child(6n+1) {
  grid-column: 1;
}

.bottombanners a:nth-child(6n+2) {
  grid-column: 2;
}

.bottombanners a:nth-child(6n+3) {
  grid-column: 3;
}

.bottombanners a:nth-child(6n+4) {
  grid-column: 5;
}

.bottombanners a:nth-child(6n+5) {
  grid-column: 6;
}

.bottombanners a:nth-child(6n+6) {
  grid-column: 7;
}


.bottombanners img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 5px;
}


/******** Themes ********/

#pun-viewtopic div#pun-live-rusff {
  height: 20px;
  text-transform: lowercase;
  margin: 2px 60px 5px auto;
  z-index: 9999;
}

#pun-viewtopic .cool1 {
  background: rgb(var(--accent-2));

  color: rgb(var(--white));
  font-size: var(--size-11);
  font-family: var(--pragmatica);


  border-right: none;
  border-radius: 5px 0 0 5px;

  margin-right: 0;
  padding: 1px 5px 2px 8px;

  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  text-shadow: none;
}

#pun-viewtopic .cool2 {
  width: 17px;
  height: 17px;
  background: rgb(var(--accent-3));

  color: rgb(var(--white));
  font-size: var(--size-11);
  font-family: var(--pragmatica);
  text-align: center;

  border: none;

  margin-right: 0;
  padding-top: 2px;
}

#pun-viewtopic div#pun-live-rusff-peoples {
  top: 22px;
  background: rgba(var(--white), .5);
  color: rgb(var(--accent-txt-1));
  border-radius: 5px;
  backdrop-filter: var(--blur-2);
}

#pun-viewtopic div.people-head {
  background: rgb(var(--accent-2));
  color: rgb(var(--white));
  font-size: var(--size-11);
  border-bottom: none;
  border-radius: 0;
}

#pun-viewtopic .cool3 {
  height: 17px;
  background: rgb(var(--accent-3));

  color: rgb(var(--white));
  font-size: var(--size-11);
  font-family: var(--pragmatica);
  font-weight: 400;

  border: none;
  border-left: none;
  border-radius: 0 5px 5px 0;

  cursor: pointer;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  text-shadow: none;

  padding: 1px 5px 1px 5px;
}

.post .container {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

  text-transform: none;
  border-radius: 0;

  padding: 0;
  margin-bottom: 7px;
}

.post .container .container {
  display: inline-block;
  background: none;

  padding: 0 !important;
  margin: 0;
}

.punbb .formal fieldset#post-preview {
  max-width: 758px;
  margin: 0 auto;
}

.post .post-body #post fieldset {
  background: rgba(var(--white), .3) !important;
}

.post .post-body #post .checkfield {
  display: flex;
}

.post .post-body #post .checkfield label {
  top: 0;
}

.post {
  position: relative;
}


/*** profile ***/

.post-author {
  position: relative;
  top: 0;

  width: 250px;

  text-align: center;
  color: rgb(var(--gray-2));

  margin-bottom: 25px;

  box-sizing: border-box;
}

.post-author ul {
  position: sticky;
  top: 46px;

  background: var(--profile) no-repeat rgb(var(--dark-accent-2));
  background-size: contain;
  border-radius: 10px;
  padding-bottom: 28px;
}

.post-author ul.margin_ico {
  margin-bottom: 25px;
}

.post[data-group-id="3"] .post-author ul {
  padding-bottom: 15px;
}

.post-author ul li {
  position: relative;
  width: 100%;
  margin: 0 auto;
  z-index: 1;
}

.pa-replies {
  font-size: var(--size-10);
  text-transform: lowercase;
}

/* name */
.post-author ul li.pa-author {
  width: 100%;
}

.pa-author {
  font-size: var(--size-16);
  font-family: var(--calben);
  color: rgb(var(--white));
  font-style: italic;
  line-height: 1.2;
  text-transform: uppercase;

  border-radius: 0;
  padding: 12px 10px 0;

  box-sizing: border-box;
}

.pa-author strong {
  font-weight: 40;
}

/* status */
.pa-title {
  font-size: var(--size-10);
  text-transform: lowercase;
  font-family: var(--moisette);
  font-weight: 400;

  padding: 0 0 5px;
}

/* avatar */
.pa-avatar {
  min-width: 190px;
  max-width: 190px;
  background: rgb(var(--dark-accent-1));

  border-radius: 10px 10px 0 0;

  padding: 5px !important;
  box-sizing: border-box;
}

.post-author.guest .pa-avatar {
  border-radius: 10px;
}

.pa-avatar a::before {
  display: none;
}

.pa-avatar img {
  display: block;
  max-width: 180px;

  border-radius: 10px;
  margin: 0 auto;

  transition: var(--transition);
  pointer-events: none;
}

/* lz */

.pa-fld2 .lz {
  max-width: 190px;
  background: rgb(var(--dark-accent-1));

  font-size: var(--size-10);
  border-radius: 0;

  margin: 0 auto;
  padding: 10px 8px 15px;
  box-sizing: border-box;
}

.pa-fld2 .lz a.ank {
  color: rgb(var(--accent-1));
  font-family: var(--moisette);
  font-style: italic;
  font-weight: 600;
  font-size: var(--size-14);
  text-transform: lowercase;
}

.pa-fld2 .lz a.ank:hover {
  color: rgb(var(--accent-2));
}

.pa-fld2 .lz a.ank::before {
  display: none;
}

.pa-fld2 .lz p {
  font-family: var(--roboto);
  margin: 0;
}

.pa-fld2 .lz p a {
  position: relative;
  color: rgb(var(--gray-2));
}

.pa-fld2 .lz p a:hover {
  color: rgb(var(--gray-2));
}

.pa-fld2 .lz p a::before {
  position: absolute;
  content: '';

  left: 0;
  bottom: 1px;

  width: 100%;
  height: 1px;
  background: rgb(var(--gray-2));

  transition: var(--transition);
}

.pa-fld2 .lz p a:hover::before {
  left: auto;
  right: 0;
  width: 0;
}


/* plashka */
.pa-fld1 {
  max-width: 190px;
  margin: 0 auto;
}

.pa-fld1 a::before {
  display: none;
}

.pa-fld1 .infoblock {
  display: none;
}

.pa-fld1 .userpl img {
  border-radius: 0 0 10px 10px;
}

/* icon */
.post-author .plah-ik {
  position: absolute;

  left: 0;
  right: 0;
  bottom: -17px;

  width: 32px;
  height: 32px;
  background: rgb(var(--dark-accent-2));

  border: 1px solid rgb(var(--dark-accent-1));
  border-radius: 50%;

  margin: 0 auto;
  padding: 2px;

  box-sizing: border-box;
  transition: var(--transition);
}

.post-author .plah-ik:hover {
  transform: scale(1.1);
}

.post-author .plah-ik img {
  max-width: 100%;
  max-height: 100%;
}


/* last visit */
.post-author ul li.pa-online,
.post-author ul li.pa-last-visit {
  position: absolute;
  top: 11px;
  left: 15px;

  width: 8px;
  height: 8px;
  background: rgba(var(--white), .5);

  font-size: 0;
  border-radius: 50%;

  opacity: .3;
  cursor: pointer;
}

.pa-online {
  background: rgb(var(--accent-1));

  -webkit-animation: pulse 1.1s linear infinite;
  -moz-animation: pulse 1.1s linear infinite;
  -ms-animation: pulse 1.1s linear infinite;
  -o-animation: pulse 1.1s linear infinite;
  animation: pulse 1.1s linear infinite;
}

.pa-online strong,
.pa-last-visit span {
  pointer-events: none;
}

/* group */
.field_wrap2 {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 4px;

  max-width: 190px;

  font-family: var(--roboto);
  font-size: var(--size-9);
  text-transform: lowercase;

  margin: 6px auto 0;
}

.field_wrap2 li {
  width: calc(100% / 4);
  background: rgba(var(--dark-accent-2), .7);

  border-radius: 5px;
  padding: 5px;

  box-sizing: border-box;
}

.field_wrap2 li .fld-name {
  display: block;
}

.field_wrap2 li br {
  display: none;
}

.field_wrap2 li.pa-respect i {
  margin-right: 3px;
}

.field_wrap2 li.pa-respect .fld-name + a::before {
  display: none;
}

.field_wrap2 li.pa-respect .fld-name + a:hover {
  color: rgb(var(--accent-2));
}

/* шкала */

.post-author ul li.pa-fld5 {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 0;
}

.pa-fld5 .rait-fon {
  position: relative;
}

.pa-fld5 .rait-fon::before {
  position: absolute;
  content: '';

  top: 0;
  left: 0;

  width: 100%;
  height: 100%;
  background: var(--gradiend);

  pointer-events: none;
  z-index: 1;
}

.pa-fld5 .rait-fon img {
  width: 100%;
  border-radius: 0 0 10px 10px;
}

/* ip */

.pa-ip {
  font-family: var(--roboto);
  font-size: var(--size-7);
  margin-top: 6px;
}

/* links */
.post-author a {
  position: relative;
  color: var(--gray-2);
}

.post-author a::before {
  position: absolute;
  content: '';

  right: 0;
  bottom: 0;

  width: 0;
  height: 1px;
  background: rgb(var(--gray-2));

  transition: var(--transition);
}

.post-author a:hover {
  color: var(--gray-2);
}

.post-author a:hover::before {
  left: 0;
  right: auto;
  width: 100%;
}


/*** header ***/

.punbb .post h3 {
  position: absolute;
  top: 0;
  right: 0;

  width: calc(100% - 258px);
  background: rgba(var(--white), .3);

  font-size: var(--size-14);
  font-family: var(--playfair);
  color: rgb(var(--accent-1));
  text-transform: lowercase;

  border-radius: 5px;
  border: 1px solid rgb(var(--white));

  padding: 3px 11px 5px;
  margin-left: auto;

  box-sizing: border-box;
  z-index: 1;
}

.punbb .post.full h3 {
  width: 100%;
}

.punbb .post h3 span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}

.punbb .post h3 span em {
  font-style: normal;
}

.punbb .post h3 .permalink {
  order: 1;
  font-weight: 600;
}

.punbb .post h3 .sharelink {
  order: 2;
}

.punbb .post h3 strong {
  order: 3;
  font-weight: 600;
  color: rgb(var(--accent-1));
  margin-left: auto;
}


/*** post ***/

.post .post-body {
  width: calc(100% - 258px);

  line-height: 1.4;
  text-align: justify;

  border-radius: 0;

  padding: 25px 0 0;
  box-sizing: border-box;
}

.post.full .post-body {
  width: 100%;
}

.post .post-content {
  padding-bottom: 20px;
}

.post .post-content p {
  margin: 16px 0;
}

.post .post-content td {
  border: none !important;
  vertical-align: top;
}


/* Bookmark */
.topic .post .bookmark {
  right: -20px;
  color: var(--accent-1);
  cursor: pointer;
}

.post .editBookmark {
  box-shadow: var(--shadow);
  border-radius: 0;
}

.post .editBookmark h1 {
  display: block !important;

  color: rgb(var(--body));
  font-family: var(--calben);
  text-transform: uppercase;
  font-size: var(--size-16);
  line-height: 1;

  padding: 3px 0 3px 30px;
  box-sizing: border-box;
}

.post .editBookmark span.delBookmark {
  position: relative;
  right: 15px;
  top: 7px;
  font-size: 0 !important;
  transition: var(--transition);
}

.post .editBookmark span.delBookmark:hover {
  color: var(--accent-1);
}

.post .editBookmark .container {
  background: rgba(var(--white), .3);
  padding: 10px !important;
}

.editBookmark .inputfield {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0 5px;
  grid-template-areas:
    'label label label'
    'input input button';

  color: transparent;
  font-size: 0;
  text-align: left;

  margin-bottom: 5px;
}

.editBookmark .inputfield input {
  color: initial;
}

.editBookmark #inpEditBm {
  grid-area: input;
}

.editBookmark .inputfield .button#btnSaveBm {
  grid-area: button;
  margin-left: 0;
}


/*** vote ***/

.post-vote a,
.post-rating a {
  display: block;
  position: relative;

  width: 24px;
  height: 24px;

  text-align: center;
}

.post div.post-vote p {
  margin: 0 10px !important;
}

.post div.post-vote a {
  font-size: 0 !important;
}

.post div.post-rating a {
  position: relative;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;

  font-size: var(--size-12) !important;
  color: rgb(var(--black));
  font-family: var(--moisette);
  font-weight: 700;

  width: auto;
  background: rgba(var(--white), .3);

  border: 1px solid rgb(var(--white));
  border-radius: 15px;

  padding: 4px 8px 1px;
}

.post-rating a::before {
  position: relative;
  content: '';
  top: -2px;

  width: 15px;
  height: 15px;
  background: var(--heart) no-repeat;
  background-size: contain;

  z-index: -1;
  transition: var(--transition);
}

.post-rating a:hover::before {
  background: var(--heart-hover) no-repeat;
  background-size: contain;
}

/*** links ***/

.post .post-links {
  display: none;
  position: relative;
  top: 0;

  justify-content: space-between;

  width: 100%;

  margin: 30px 0 10px;
  padding: 0;
  box-sizing: border-box;
}

.post .post-links div {
  display: flex;
  gap: 5px;
}

.post .post-links li {
  list-style: none;

  font-size: var(--size-11);
  font-family: var(--moisette);
  text-transform: lowercase;
}

.post-links .pl-email:last-of-type {
  margin-right: auto;
}

.post .post-links a {
  background: rgba(var(--white), .3);

  color: rgb(var(--accent-5));
  line-height: 1;
  font-weight: 600;

  border: 1px solid rgb(var(--white));
  border-radius: 15px;

  padding: 6px 10px 4px;
}

.post .post-links a:hover {
  color: rgb(var(--black));
}


/******** Profile ********/

#viewprofile ul {
  background: var(--background);
  background-position: 100% 100%;
  padding: 20px;
  border-radius: 10px;
}

#viewprofile ul tr {
  display: flex;
  gap: 10px;
}

#viewprofile #profile-left .post-author {
  top: 0;
  margin: 0;
}

#viewprofile #profile-left .post-author ul {
  position: relative;
  top: 0;
  background: var(--profile) no-repeat rgb(var(--dark-accent-2));
  background-size: contain;
  padding: 0 0 28px;
}

#viewprofile #profile-left li.pa-fld2 .lz,
#viewprofile #profile-left li.pa-avatar img,
#viewprofile #profile-left li {
  margin-left: auto;
}

#viewprofile #profile-left li.pa-fld2 .lz {
  padding-left: 8px;
}

#viewprofile #profile-left strong {
  font-weight: 400 !important;
}

#viewprofile #profile-left {
  width: 250px;
  overflow: unset;
}

#profile-left #pa-edit {
  margin-top: 5px;
}

#profile-left #pa-edit strong,
#profile-left #pa-edit a {
  display: block;
  width: 100%;
  box-sizing: border-box;
}

#profile-left #pa-edit a::before {
  display: none;
}

#profile-right {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  gap: 5px;
  width: calc(100% - 250px) !important;
  background: rgba(var(--dark-accent-2));
  color: rgb(var(--white));
  border-radius: 10px;
  padding: 20px !important;
  box-sizing: border-box;
}

#profile-right li {
  display: flex;
  align-items: center;
  flex-direction: column;
  min-width: calc(25% - 14px) !important;
  background: rgba(var(--white), .02);
  border-radius: 10px;
  padding: 5px;
}

#profile-right li#pa-email,
#profile-right li#pa-posts,
#profile-right li#pa-last-post,
#profile-right li#pa-last-visit {
  min-width: calc(50% - 14px) !important;
}

#profile-right li a:hover {
  color: rgb(var(--white));
}

#profile-right li span {
  width: 100%;
  font-family: var(--moisette);
  text-align: center;
  padding: 7px 12px 5px !important;
  box-sizing: border-box;
  background: rgba(var(--white), .04);
  border-radius: 15px;
}

#profile-right li strong {
  width: 100%;
  padding: 8px 0 0 !important;
  box-sizing: border-box;
  font-weight: 400;
  text-align: center;
}

#profile-right li strong span {
  width: auto;
  font-family: var(--pragmatica);
  border-right: none;
  padding: 0;
}

#viewprofile #profile-signature {
  color: rgb(var(--white));
  padding: 20px 0;
}

#viewprofile #profile-signature a:hover {
  color: rgb(var(--white));
}

#viewprofile #profile-signature ul {
  border-style: solid;
  border-color: rgba(var(--white), .1);
  padding: 0;
}


/*** edit ***/

#profile .container #profilenav {
  position: relative;
  top: 20px;

  display: flex;
  flex-direction: column;
  gap: 15px;

  width: 170px;

  font-size: var(--size-14);
  font-family: var(--moisette);
  font-weight: 500;
  text-transform: lowercase;

  float: left;
}

#profile .container #profilenav ul {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

#profile .container #profilenav .isactive a {
  color: rgb(var(--accent-txt-1));
}

#profile .container #profilenav .isactive a:hover {
  color: rgb(var(--black));
}

#profile .info,
#profile fieldset,
#profile .container form:not(#post),
#profile .formsubmit {
  width: calc(100% - 190px);
  margin-left: auto;
}

#profile #messages fieldset,
#profile fieldset fieldset,
#profile fieldset .formsubmit {
  width: 100%;
}

#profile #form-buttons {
  margin-bottom: 1em;
}

#profile4 .avatardemo {
  border-radius: 10px;
  margin-left: 10px;
}

#profile8 input[type='text'] {
  width: 100%;
  height: 100px;
  overflow-y: auto;
  white-space: pre-wrap;
}


/******** Info ********/

.main .info {
  background: rgba(var(--white), .3);
  text-align: center;
  padding: 20px;
}


/******** Login ********/

#login .fs-box {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

#login .fs-box .inputfield {
  margin: 0;
}

#login .fs-box .infofield {
  width: 100%;
  text-align: center;
  margin: 0;
}

#login .formsubmit {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: center;
  text-align: center;
}

#login .formsubmit .button {
  width: fit-content;
  margin: 0 auto;
}


/******** Tables ********/

#pun-main table {
  width: 100%;
}

#pun-main table td[colspan='3'],
#pun-main table td[colspan='4'] {
  width: 100%;
  text-align: center;
}

#pun-poll #form-area,
#pun-delete fieldset .fs-box,
#pun-multimove #pun-main #PMove_2 .Select_Topics,
#pun-respect #pun-main .container,
#pun-userlist #pun-main .usertable .container,
#pun-searchtopics #pun-main .container,
#pun-modviewforum #pun-main .container,
#pun-viewforum #pun-main .container,
#pun-positive #pun-main .container,
#pun-online #pun-main .container {
  position: relative;
  padding: 20px;
  background: rgba(var(--white), .3);
  box-sizing: border-box;
}

#pun-searchtopics #pun-main .modmenu .container,
#pun-viewforum #pun-main .modmenu .container,
#pun-modviewforum #pun-main .modmenu .container {
  background: none;
  padding: 0;
}

.forum + .modmenu .container {
  justify-content: flex-end;
}

#filetable tr .tcl,
#pun-edit #pun-main .history_posts_list tr th:first-child,
#pun-edit #pun-main .history_posts_list tr td:first-child,
#pun-online #pun-main .container tr .username {
  text-align: left;
}

#pun-online #pun-main .online-list .username {
  width: 40%;
}

#pun-online #pun-main .online-list .action {
  width: 45%;
  text-align: left;
  padding-left: 12px;
}

#pun-online #pun-main .online-list .tc3 {
  width: 15%;
}

#pun-online #pun-main .container tr .tc2,
#pun-online #pun-main .container tr .tc3 {
  display: table-cell;
}

#pun-online #pun-main .online-list .tc3 {
  width: 25%;
  text-align: right;
}

#pun-multimove #pun-main .container tr td:not(.notification-item),
#pun-viewforum #pun-main .container tr td:not(.notification-item),
#pun-searchtopics #pun-main .container tr td:not(.notification-item),
#pun-modviewforum #pun-main .container tr td:not(.notification-item),
#pun-userlist #pun-main .container tr td:not(.notification-item),
#pun-respect #pun-main .container tr td:not(.notification-item),
#pun-positive #pun-main .container tr td:not(.notification-item),
#profile .container form fieldset .fs-box .container table tr td:not(.notification-item),
#filetable tr td:not(.notification-item),
#pun-online #pun-main .container tr td:not(.notification-item),
#pun-edit #pun-main .history_posts_list tr td:not(.notification-item) {
  padding-top: 5px;
  padding-bottom: 5px;
}

#pun-multimove #pun-main .container tr td:not(.notification-item),
#pun-viewforum #pun-main .container tr td:not(.notification-item),
#pun-searchtopics #pun-main .container tr td:not(.notification-item),
#pun-modviewforum #pun-main .container tr td:not(.notification-item),
#pun-userlist #pun-main .container tr td:not(.notification-item),
#pun-respect #pun-main .container tr td:not(.notification-item),
#pun-positive #pun-main .container tr td:not(.notification-item),
#profile .container form fieldset .fs-box .container table tr td:not(.notification-item),
#filetable tr td:not(.notification-item),
#pun-online #pun-main .container tr td:not(.notification-item),
#pun-edit #pun-main .history_posts_list tr td:not(.notification-item),
#pun-userlist #pun-main .container tr th,
#pun-edit #pun-main .history_posts_list tr th,
#profile .container form fieldset .fs-box .container table th,
#pun-main .forum tr th,
#pun-respect #pun-main .container tr th,
#filetable thead tr th,
#pun-positive #pun-main .container tr th,
#pun-online #pun-main .container tr th,
#pun-multimove #pun-main .container tr th {
  border-bottom: none;
}

.punbb .main .forum thead th,
.punbb .main .usertable thead th,
#profile .container form fieldset .fs-box .container table thead th,
#filetable thead tr .header,
#filetable thead tr .ft-image,
#pun-multimove #pun-main .container tr th,
#pun-respect #pun-main .container tr th,
#pun-positive #pun-main .container tr th,
#pun-edit #pun-main .history_posts_list tr th,
#pun-online #pun-main .container tr th {
  font-size: var(--size-11);
  text-transform: lowercase;
  font-family: var(--moisette);
  font-weight: 400;

  padding-top: 5px;
  padding-bottom: 5px;
}

#pun-respect #pun-main .container tr:not([data-type="vote"]):not([data-type="mention"]),
#pun-positive #pun-main .container tr:not([data-type="vote"]):not([data-type="mention"]),
#pun-online #pun-main .container tr th {
  padding-left: 0;
}

#pun-userlist #pun-main .container table,
#pun-online #pun-main .container table {
  width: 100%;
}

#pun-edit #pun-main .history_posts_list tr,
#pun-admain table tr,
.punbb .main .usertable tr,
#pun-respect #pun-main .container tr,
#pun-positive #pun-main .container tr,
#pun-online #pun-main .container tr {
  transition: var(--transition);
}

#pun-multimove #pun-main .container tr td:not(:last-child):not(.notification-item),
#pun-userlist #pun-main .container tr td:not(:last-child):not(.notification-item),
#pun-respect #pun-main .container tr td:not(:last-child):not(.notification-item),
#pun-positive #pun-main .container tr td:not(:last-child):not(.notification-item),
#pun-searchtopics #pun-main .container tr td:not(:last-child):not(.notification-item),
#pun-viewforum #pun-main .container tr td:not(:last-child),
#profile .container form fieldset .fs-box .container table td:not(:last-child):not(.notification-item),
#pun-edit #pun-main .history_posts_list tr td:not(:last-child):not(.notification-item),
#pun-modviewforum #pun-main .container tr td:not(:last-child):not(.notification-item),
#filetable tr td:not(:last-child):not(.notification-item),
#pun-online #pun-main .container tr td:not(:last-child):not(.notification-item) {
  border-right: none;
}


.punbb .main .usertable table,
.punbb .main .usertable thead,
.punbb .main .usertable tbody,
.punbb .main .usertable td {
  display: block;
}

.punbb .main .usertable tr {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  text-align: center;
  padding-left: 0;
}

.punbb .main .usertable .username {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 25%;

  text-align: left;
}

.punbb .main .usertable .title,
.punbb .main .usertable .user_title {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 20%;
}

.punbb .main .usertable .relation {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 10%;
}

.punbb .main .usertable .posts,
.punbb .main .usertable .num_posts {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 10%;
}

.punbb .main .usertable .registered {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 20%;
}

.punbb .main .usertable .last_visit {
  display: flex;
  align-items: center;
  justify-content: flex-end;

  width: 15%;

  text-align: right;
}


.main .forum table {
  width: 100%;
}

.main .forum table,
.main .forum thead,
.main .forum tbody {
  display: block;
}

.main .forum td {
  display: flex;
  align-items: center;
}

.main .forum tr {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  width: 100%;
}

.main .forum .tc2,
.main .forum .tc3 {
  justify-content: center;
  text-align: center;
}

.main .forum .tcl {
  width: 45%;
  text-align: left;
}

.main .forum .tcl strong a,
.main .forum .tcl .acchide + a,
#messages .tcl a {
  position: relative;
}

.main .forum .tcl strong a,
.main .forum .tcl .stickytext + a {
  font-weight: 500;
}

.main .forum .tcl strong a::before,
.main .forum .tcl .acchide + a::before,
.main .forum .tcl .stickytext + a::before,
.main .forum .tcl .closedatafield + a::before,
#messages .tcl a::before {
  display: inline-block;

  position: relative;
  content: 'Old';

  top: 1px;
  left: 0;

  width: 17px;

  font-family: var(--calben);
  font-size: var(--size-10);
  color: rgb(var(--gray-7));
  font-weight: 400;
  text-transform: uppercase;
  text-align: right;

  margin-right: 6px;
}

.main .forum .inew .tcl strong a::before,
#messages .inew .tcl a::before {
  content: 'New';
  color: rgb(var(--accent-txt-1));
}

.main .forum .tcl .stickytext + a::before {
  content: 'Imp';
  color: rgb(var(--accent-txt-1));
}

.main .forum .tcl .closedatafield + a::before {
  content: 'Cls';
}

.main .forum .tcl strong {
  font-weight: 500;
}

.main .forum .inew .tcr a,
.main .forum .tcr a:hover,
.main .forum .tc2 a:hover,
.main .forum .tcl a:hover,
.main .forum .tcl strong a {
  color: rgb(var(--accent-1));
}

.main .forum .inew .tcr a:hover,
.main .forum .tcr a,
.main .forum .tc2 a,
.main .forum .tcl a,
.main .forum .tcl strong a:hover {
  color: rgb(var(--accent-txt-1));
}

.main .forum .tc2 {
  width: 20%;
}

.main .forum .tc3 {
  width: 10%;
}

.main .forum .tcr {
  width: 25%;
  justify-content: flex-end;
}

.main .forum td.tcr {
  display: grid;
  grid-template-columns: calc(100% - 32px) 32px;
  grid-template-areas:
        "last ava"
        "user ava";
  text-align: right;
}

.forum .tcr .user-avatar {
  grid-area: ava;
  width: 23px;
  float: none;
  margin: 0 0 0 auto;
}

.forum .tcr a {
  grid-area: last;
  width: fit-content;
  margin: 2px 0 2px auto;
}

.forum .tcr .byuser {
  position: relative;
  bottom: 5px;

  display: block;
  grid-area: user;
  font-size: var(--size-9);
  font-weight: 300;

  opacity: .7;
}

.forum .tcr .user-avatar + a {
  position: relative;
  top: 5px;
}


#filetable .ft-image {
  background-size: cover;
}

#filetable tr .tcl,
#filetable table .tc2,
#filetable table .tc3,
#filetable table .tcr {
  text-align: center !important;
}

#filetable table .tcr.checker {
  text-align: right;
}


.Select_Topics .tcl {
  width: 80%;
  text-align: left;
}

.Select_Topics .tc2 {
  width: 20%;
  text-align: center;
}

#movePostsTable .formsubmit {
  text-align: center;
}


/****** messages *****/

#notify-settings .inp2 {
  display: flex;
  align-items: center;
}

#notify-settings #volume-set {
  float: none;
  flex-grow: 1;
}

#notify-settings #volSlider {
  background: rgba(var(--white), .6);
  border: none;
  box-shadow: none;
}

#notify-settings #volSlider .before {
  background: rgb(var(--accent-1));
}

#notify-settings #volSlider .thumb {
  background: rgb(var(--accent-2));
  top: -10px;
  box-shadow: none;
}


#messages table,
#messages thead,
#messages tbody,
#messages td {
  display: block;
}

#messages tr {
  display: flex;
  align-items: stretch;
}

#messages td.pmtcl1,
#messages td.pmtc24,
#messages td.pmtc33 {
  display: flex;
  align-items: center;
}

#messages .pmtcl1 {
  width: 50% !important;
  text-align: left;
}

#messages .pmtcl1 a {
  font-weight: 500;
}

#messages .pmtc22 {
  width: 20% !important;
}

#messages td.pmtc22 {
  display: grid;
  grid-template-columns: 32px calc(100% - 32px);
  grid-template-areas:
        "ava name";
  align-items: center;
  gap: 5px;

  padding-left: 10px;
  padding-right: 10px;
  text-align: left;

}

#messages td.pmtc22 .user-avatar {
  grid-area: ava;
}

#messages td.pmtc22 a {
  grid-area: name;
}

#messages .pmtc33 {
  width: 20% !important;
}

#messages .pmtc24 {
  width: 10% !important;
}

#messages .pmtc33,
#messages .pmtc24 {
  text-align: center;
  justify-content: center;
}

#profile .post-author {
  width: 200px;
}

.punbb #profile .post h3,
#profile .post .post-body {
  width: calc(100% - 208px);
}

#profile .pa-avatar {
  min-width: 160px;
  max-width: 160px;
  border-radius: 10px;
}

#profile .pa-avatar img {
  max-width: 160px;
}

#profile .linksb .clearer {
  display: none;
}

#pun-messages .post-links {
  display: block;
  margin: 0;
}

#pun-messages #post {
  margin-top: 20px;
}

#pun-profile #tags .container,
#pun-messages #tags .container {
  top: -8px !important;
}


#pun-multimegre .post-author ul,
#pun-multimove .post-author ul,
#pun-multidelete .post-author ul,
.main.search .post-author ul {
  background-size: cover;
  padding-bottom: 20px;
  padding-top: 5px;
}

#pun-multimegre .post .post-links,
#pun-multimove .post .post-links,
#pun-multidelete .post .post-links,
.main.search .post .post-links {
  display: block;
}

#pun-multimegre .post .post-links ul,
#pun-multimove .post .post-links ul,
#pun-multidelete .post .post-links ul,
.main.search .post .post-links ul,
#pun-messages .post-links ul {
  display: flex;
  gap: 5px;
  justify-content: flex-end;
}

#pun-multimegre .post .post-links ul .pl-select,
#pun-multimove .post .post-links ul .pl-select,
#pun-multidelete .post .post-links ul .pl-select,
.main.search .post .post-links ul .pl-select {
  display: flex;
  align-items: center;
  gap: 5px;
}

#pun-multimegre .modmenu .container,
#pun-multimove .modmenu .container,
#pun-multidelete .modmenu .container {
  justify-content: center;
}

#pun-multimegre .modmenu .container strong,
#pun-multimove .modmenu .container strong,
#pun-multidelete .modmenu .container strong {
  order: 1;
  width: 100%;
  text-align: center;
  font-weight: 500;
  font-family: var(--moisette);
  margin-bottom: 5px;
}

#pun-multimegre .modmenu input,
#pun-multimove .modmenu input,
#pun-multidelete .modmenu input {
  order: 2;
}

#pun-deleteposts .infofield,
#pun-deleteposts .formsubmit,
#pun-mergeposts .formsubmit {
  text-align: center;
}

#pun-modviewforum th.tcr {
  text-align: center;
  justify-content: center;
}

#pun-modviewforum td.tcr {
  padding-right: 10px;
}

#pun-viewtopic div#pun-live-rusff {
  margin: 2px 0 5px auto;
  font-size: var(--size-9);
}


/******* rep *******/

#pun-respect .removeReputation,
#pun-positive .removeReputation {
  position: relative;
  background: none !important;
}

#pun-respect .removeReputation::before,
#pun-positive .removeReputation::before {
  position: absolute;
  content: "\f00d";

  transform: translateY(-50%);
  top: 50%;
  right: -15px;

  font-size: 15px;
  font-weight: 900;
  font-family: var(--ico-font);
  text-align: center;
  color: var(--accent-txt-1);

  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
  transition: all ease-out 0.3s;
}

#pun-respect .removeReputation:hover::before,
#pun-positive .removeReputation:hover::before {
  color: var(--accent-1);
}

.edit-reputation {
  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
  transition: all ease-out 0.3s;
}

.edit-reputation:hover {
  color: var(--accent-1);
}

#pun-respect .tcl,
#pun-positive .tcl {
  width: 17% !important;

  font-size: 80%;
  text-transform: lowercase;
  text-align: left;
}

#pun-respect .tc2,
#pun-positive .tc2 {
  display: table-cell;
  width: 3% !important;

  font-size: 80%;
  text-transform: lowercase;
  text-align: center;
}

#pun-respect .tc3,
#pun-positive .tc3 {
  display: table-cell;
  width: 22% !important;
  text-align: center;
}

#pun-respect .tc3:not(.tc4),
#pun-positive .tc3:not(.tc4) {
  display: table-cell;
  width: 22% !important;

  text-transform: lowercase;
  font-family: var(--moisette);
  font-weight: 600;
  text-align: center;
}

#pun-respect .tc3.tc4,
#pun-positive .tc3.tc4 {
  width: 32% !important;
  text-align: center;
}

#pun-respect .tcr,
#pun-positive .tcr {
  width: 27% !important;
  text-align: right;
  box-sizing: border-box;
}


/******** Poll  ********/

#poll-special {
  background: rgba(var(--white), .3);
  padding: 20px;
  margin: 15px 0;
}

.vote-result .tac strong,
#poll-special .vote-form .tac strong {
  font-size: var(--size-14);
}

.vote-result strong,
#poll-special .vote-form strong {
  font-family: var(--moisette);
  font-weight: 500;
}

.vote-result {
  max-width: 600px;
  margin: 0 auto;
}

.vote-result table,
.vote-result tbody,
.vote-result td {
  display: block;
}

.vote-result tr {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.vote-result .question td.tac {
  border-bottom: 1px solid rgb(var(--gray-3)) !important;
}

.vote-result table tr:not(.question) td:nth-child(1) {
  width: 50%;
  border-right: 1px solid rgb(var(--gray-3)) !important;
  padding-right: 10px;
  box-sizing: border-box;
}

.vote-result table tr:not(.question) td:nth-child(2) {
  width: 35%;
  padding-left: 10px;
  box-sizing: border-box;
}

.vote-result table tr:not(.question) td:nth-child(3) {
  width: 15%;
}

.vote-result table tr:not(.question):last-child td:nth-child(1) {
  border-top: 1px solid rgb(var(--gray-3)) !important;
  border-bottom: 1px solid rgb(var(--gray-3)) !important;
  border-right: none !important;
}

.vote-result table tr:not(.question) td:nth-child(2) h1 {
  display: block !important;
  height: 2px !important;
  background: rgb(var(--accent-1));
  border-radius: 2px;
}