/******** 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?2');


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



/* dark */
@import url('https://forumstatic.ru/files/001b/03/46/96896.css?v=19');

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

/* change font */
@import url('https://forumstatic.ru/files/001c/6f/83/61055.css?v=10');

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

/* используются в дизайне */
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700|Open+Sans:400,400i,600,600i,700,700i,800,800i|Roboto:100,300,400,700,900');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');



@import url(style_cs.1758091983.css);

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/v4-font-face.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/fontawesome.min.css');

/* подключение шрифтов файлом */
@import url('https://forumstatic.ru/files/001c/65/f7/15021.css');
@import url('https://forumstatic.ru/files/001b/d4/18/22430.css?v=2');

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900&subset=cyrillic');

@import url('https://fonts.googleapis.com/css2?family=Hi+Melody&display=swap');

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;1,200;1,300;1,400;1,600;1,700;1,800&display=swap');

@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700|Roboto:100,300,400,700,700i,900');



@font-face {font-family: 'movage';
  src: local("movage"), url(https://forumstatic.ru/files/001c/65/f7/39336.otf);}

@font-face { font-family: Belgan Aesthetic; src: local("Belgan Aesthetic"), url(https://forumstatic.ru/files/001b/73/d1/38340.ttf); }

@font-face {font-family: 'Baron';
  src: local("Baron"), url(https://forumstatic.ru/files/001b/d4/18/16743.otf);}

@font-face {font-family: 'code_pro';
  src: local("code_pro"), url(https://forumstatic.ru/files/001b/d4/18/16181.otf);}

@font-face {font-family: 'Doppelganger';
  src: local("Doppelganger"), url(https://forumstatic.ru/files/001b/d4/18/77006.otf);}

@font-face {font-family: 'TheArtist';
  src: local("TheArtist"), url(https://forumstatic.ru/files/001b/d4/18/54743.otf);}


@font-face {font-family: 'Salve';
  src: local("Salve"), url(https://forumstatic.ru/files/001b/d4/18/80528.otf);}

@font-face {font-family: 'SmoothStone';
  src: local("SmoothStone"), url(https://forumstatic.ru/files/001b/d4/18/89459.ttf);}

@font-face {font-family: 'Tiffany';
  src: local("Tiffany"), url(https://forumstatic.ru/files/001b/d4/18/94324.ttf);}

@font-face { font-family: Lighthaus;
  src: local("Lighthaus"), url(https://forumstatic.ru/files/001a/28/10/78556.ttf) format('truetype');}




@font-face {font-family: 'Berold';
  src: local("Berold"), url(https://forumstatic.ru/files/001b/d4/18/51541.otf);}

@font-face {font-family: 'Adorn';
  src: local("Adorn"), url(https://forumstatic.ru/files/001b/d4/18/73681.ttf);}

@font-face {font-family: 'Manrope';
  src: local("Manrope"), url(https://forumstatic.ru/files/001b/d4/18/26901.ttf);}


@font-face {font-family: 'MintSpirit';
  src: local("MintSpirit"), url(https://forumstatic.ru/files/001b/d4/18/31006.otf);}


@font-face {font-family: 'Melikan';
  src: local("Melikan"), url(https://forumstatic.ru/files/001b/d4/18/29286.ttf);}


@font-face {font-family: 'Chekhovskoy';
  src: local("Chekhovskoy"), url(https://forumstatic.ru/files/001b/d4/18/84371.ttf);}

@font-face {font-family: 'Attack';
  src: local("Attack"), url(https://forumstatic.ru/files/001b/d4/18/42484.ttf);}

@font-face {font-family: 'AcrylatteDemo';
  src: local("AcrylatteDemo"), url(https://forumstatic.ru/files/001b/d4/18/31001.ttf);}

@font-face {font-family: 'VERTIGO';
  src: local("VERTIGO"), url(https://forumstatic.ru/files/001b/d4/18/14941.ttf);}

@font-face {font-family: 'TanaUncia';
  src: local("TanaUncia"), url(https://forumstatic.ru/files/001b/d4/18/76278.otf);}

@font-face {font-family: 'riviera';
  src: local("riviera"), url(https://forumstatic.ru/files/001b/d4/18/88150.otf);}

@font-face {font-family: 'Catarina';
  src: local("Catarina"), url(https://forumstatic.ru/files/001b/d4/18/98458.ttf);}

@font-face {font-family: 'Debby';
  src: local("Debby"), url(https://forumstatic.ru/files/001b/d4/18/25890.ttf);}

@font-face {font-family: 'BOWLER';
  src: local("BOWLER"), url(https://forumstatic.ru/files/001b/d4/18/13367.otf);}

@font-face {font-family: 'Naga';
  src: local("Naga"), url(https://forumstatic.ru/files/001b/d4/18/54870.otf);}

@font-face {font-family: 'epos';
  src: local("epos"), url(https://forumstatic.ru/files/001b/d4/18/56934.otf);}

@font-face {font-family: 'LeoHand';
  src: local("LeoHand"), url(https://forumstatic.ru/files/001b/d4/18/68333.ttf);}

@font-face {font-family: 'GOSHA';
  src: local("GOSHA"), url(https://forumstatic.ru/files/001b/d4/18/97090.otf);}

@font-face {font-family: 'Ostrovsky';
  src: local("Ostrovsky"), url(https://forumstatic.ru/files/001b/d4/18/75012.otf);}

@font-face {font-family: 'Zanna';
  src: local("patheos"), url(https://forumstatic.ru/files/001b/d4/18/75319.otf);}

@font-face {font-family: 'patheos';
  src: local("patheos"), url(https://forumstatic.ru/files/001b/d4/18/59135.otf);}

@font-face {font-family: 'monumental';
  src: local("monumental"), url(https://forumstatic.ru/files/001b/d4/18/92596.ttf);}

@font-face {font-family: 'Arsenal-Bold';
  src: local("Arsenal-Bold"), url(https://forumstatic.ru/files/001b/d4/18/84242.otf);}

@font-face {font-family: 'SaintCarell';
  src: local("SaintCarell"), url(https://forumstatic.ru/files/001b/d4/18/63963.otf);}

@font-face {font-family: 'Serco';
  src: local("Serco"), url(https://forumstatic.ru/files/001b/d4/18/31690.otf);}

@font-face {font-family: 'Adeston';
  src: local("Adeston"), url(https://forumstatic.ru/files/001b/d4/18/38717.ttf);}

@font-face {font-family: 'Montserrat';
  src: local("Montserrat"), url(https://forumstatic.ru/files/001b/0a/ba/38186.ttf);}

@font-face {font-family: 'MOLIKA';
  src: local("MOLIKA"), url(https://forumstatic.ru/files/001b/d4/18/21719.ttf);}

@font-face {font-family: 'AromeDisplay';
  src: local("AromeDisplay"), url(https://forumstatic.ru/files/001b/d4/18/47611.ttf);}

@font-face {font-family: 'aromaticdream';
  src: local("aromaticdream"), url(https://forumstatic.ru/files/001b/d4/18/32772.otf);}

@font-face {font-family: 'Yeseva One';
  src: local("Yeseva One"), url(https://forumstatic.ru/files/001b/c6/d8/73431.ttf);}

@font-face {font-family: 'game';
  src: local("game"), url(https://forumstatic.ru/files/001b/c6/d8/75952.ttf);}

@font-face {font-family: 'Philosopher-Regular';
  src: local("Philosopher-Regular"), url(https://forumstatic.ru/files/001b/91/32/89784.ttf);}

@font-face {font-family: 'Philosopher-Bold';
  src: local("Philosopher-Bold"), url(https://forumstatic.ru/files/001b/91/32/67517.ttf);}

@font-face {font-family: 'Neothic';
  src: local("Neothic"), url(https://forumstatic.ru/files/001b/91/32/95950.ttf);}

@font-face {font-family: 'Ampero';
  src: local("Ampero"), url(https://forumstatic.ru/files/001b/5a/fd/52361.ttf);}

@font-face {font-family: 'helvetica';
  src: local("helvetica"), url(https://forumstatic.ru/files/001b/5a/fd/84861.otf);}

@font-face {font-family: 'enge';
  src: local("enge"), url(https://forumstatic.ru/files/001b/60/c5/77727.ttf);}


@font-face {font-family: 'enge2';
  src: local("enge2"), url(https://forumstatic.ru/files/001b/60/c5/51392.ttf);}

@font-face {font-family: 'you';
  src: local("you"), url(https://forumstatic.ru/files/001a/e1/8d/15196.ttf);}

@font-face {font-family: 'Gunny Rewritten';
  src: local("Gunny Rewritten"), url(https://forumstatic.ru/files/001b/0a/ba/68328.ttf);}

@font-face {font-family: 'Intro';
  src: local("Intro"), url(https://forumstatic.ru/files/001b/0a/ba/12277.otf);}

@font-face {font-family: 'Christmas ScriptC';
  src: local("Christmas ScriptC"), url(https://forumstatic.ru/files/001b/0a/ba/26913.ttf);}

@font-face {font-family: 'Marck Script';
  src: local("Marck Script"), url(https://forumstatic.ru/files/001b/0a/ba/31040.ttf);}

@font-face {font-family: 'Cuprum';
  src: local("Cuprum"), url(https://forumstatic.ru/files/001b/0a/ba/12813.ttf);}

@font-face {font-family: 'Bebas';
  src: local("Bebas"), url(https://forumstatic.ru/files/001b/0a/ba/35946.ttf);}

@font-face {font-family: 'Lemon Tuesday';
  src: local("Lemon Tuesday"), url(https://forumstatic.ru/files/001b/0a/ba/49982.otf);}

@font-face {font-family: 'Engine';
  src: local("Engine"), url(https://forumstatic.ru/files/001b/0a/ba/97934.otf);}

@font-face {font-family: 'Kobzar KS';
  src: local("Kobzar KS"), url(https://forumstatic.ru/files/001b/0a/ba/67436.otf);}

@font-face {font-family: 'Zhizn';
  src: local("Zhizn"), url(https://forumstatic.ru/files/001b/0a/ba/33970.otf);}

@font-face {font-family: 'Bradobrei';
  src: local("Bradobrei"), url(https://forumstatic.ru/files/001b/0a/ba/46866.otf);}

@font-face {font-family: 'Calligraph';
  src: local("Calligraph"), url(https://forumstatic.ru/files/001b/0a/ba/95767.ttf);}

@font-face {font-family: 'Bebas Neue Regular';
  src: local("Bebas Neue Regular"), url(https://forumstatic.ru/files/001b/0a/ba/53955.ttf);}

@font-face {font-family: 'BebasNeue Bold';
  src: local("BebasNeue Bold"), url(https://forumstatic.ru/files/001b/0a/ba/87148.otf);}

@font-face {font-family: 'GardensC';
  src: local("GardensC"), url(https://forumstatic.ru/files/001b/0a/ba/56777.otf);}

@font-face {font-family: 'Deutsch Gothic';
  src: local("Deutsch Gothic"), url(https://forumstatic.ru/files/001b/0a/ba/41841.ttf);}

@font-face {font-family: 'Roboto Condensed';
  src: local("Roboto Condensed"), url(https://forumstatic.ru/files/001b/0a/ba/21060.ttf);}

@font-face {font-family: 'Veles';
  src: local("Veles"), url(https://forumstatic.ru/files/001b/0a/ba/41492.otf);}

@font-face {font-family: 'Certege';
  src: local("Certege"), url(https://forumstatic.ru/files/001b/0a/ba/17984.ttf);}

@font-face {font-family: 'Barkentina';
  src: local("Barkentina"), url(https://forumstatic.ru/files/001b/0a/ba/20708.otf);}

@font-face {font-family: 'American TextC';
  src: local("American TextC"), url(https://forumstatic.ru/files/001b/0a/ba/39213.ttf);}

@font-face {font-family: 'Bernier Shade';
  src: local("Bernier Shade"), url(https://forumstatic.ru/files/001b/0a/ba/32255.otf);}

@font-face {font-family: 'Eurofurence';
  src: local("Eurofurence"), url(https://forumstatic.ru/files/001b/0a/ba/74562.ttf);}

@font-face {font-family: 'Leokadia Deco';
  src: local("Leokadia Deco"), url(https://forumstatic.ru/files/001b/0a/ba/36816.ttf);}

@font-face {font-family: 'Lionelofparis';
  src: local("Lionelofparis"), url(https://forumstatic.ru/files/001b/0a/ba/88883.ttf);}



@font-face {font-family: 'Sunday';
  src: local("Sunday"), url(https://forumstatic.ru/files/001b/0a/ba/72022.ttf);}

@font-face {font-family: 'TM Vinograd';
  src: local("TM Vinograd"), url(https://forumstatic.ru/files/001b/0a/ba/88024.ttf);}

@font-face {font-family: 'TriodPostnaja';
  src: local("TriodPostnaja"), url(https://forumstatic.ru/files/001b/0a/ba/49049.ttf);}

@font-face {font-family: 'ZnikomitNo25';
  src: local("ZnikomitNo25"), url(https://forumstatic.ru/files/001b/0a/ba/23740.otf);}


@font-face {font-family: 'gala';
  src: local("gala"), url(https://forumstatic.ru/files/001b/17/33/11702.ttf);}

@font-face {font-family: 'Calibri';
  src: local("Calibri"), url(https://forumstatic.ru/files/001b/3c/ea/81489.ttf?v=1);}

@font-face {font-family: 'daunpenh';
  src: local("daunpenh"), url(https://forumstatic.ru/files/001b/3c/ea/77401.ttf);}

@font-face {font-family: 'DMS';
  src: local("DMS"), url(https://forumstatic.ru/files/001b/60/aa/71982.ttf);}

@font-face {font-family: 'HomemadeApple';
  src: local("HomemadeApple"), url(https://forumstatic.ru/files/001b/60/aa/65953.ttf);}

@font-face {font-family: 'MrDafoe';
  src: local("MrDafoe"), url(https://forumstatic.ru/files/001b/60/aa/24317.ttf);}


@font-face {font-family: 'WestAngel';
  src: local("WestAngel"), url(https://forumstatic.ru/files/001b/60/aa/65336.ttf);}

@font-face {font-family: 'melt';
  src: local("melt"), url(https://forumstatic.ru/files/001b/60/aa/94478.ttf);}

@font-face {font-family: 'Louver';
  src: local("Louver"), url(https://forumstatic.ru/files/001b/60/aa/30190.ttf);}

@font-face {font-family: 'HollowSky';
  src: local("HollowSky"), url(https://forumstatic.ru/files/001b/60/aa/33881.otf);}

@font-face {font-family: 'Comforter';
  src: local("Comforter"), url(https://forumstatic.ru/files/001b/60/aa/18506.ttf);}

@font-face {font-family: 'BEWARE';
  src: local("BEWARE"), url(https://forumstatic.ru/files/001b/60/aa/89463.ttf);}

@font-face {font-family: 'Adoriademo';
  src: local("Adoriademo"), url(https://forumstatic.ru/files/001b/60/aa/54236.otf);}

@font-face {font-family: 'Halimun';
  src: local("Halimun"), url(https://forumstatic.ru/files/001b/60/aa/53519.ttf);}

@font-face {font-family: 'murder';
  src: local("murder"), url(https://forumstatic.ru/files/001b/60/aa/45149.ttf);}

@font-face {font-family: 'Sophistica';
  src: local("Sophistica"), url(https://forumstatic.ru/files/001b/60/aa/17569.ttf);}


@font-face {font-family: 'Antikvar';
  src: local("Antikvar"), url(https://forumstatic.ru/files/001b/a8/b2/48242.ttf);}


@font-face {font-family: 'Niagara';
  src: local("Niagara"), url(https://forumstatic.ru/files/001b/a8/b2/40403.ttf);}


@font-face {font-family: 'BebasNeueRegular';
  src: local("BebasNeueRegular"), url(https://forumstatic.ru/files/001b/a8/b2/60584.ttf);}


@font-face {font-family: 'BebasNeueBold';
  src: local("BebasNeueBold"), url(https://forumstatic.ru/files/001b/a8/b2/76216.ttf);}


@font-face { font-family: Shlapak Script;
  src: local("ShlapakScript"), url(https://forumstatic.ru/files/001a/28/10/90421.ttf) format('truetype');}

/******** 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-7));
}

.category table h3 a {
  position: relative;
  font-size: var(--size-20);
  font-family: var(--calben);
  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: 12px;
}

.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));
}


.f_desc b {
  position: absolute;
  display: block;
  top: 30px;
  left: 13px;
  background: var(--beg100);
  font-size: 8px;
  padding: 1px 5px;
  border-radius: 0 0 6px 6px;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 120%;
}

.f_desc_wrap {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.f_links {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
}

.f_links > a {
  background: #d3d2d0b0;
  padding: 2px 6px;
  border-radius: 5px;
  text-transform: uppercase;
  font-weight: 500;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: rgb(var(--accent-5));
}

.f_links p {
  width: 100%;
  margin-top: 5px
}






/******** 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-5));
  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(--white));

  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: 17px;
  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: 300;

  padding: 10px 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;
}

[data-group-id='3'] .pa-avatar,
[data-group-id='4'] .pa-avatar,
.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 {
  max-width: 190px;
  background: rgb(var(--dark-accent-1));

  font-size: var(--size-10);
  border-radius: 0;
  padding: 0px 3px 6px;
  margin: 0 auto;

  box-sizing: border-box;
}

.lz {
  display: flex;
  flex-direction: column;
  gap: 3px;
  
  padding-bottom: 8px;
}

.pa-fld2 .fld-name {
  display: none;
}

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

  margin: 6px 0 3px;
}

.lz p {
  margin: 0;
}

.pa-fld2 p a {
  position: relative;
  color: rgb(var(--accent-1));
}


/* 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 6px 6px;
}

/* 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 {
  width: calc(100% + 60px);
}

.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(--accent-1);
}

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

  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: 2;
}

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

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

  max-width: 100%;
}

.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));
}


/* font-setting */

#newFunc {
  align-items: center;
}

#pun-post #newFunc {
  pointer-events: none;
}

#pun-post #newFunc * {
  pointer-events: all;
}

#newFunc a {
  background: rgb(var(--gray-4));
  border-radius: 2px;
}

#newFunc a:hover {
  background: rgb(var(--accent-1));
  color: rgb(var(--white));
}

#newFunc #changeFont .change_font__content {
  background: rgba(var(--dark-accent-2), .7);
  backdrop-filter: var(--blur-2);
}

#newFunc #changeFont span.change_font__content span.active,
#newFunc #changeFont span.change_font__content span:hover {
  color: rgb(var(--accent-2));
}

#newFunc #changeProfile.active,
#newFunc #changeFont.active a {
  background: rgb(var(--accent-2));
  color: rgb(var(--white));
}

#newFunc #changeProfile.active:hover,
#newFunc #changeFont.active a:hover {
  background: rgb(var(--dark-accent-1));
  color: rgb(var(--white));
}



/*** post ***/

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

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

  border-radius: 0;
  margin-top: 10px;
  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: 0;
  padding: 10px;
  line-height: 150%;
  font-family: var(--font), Verdana;
  font-weight: 400;
  font-size: 1em;
  word-wrap: break-word;
}

.main .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: 400;

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

  padding: 4px 10px;
}

.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 ,
#viewprofile #profile-left li.pa-avatar img,
#viewprofile #profile-left li {
  margin-left: auto;
}

#viewprofile #profile-left li.pa-fld2 {
  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;
}




/* themes */

.bac {
  background: url('https://upforme.ru/uploads/001b/d4/18/243/409296.png');
  opacity: 0.8;
  margin-bottom: -10px;
  color: transparent;
  height: 55px;
  border-radius: 8px 8px 0 0 !important;
}

.bacname {
  background: #1a1a1a;
  width: max-content;
  padding: 0 20px !important;
}

.namet {
  font-family: var(--moisette);
  font-size: 30px;
  text-transform: lowercase;
  color: var(--accent);
  padding-top: 25px;
  display: flex;
  justify-content: center;
}

.fon {
  border-radius: 8px !important;
  background: rgb(var(--gray-2));
  border: 1px solid rgb(var(--white));
}



/* матчасть */
.plot-box {text-transform: uppercase;
  background: rgb(var(--white));
  border: 1px solid rgb(var(--white));
  letter-spacing: 3px;
  padding: 7px 13px 5px !important;
  width: 400px;
  border-radius: 8px 8px 0 0 !important;
  margin-top: 10px;
}

.big {
  font-size: 14px;
  margin-left: 34px;
  text-transform: uppercase;
  margin-bottom: -13px;
  font-family: Arial Black;
}

.container2 {
  flex-wrap: wrap;
  max-width: 100%;
  width: 100%; /* Контейнер занимает 100% доступной ширины */
}