/********************************---ИМПОРТЫ---*********************************/
@charset "Windows-1251";
@import url(//forumstatic.ru/files/001c/29/61/13535.css);
@import url(//forumstatic.ru/files/001b/ec/ce/44085.css?v=2); /* для тем */
@import url(//forumstatic.ru/files/001c/1b/eb/76592.css); /*fontawesome 6*/
 /*@import url(//forumstatic.ru/files/001b/74/4e/79939.css?v=3); шрифты*/
@import url(//solrainha.github.io/honeybee/honeybee.css); /*honeybee*/
@import url(//forumstatic.ru/files/001b/74/4e/72351.css?v=4); /*card3*/
@import url(//forumstatic.ru/files/001b/74/4e/49459.css?v=2); /*card4*/
@import url('//fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');


:root {
 --main-font: montserrat, arial, sans-serif;
 --h-font: 'angry', arial, sans-serif;
 --2h-font: 'urabum', arial, sans-serif;
 --3h-font: 'unboreg', arial, sans-serif;
 --main-text: #141517; /* черный : текст */
 --main-text-light: rgba(223, 221, 221, 0.7);
 --text-color-1: #404040; /* светло черный  */
 --text-color-2: #979797; /* светло серый  */
 --text-color-3: #dbdbdd; /* белый */
 --text-color-4: #be6667; /* красный  */
 --text-color-5: #757575; /* серый  */
 --text-color-6: #646464; /* темно серый  */
 --text-color-7: #fff;
 --text-color-8: #232323; /* чёрный  */
 --text-color-9: #eed367; /* жёлтый  */
 --text-color-10: #535353;
 --text-color-11: #373737;
 --text-color-12: #b5b4b4;
 --text-color-13: #313131;
 --main-url: var(--text-color-4);
 --main-url-light: #be6667;
 --post-url: var(--text-color-4);
 --post-url-hover: var(--text-color-2);
 --hover-url: var(--main-text);
 --hover-url-light: var(--text-color-2);
 --box-shadow-1: 0 0 0px 1px #625869, 6px 0px 30px 3px #474258;
 --curve: 40; }

html.dark {
 --main-text: #dbdbdd;
}



@font-face {font-family: "urabum"; 
src: url("//forumstatic.ru/files/001c/2a/af/13411.otf") format("opentype");
font-style: normal; font-weight: normal; font-display: swap;}

@font-face {font-family: "unboreg"; 
src: url("//forumstatic.ru/files/001c/2a/af/55859.ttf") format("truetype");  
font-style: normal; font-weight: normal; font-display: swap;}

@font-face {font-family: "unbobold"; 
src: url("//forumstatic.ru/files/001c/2a/af/59224.ttf") format("truetype"); ; 
font-style: normal; font-weight: normal; font-display: swap;}

@font-face {font-family: "angry"; 
src: url("//forumstatic.ru/files/001c/2a/af/11831.otf") format("opentype"); 
font-style: normal; font-weight: normal; font-display: swap;}


html { line-height: 1.15; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
main { display: block; }
h1 { font-size: 2em; margin: 0.67em 0; }
hr { box-sizing: content-box; height: 1; overflow: visible; }
pre { font-family: monospace, monospace; font-size: 1em; }
a { background-color: transparent; }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b, strong { font-weight: bolder; }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
small { font-size: 100%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
img { border-style: none; }

button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
fieldset { padding: 0.35em 0.75em 0.625em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress { vertical-align: baseline; }
textarea { overflow: auto; }
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0;}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-decoration {-webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
details { display: block; }
summary { display: list-item; }
template { display: none; }
[hidden] { display: none; }


/************************* 
Стиль для Быстрой смены аккаунтов 
Deff 
*************************/ 
/*Cкрытие формы входа без клика*/ 
#pun-navlinks a:not(.NextShow)+span.odd{ 
display:none!important; 
}
#pun-navlinks a#New-exit {
  background: transparent!important; 
  position:absolute;
  /*outline:red solid 1px;*/
  display:inline-block!important; 
}
#pun-navlinks #New-exit img {
  position: absolute;
  margin-top: -5px;
  margin-left: 33px;
  width: 22px;
  height: auto;
  opacity: .7;
  background: var(--text-color-4);
  padding: 4px;
  border-radius: 4px;
}
#pun-navlinks #New-exit img:hover{
 opacity: 1;
}
/*Стиль доп-иконки Выход!*/ 
.punbb #pun-navlinks a#New-exit {
  position:absolute;
  z-index:100000!important;
  margin-top: 0px!important;
  margin-left: 0px!important;
  float:none!important;
}
.punbb #pun-navlinks a#New-exit:before {  content:none;}

.punbb #pun-navlinks #form-login input{
border: 0px;
  text-rendering: auto;
  color: var(--main-text);
  margin-top: 4px !important;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  display: inline-block !important;
  text-align: center;
  font: 400 10px/100% var(--main-font);
  width: 90%;  
  border-radius: 6px;} 

.punbb #form-login #fld1,
#form-login #fld2 { background-color: rgba(249,244,252,.87); } 

.punbb #pun-navlinks #form-login input[type="submit"]{ 
margin: 13px 0 2px !important;
  font-size: 12px !important;
  background-color: transparent;
  color: #fff !important;
  border: 2px solid var(--text-color-4) !important;
  box-shadow: 0px 0px #BCB0A9 inset;
  text-align: center;
  text-transform: lowercase;
  padding: 2px 4px 4px 4px;
min-width: 110px;
border-radius: 0px;
font-weight: 500;
transition: all 0.5s ease-in-out 0s;
letter-spacing: 1px;
cursor:pointer; } 

.punbb #pun-navlinks #form-login input[type="submit"]:hover {
  background-color: var(--text-color-4); }

/*Стиль формы входа*/ 
.punbb #pun-navlinks #form-login { 
background: var(--text-color-1);
  border: 2px solid var(--text-color-8);
  color: var(--text-color-3);
  display: block;
  font: 11px var(--main-font);
  left: -133px;
  padding: 7px 12px;
  position: absolute !important;
  text-align: center;
  word-spacing: normal;
  text-transform: none;
  top: 18px;
  width: 170px;
  z-index: 100000 !important;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); }

#pun-navlinks #navlogin #form-login {
  margin-left: -25px;/*Подвижки формы влево от вход*/ 
} 
#pun-navlinks #navlogout #form-login { 
  margin-left: -25px;/*Подвижки формы влево от выход*/
} 
.ismoderator #pun-navlinks #navlogout #form-login {
  margin-left: -25px!important;/*Подвижки формы влево от выход для АМС*/
} 
/*Стиль ссылок в форме "Не зарегистрированы" и "Забыли пароль" */ 
#pun-navlinks #form-login input[value="Войти"]+p{ 
margin-bottom: 11px; 
margin-top: 11px; 
} 
.punbb #pun-navlinks #form-login a.Rega, 
.punbb #pun-navlinks #form-login a.Forgot{ 
position:relative; 
text-transform: none!important; 
z-index:20; 
cursor:pointer; 
font: normal normal 400 10px/normal Tahoma!important; 
letter-spacing:0.5!important; 
display:inline;
background: none!important;
}
.punbb #pun-navlinks #form-login a.Rega:before, 
.punbb #pun-navlinks #form-login a.Forgot:before{
  content:none;
}
/* Помечаем красным незаполненные поля!*/ 
#form-login input.none{ 
outline:red dashed 2px!important; 
} 
/*Форма слево(с Никами) */ 
#List-UserNames { 
position: absolute;
  margin-top: -9px;
  min-height: 175px;
  width: 220px;
  right: 100%;
  padding: 12px 19px 12px 17px;
  text-align: center;
  background: var(--text-color-1);
  border: 2px solid var(--text-color-8);
  color: var(--text-color-3);
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

/*Стиль контейнера под список Ников*/ 
.punbb #List-UserNames ul{
padding:0;
overflow:hidden; 
overflow-y:auto; 
min-height: 100px;
  max-height: 124px;
/*Видимое число Ников без прокрутки! сейчас — 5*/ 
} 
.punbb #List-UserNames li {
display: block !important;
  position: relative;
  background: transparent;
  text-align: left;
  box-shadow: 2px 2px 1px rgba(183,174,169,.7);
  padding-left: 5px !important;
  font: normal 700 12x/100% var(--main-font);
  margin: 1px auto !important;
  padding: 4px 0 0 0;
  transition: .33s;
  height: 20px; }
.punbb #List-UserNames li:hover{ 
opacity:.84; 
/*background:#83693E!important;*/
} 
/*Стиль Ников*/ 
.punbb #List-UserNames li>b{ cursor: pointer; opacity: .8; color: var(--text-color-3); text-shadow: 1px 1px 1px rgb(0, 0, 0); } 
.punbb #List-UserNames li>b:hover{ opacity:.93; color: var(--text-color-4); } 

/*Скролл контейнера с никами*/ 
#List-UserNames ul::-webkit-scrollbar { 
width: 7px; 
height: 5px; 
} 
#List-UserNames ul::-webkit-scrollbar-track { 
background-color: #919190; 
border: 1px solid #919190; 
box-shadow: none; 
} 
#List-UserNames ul::-webkit-scrollbar-thumb {
background-color: #233541!important;
border: 2px solid #888887; 
box-shadow: none; 
} 
/*Кнопки Удалить (правее ников)*/ 
#List-UserNames ul li>span { 
display:inline-block; 
padding:0 3px; 
position:absolute; 

opacity:.88; 
cursor:pointer; 
top:0;bottom:0; 
right:2px; 
color:#fff; 
font: normal normal 700 10.56px/normal montserrat; 
text-shadow:1px 1px 1px rgba(0,0,0,.6); 
} 
/*Текст при отсутствии запомненных Ников!*/ 
#List-UserNames ul:empty:before{ 
display:inline-block; 
content: "У Вас нет запомненных ников, введенных через форму справо, или через перенос ниже!"; 
} 
/*Кнопка выход-2*/ 
#navlogin #exit-2 { 
display:none; 
} 
#pun:not(.isguest) #navlogout .Rega, 
#pun:not(.isguest) #navlogout .Forgot { 
display:none!important; 
} 
/*Стиль блока с инпутом для переноса и вставки запомненных Аккаунтов*/ 
#List-UserNames ul+span{ 
display:inline-block; 
padding:6px 0 8px 0; 
text-align:left; 
font: normal normal 400 10.56px/normal var(--main-font);
} 
/*Сам инпут*/ 
.punbb #List-UserNames input { 
border: 0px;
  border-radius: 6px;
  text-shadow: none !important;
  color: var(--main-text);
  background-color: rgba(249,244,252,.87);
  font: 400 10px/100% var(--main-font);
  margin-top: 9px;
  padding: 2px !important;
  vertical-align: middle; }
 
/*Стрелочки к инпуту*/ 
#List-UserNames ul+span b{ 
font: normal normal 400 13px/normal var(--main-font); 
padding:0 3px; 
color: #F9F4FC; 
} 
/*Кликалка слево, чуть выше инпута*/ 
#List-UserNames .a1-copy{ 
display:inline-block!important; 
cursor:pointer; 
float:left; 
} 
/*Кликалка справо*/ 
#List-UserNames .a1-paste{ 
cursor:pointer; 
display:inline-block!important; 
float:right; 
} 
/*Подсказки на кликалках*/ 
.tipsy.a11 { 
font: normal normal 400 11px/normal var(--main-font)important; 
margin-top:-22px!important; 
margin-left: 148px!important; 
max-width:170px; 
} 


.isguest #List-UserNames {  min-height: 189px; }
.isguest .punbb #pun-navlinks #form-login {  left: 127px; }
/************************* 
//Конец Стиля для Быстрой смены аккаунтов 
*************************/



.post .post-author::before { display: none; }

#stylelist { position: fixed;
  z-index: 10000;
  top: 255px;
  padding: 0;
  list-style-type: none;
  margin-left: -31px;
}
#stylelist a { display: block; width: 0; height: 30px; font-size: 0; color: transparent; border-style: solid; border-width: 10px 15px;  }
#stylelist li { height: 26px; width: 26px; margin: 0 0 5px 0; }
#stylelist li[data="dark"] { background: url(//forumstatic.ru/files/001c/2a/af/18734.png); background-size: cover; filter: grayscale(0%) opacity(50%) brightness(10); }
#stylelist li.active[data="dark"] { filter: invert(1) opacity(50%) brightness(10); }
#stylelist li[data="ocean"] { background: url(//forumstatic.ru/files/001c/2a/af/28256.png); background-size: cover; filter: contrast(120%); height: 28px;  width: 28px}

#stylelist li.active { transform: scale(1.2); }

@media (max-width: 1200px) {
#chprofbtn { float: left; }
#chprof span { margin: 0 0 0 80px; width: 180px; }
#chprof.active #styleSwitch, #chprof.active #styleSwitch2, #chprof.active #styleSwitch3, #chprof.active #styleSwitch4, #chprof.active #shadowSwitch, #chprof.active #themeSwitchOut, #chprof.active #themeSwitchIn { margin: 0 0 0 80px; width: 160px; }
#chprof { top: 123px; }
}


/* ПОСЛЕ ПЕРЕНЕСТИ */


/* ssilki foruma */
 .punbb a, .punbb a:link {  color: var(--text-color-1);  text-decoration: none; }
 .punbb a:hover,  .punbb a:active,  .punbb a:focus {  color: var(--text-color-4); } 

 a, a:hover, a:focus, a:link, a:visited {   transition: all .5s ease-in-out 0s;
-webkit-transition: all .5s ease-in-out 0s;
-khtml-transition: all .5s ease-in-out 0s;
-moz-transition: all .5s ease-in-out 0s;
-o-transition: all .5s ease-in-out 0s;  }

 .punbb .main .container, 
 #pun-stats div.statscon, 
 #topic-users-in p.container, 
 #pun-stats .container { color: var(--main-text);}
 
#pun-stats div.statscon, #pun-stats, 
#pun-stats .container { border-radius: 0 0 30px 30px; margin: -50px 0 0 0; }

 body {  font-size: 100.01%;  color: var(--main-text);    overflow-x: hidden;      -webkit-appearance: none;    -moz-appearance: none;     appearance: none; }
.punbb {  font: normal 68.75% montserrat, arial, helvetica, sans-serif;  }
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {  font: normal 1.1em montserrat, arial, sans-serif  }
.punbb pre {  font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace  }
.punbb address, .punbb em {  font-style: normal  }
.punbb .post-content em {  font-style: italic  }
.punbb .post-content em.bbuline {  font-style: normal;  text-decoration: underline;  }
.punbb .post-content td { border: 0px !important; }
.punbb optgroup {  font-weight: bold; color: var(--main-text) !important;  }


.punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend,
.punbb th {background-color: transparent; color: var(--main-text);  }

#html-header {   min-height: inherit;   height: inherit;   clear: both;}
#pun-index{    clear: both;/*! background: aqua; */}
.post-content td {border:none transparent !important;}	

/*âûäåëåíèå*/
 ::selection {  background: var(--text-color-8); color: var(--text-color-4);}


/*ïðîêðóòêà*/
 ::-webkit-scrollbar { background-color: var(--text-color-4); height: 7px;  width: 7px;}
 ::-webkit-scrollbar-thumb { background-color: var(--text-color-1); height: 7px; width: 7px;}
 ::-webkit-scrollbar-thumb:vertical {background-color: var(--text-color-1); height: 7px; }
 ::-webkit-scrollbar-thumb:horizontal {background-color: var(--text-color-1); height: 7px;}
 ::-webkit-scrollbar-corner { background-color: var(--text-color-4);}

/*ïðîêðóòêà*/
.dark ::-webkit-scrollbar { background-color: var(--text-color-4); height: 7px;  width: 7px;}
.dark ::-webkit-scrollbar-thumb { background-color: var(--text-color-13); height: 7px; width: 7px;}
.dark ::-webkit-scrollbar-thumb:vertical {background-color: var(--text-color-13); height: 7px; }
.dark ::-webkit-scrollbar-thumb:horizontal {background-color: var(--text-color-13); height: 7px;}
.dark ::-webkit-scrollbar-corner { background-color: var(--text-color-4);}

* {  scrollbar-width: thin;  scrollbar-color: var(--text-color-4) var(--text-color-13);}
.dark * {  scrollbar-width: thin;  scrollbar-color: var(--text-color-4) var(--text-color-13);}

/*OSNOVNIE CONTAINERI*/
.punbb {  width: 100%;  height: auto;  text-align: justify !important; }
.punbb * {margin: 0}
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {  padding: 0;  list-style: none;  }
.punbb img {  border:none;  }
.punbb .main table {  table-layout: fixed;  width: 100%; border:none; }
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {  margin-top: 0;  /*! border-radius: 30px 30px 0 0; */}
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post {border-style: none; border-width: 0px 0px 0px 0px  }
.punbb .container {  border-style: solid;  border-width: 0px;  }
.punbb legend span, #viewprofile h2 span, .punbb-admin #pun-admain legend span {background-color: transparent;  }
.punbb .info-box * {  padding: 0 0 0.7em 0;  }
.punbb #pun-main .info-box .legend {  font-size: 1.1em;  font-weight: 500;  }
.main {margin: 0px 0;}
.main .tc2, .main .tc3, .main .tcmod {  text-align: center;  width: 10%;}
.punbb .post.new-ajax > * {  border-width: 0px !important; }

/* îáëàñòü òåêñòà */
 .punbb textarea {   color: var(--main-text);  background: var(--text-color-3);  border: 1px solid var(--text-color-2);  border-radius: 0 0 10px 10px; }

/* îáëàñòü ââîäà ôîðì */
.punbb select {  background: var(--text-color-3);  border: 1px solid var(--text-color-2);  color: var(--main-text);  border-radius: 10px;  margin: 0.5em 0.0em;  padding: 3px 15px; text-transform: lowercase;}

 .punbb input {  background: transparent; border: 1px solid var(--text-color-5); color: var(--main-text); border-radius: 15px; margin: 0.5em 0.0em; padding: 3px;  }
 .checkfield input {  margin-right: 5px; }
 .radio input {  margin-right: 5px; }

.dark .punbb input { background: var(--text-color-13);  border: 1px solid var(--text-color-13); }

th {text-align: center; font-size: 0.95em;}
.tcr {  width: 30%;}
.multipage {  background-color: transparent; }
.punbb .hashelp {  position: relative;  }
.punbb .helplinks {  display: block;  position: absolute;  top: 1em;  right: 0;  font-weight: 500;  width: 36%;  }
.punbb .formal .container { padding: 1.8em 30px;  /*margin-bottom: 30px;*/  }
.punbb .formal #viewprofile .container { padding: 1.8em 30px;  margin-bottom: 30px;  }
.punbb .formsubmit {  padding: 0 0 0 0.1em;  margin: 1em 0 0 0;  }
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span { }
.punbb fieldset {  border-style: solid;  border-width: 0px;  padding: 5px 1px 1px 1px;  margin: 0 0 0.6em 0;  font-weight: 500; }
.punbb fieldset legend { padding: 0;  margin: 0 0 0 0px; font-size: 1.0em; text-transform: uppercase; font-family: var(--main-font); }
 .punbb fieldset legend span, #viewprofile h2 span,  #profilenav h2 span { font-weight: 700; }
 .punbb fieldset legend span {  font-size: 1.0em;}

#post-form .formsubmit { margin: -1em 0 0 0; }

/* фон */
html, body {margin: 0; padding: 0;}
html { background: url(//forumstatic.ru/files/001c/2a/af/20410.webp) #202020 top center/ cover no-repeat fixed; }

/*html::before { content: ''; background: #222; position: fixed; height: 100%; width: 100%; opacity: 0.95; filter: contrast(10%) grayscale(10%) brightness(30%); mix-blend-mode: revert; }*/

/* òåëî ôîðóìà */
#pun { width: 1000px; height: auto; margin: 0px auto 50px auto;  position: relative; z-index: 9; border-radius: 0px; padding: 0px 50px; /* padding: 1px 0; border: 1px solid #a06679;  background: rgba(49, 46, 76, 0.7); */ }

#pun-main {  background: var(--text-color-3); margin: -31px 0 0 0; z-index: 3; padding: 0 0 0px 0; border-radius: 20px;}

#pun-index #pun-main {  background: var(--text-color-3); border-radius: 20px 20px 0 0;  margin: -54px 0 0 0; }

/* öèôðà ñîî â íàâèãàöèè */
 .punbb span.num_msg {  background: var(--text-color-4); color: var(--text-color-1);}
 .punbb span.num_msg::before {  display: none; }

 .punbb span.num_msg { margin-top: -5px !important;  margin-left: 1px !important; border-radius: 10px;
  color: var(--text-color-3); font-size: 9px; height: 11px; }

/* õëåáíûå êðîøêè âåðõ */
 #pun-index #pun-crumbs1 { visibility: hidden; margin-bottom: -5px; display: none; }
 #pun-crumbs1 { overflow: hidden; position: relative; top: -18px; width: auto; z-index: 4; color: var(--text-color-3); background: transparent; display: flex; margin: 0 auto; justify-content: end; }

 #pun-crumbs1 p.container { width: auto; font: 500 normal 8px/7px var(--3h-font); text-transform: lowercase; text-align: center; padding: 1.0em 2em 1.0em 2em; color: var(--text-color-3); background: var(--text-color-1); border-radius: 15px; letter-spacing: 0.5px; } 

 #pun-crumbs1 a { color: var(--text-color-3); opacity: 0.5; }
 #pun-crumbs1 a:hover { color: var(--text-color-4); opacity: 1; }

/* õëåáíûå íèç */
 #pun-index #pun-crumbs2 { visibility: hidden; display: none; }

#pun-crumbs2 { overflow: hidden; position: relative; width: 1000px; z-index: 14; padding: 0px 0; margin: 50px 0 10px 0; float: right; }
 #pun-crumbs2 p.container { font: 500 normal 9px/10px var(--3h-font); color: var(--text-color-2); text-align: center; padding: 6px 20px 3px 20px; margin: 0px auto; background: var(--text-color-1); width: max-content; border-radius: 20px; }

 #pun-crumbs2 a { color: var(--text-color-2); }
 #pun-crumbs2 a:hover { color: var( --main-url); }

#pun-crumbs1 em, 
#pun-crumbs2 em { color: transparent; font-size: 0px; }

 #pun-crumbs1 a::after { color: var(--text-color-3); content: '\2726'; padding: 0 5px 0 8px; font-size: 8px; }
 #pun-crumbs2 a::after { color: var(--text-color-2); content: '\2726'; padding: 0 5px; font-size: 8px; }

/* zagolovki */
 .punbb h1, .punbb h2, .punbb h3, .punbb h4 { color: var(--main-url); text-transform: uppercase;  }
 .punbb .section h2, #pun-main h1, #pun-debug h2 {  padding: 0.5em 0em; }
 #pun-main h2 { padding: 0.5em 0em 0.5em 0em; text-align: center; }

/* zagolovkii nazvaniya tem */
 #pun-main h1 { text-align: center; padding: 0.5em 0em 0.5em 0em; /*! border-radius: 10px; */display: none;}
 #pun-main h1 span { font: 700 13px/14px var(--3h-font); background: var(--text-color-3); padding: 0 0 0 0px; }

/* îáëàñòü ïîñòà */
 .post-body { width: calc(100% - 250px); padding: 0.0em 0.2em 0px 2.0em; margin: 10px auto 2em auto; }
#pun-main .post {  margin: 40px 0 0 0; }

/* ññûëêè âíóòðè ïîñòà */
 .post-content a, .post-content a:link { color: var(--post-url); }
 .post-content a:hover  { color: var(--post-url-hover); }

 .post-body a, .post-body a:link  { color: var(--post-url); font-weight: 600; }
 .post-body a:hover { color: var(--post-url-hover); }

/* òàì ãäå âðåìÿ è íîìåð ïîñòà */
 .post h3 { text-align: right; z-index: 1; margin: -9px auto 0 auto;  position: absolute; right: 0px; font: 500 normal 10px/10px var(--3h-font); width: 100%; }

 .post h3 span { display: flex; text-align: justify; text-transform: uppercase; flex-direction: row-reverse; justify-content: space-between;  align-items: baseline; padding: 0 80px; font-family: var(--3h-font); font-size: 8px;}

.punbb .post h3 a { color: var(--text-color-5); }
 .post h3 span a:hover, 
 .post h3 span a:focus { color: var(--main-url); }

 .permalink { color: var(--text-color-2); }
 .topic a.sharelink { display: none; }

/* íîìåð ïîñòà */
 .post h3 strong { text-align: right; font-weight: 700; color: var(--main-url); background: var(--text-color-3); order: 1; border: 1px solid var(--text-color-12); padding: 2px 10px;border-radius: 10px;}
 .post h3 span strong::before {  content: 'post #';  font-weight: 500; color: var(--text-color-5); font-family: var(--3h-font);  padding: 0 5px 0 0; }

/* íèæíèå êíîïêè â ïîñòå ðåäàêòèðîâàòü, óäàäèòü */
 .post-links { width: calc(100% - 60px) }
 .post-links ul { padding: 15px 17px 5px 16px; border: none; color: var(--main-text); }
 .punbb .post-links a:hover, 
 .punbb .post-links a:focus, 
 .punbb .post-links a:hover::before, 
 .punbb .post-links a:focus::before { color: var(--text-color-4); font-weight: 500;}
 .punbb .post-links a { font: 500 normal 9px/16px var(--3h-font); color: var(--text-color-5); text-transform: lowercase; padding: 2px 10px;}
 .post-links li { display: inline;  padding: 0 3px; }
.post-links li.pl-reports { display: none; }
/* icons v poste */
.pl-delete, .pl-edit, .pl-quote {  float: right;}

/*.pl-email.profile a span {display: none;}
.pl-email.profile a::before { content: "\f47f"; color: var(--text-color-2); font-size: 16px; }

.pl-email.pm a span {display: none;}
.pl-email.pm a::before { content: "\f1d8"; color: var(--text-color-2); font-size: 16px; }

.pl-email.email a span {display: none;}
.pl-email.email a::before { content: "\f1fa"; color: var(--text-color-2); font-size: 16px; }

.pl-delete a span {display: none;}
.pl-delete a::before { content: "\f1f8"; color: var(--text-color-2); font-size: 16px; }

.pl-edit a span {display: none;}
.pl-edit a::before { content: "\f304"; color: var(--text-color-2); font-size: 16px; }

.pl-quote a span {display: none;}
.pl-quote a::before { content: "\f086"; color: var(--text-color-2); font-size: 16px; }

.pl-reports a {display: none;}
.pl-reports a::before { content: "\f188"; color: var(--text-color-2); font-size: 16px; }*/


/* çàêëàäêà â ïîñòå */
 .post .bookmark { width: 15px !important; color: var(--text-color-4) !important; right: -50px !important; }

/* ññûëêè íà âåðõó */
.punbb .linkst {  font: 500 normal 10px/12px var(--3h-font);  color: var(--text-color-2);  padding: 2.5em 30px 0 18px;  text-transform: lowercase;  display: flex;  flex-direction: row; align-items: center; justify-content: space-between; }
.punbb .linkst strong { padding: 0 5px; }
 .punbb .linkst a {  color: var(--main-text); opacity: 0.5; }
 .punbb .linkst a:hover {   color: var(--main-url); opacity: 1;}

/* ññûëêè ñíèçó */
.punbb .linksb { padding: 1em 30px; justify-content: space-between; align-items: center; height: 30px; font: 500 normal 10px/12px var(--3h-font); color: var(--text-color-2); text-transform: lowercase; display: grid; grid-template-rows: repeat(1, auto); grid-template-columns: repeat(3, auto); gap: 0px 30px; grid-template-areas: "gl2 gl3 gl1"; }

.punbb .linksb::after { display: none; }

.linksb .postlink { grid-area: gl1; }
.linksb .pagelink { color: var(--text-color-2); grid-area: gl2; }
.subscribelink { grid-area: gl3; }
.dark .subscribelink a { color: var(--text-color-4); }
.dark .subscribelink a:hover { color: var(--text-color-5); }

.dark .linksb .pagelink a { color: var(--text-color-12); }
.dark .linksb .pagelink { color: var(--text-color-5); }

 .linksb .postlink a {    color: var(--main-text); opacity: 0.5; }
 .linksb .postlink a:hover {    color: var(--main-url); opacity: 1; }

/* ðàçìåð øðèôòà  */
.FNTslider {  z-index: 10;  width: 110px;  height: 2px; background: var(--text-color-2); }
.FNTslider .before {  height: 7px; position: absolute; top: 5px;  background: var(--text-color-2); }
.FNTslider .thumb {  width: 7px; height: 7px; position: relative; cursor: pointer; top: -2px;  background: var(--text-color-2); }

#pun-searchposts #fntSlider { display: none; }

 /* ïðîôèëü */
 .post .post-author p {  padding: 0em 0.5em;  }

.post .post-author {
  overflow: visible;
  position: sticky;
  top: 70px;
  min-height: 100px;
  width: 220px;
  float: left;
  font: 500 normal 10px/14px var(--main-font);
  color: var(--text-color-3);
  text-align: center;
  padding: 25px 0 0 0;
  margin: 13px 0px 50px 3px;
  z-index: 10;
  border: 1px solid var(--text-color-12);
  border-radius: 20px;
  background: linear-gradient(0deg, #dbdbdd 0%, #dbdbdd 100%);
}


.punbb li.pa-author, 
.punbb li.pa-author a { font: 700 normal 11px/100% unboreg; padding: 4px 0px; text-transform: uppercase; letter-spacing: 0.5px; color: var(--text-color-1); }
.punbb li.pa-author:hover, 
.punbb li.pa-author a:hover { color: var(--text-color-4) !important; }
li.pa-avatar img {
  margin: 6px 0px 7px 0px;
  max-width: 150px;
  height: auto;
  z-index: 10;
  position: relative;
  border-radius: 10px;
  border: solid 0px #bbb;
}
 li.pa-title { text-transform: lowercase; padding: 0px 0 6px 0; color: #808080; font: 500 normal 7px/10px montserrat; position: relative; letter-spacing: .7px; z-index: 1; }
 li.pa-ip { font-size: 8px; padding: 0px 0; }
 .punbb li.pa-ip a { color:var(--text-color-4);}

/* .pa-fld1::before {content: '';  background: linear-gradient(0deg, rgba(219, 219, 221, 0) 0%, #737373 100%); height: 100%; max-height: 250px; position: absolute; width: 100%; left: 0px; }*/
/* .pa-fld1 { width: 220px;  margin: 0px 0px 0px 0px;  z-index: 1; max-height: 220px; overflow: hidden;  position: absolute; } */

.pa-fld1 > div {
  border-radius: 20px 20px 0 0;
  width: 100%;
  height: 130px;
  position: absolute;
  display: block;
  margin: -26px 0 0 -16px;
  overflow: hidden;
  z-index: -1;
  width: 220px !important;
  mask: linear-gradient(0deg, rgba(219, 219, 221, 0) 0%, #737373 100%);
  border: 1px solid #c6bfbf;
  border-width: 1px 1px 0 1px;
}


.post-author ul .pa-respect a > img {  display: none; }

.post .post-author ul {
  width: 190px;
  margin: 30px auto -3px auto;
  background: var(--text-color-3);
  border-radius: 10px;
  position: relative;
  text-align: center;
  margin-bottom: 24px !important;
  margin-top: 0px !important;
}

li.pa-respect, 
li.pa-posts,
li.pa-fld7 { color: var(--text-color-1); text-transform: lowercase; width: 30%; margin: 16px 0 23px 0; display: inline-block; font: 500 normal 10px/10px Montserrat; text-align: center; box-sizing: border-box; }

li.pa-fld7 span { display: none;}

li.pa-posts span, 
li.pa-respect span.fld-name { font: 500 normal 9px/12px montserrat; padding: 5px 0; color: var(--text-color-4); display: block;  margin-bottom: 3px; display: none; }

.punbb li.pa-respect a { color: var(--text-color-2); }

.punbb li.pa-fld2 { text-align: justify; margin: 0 10px; position: relative; z-index: 1; padding: 5px 0 0 0; color: var(--text-color-10); font-size: 9px; line-height: 140%; }
.punbb li.pa-fld2 a:hover {  color: var(--text-color-3); }

li.pa-fld3 {
  color: var(--text-color-3);
  text-align: center;
  padding: 2px 0px;
  margin: 11px auto 0 auto;
  position: absolute !important;
  width: 220px;
  left: -15px;
}

.pa-fld3::after {
  content: '';
  width: 95px;
  height: 34px;
  bottom: -10px;
  left: 62px;
  position: absolute;
  z-index: -1;
  clip-path: inset(0 0 50% 0);
  margin: 0 auto;
  border-radius: 14px;
 }

.pa-fld3::before {
  content: '';
  width: 100%;
  height: 23px;
  bottom: 10px;
  left: 0px;
  position: absolute;
  background: var(--text-color-3);
  border-radius: 0 0 20px 20px;
  z-index: -1;
  border-top: 0px;
}


li.pa-fld3 a { color: var(--text-color-1); font: 500 8px/18px var(--3h-font); background: var(--text-color-3); border-radius: 30px; padding: 3px 20px; transition: all .5s ease-in-out 0s; -webkit-transition: all .5s ease-in-out 0s; -khtml-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; letter-spacing: 0.5px; box-shadow: 0 0 0 1px var(--text-color-12), 0 0 0 5px var(--text-color-3), 0 0 0 6px var(--text-color-12); clip-path: polygon(102.68% 68.81%, 95.87% 119.69%, 62.85% 122.23%, 30.27% 126.74%, 1.81% 113.44%, -2.03% 67.43%, -13.69% 69.13%, -9.78% -55.56%, 109.78% -62.75%, 110.94% 67.53%); text-transform: lowercase; }

li.pa-fld3 a:hover {  color: var(--text-color-4); }
li.pa-online { padding: 10px 0 0 0; text-transform: lowercase; }

.pa-fld4 { position: absolute; left: -26px; top: 50%; }

.pa-fld4 div::after { content: ""; position: absolute; inset: 0; width: 28px; background: var(--text-color-3); height: 69px; margin: -4px 0 0 -3px; clip-path: inset(0 0 0 44%); z-index: -1; border-radius: 14px; }

.pa-fld4 div::before { content: ""; position: absolute; inset: 0; width: 28px; border: 1px solid var(--text-color-12); border-radius: 14px; box-sizing: border-box; z-index: 0; height: 69px; margin: -4px 0 0 -2px; clip-path: inset(0 0 0 46%); }

li.pa-fld4 div { display: flex; justify-content: center; background: var(--text-color-3); width: 20px; margin: 0; padding: 7px 0px; flex-direction: column; border-radius: 20px; border: 1px solid var(--text-color-12); height: 45px; }

li.pa-fld4 div a { background: var(--text-color-3); border-radius: 100%; width: 15px; height: 15px; margin: 0 3px; opacity: 0.4; }

li.pa-fld4 img { padding: 2px 0px; width: 10px; height: 10px; margin: 0; }
li#pa-fld4 img { padding: 2px 0px; width: 10px; height: 10px; margin: 0; }

.punbb a.lz1 { font: 900 15px/16px var(--h-font); color: var(--text-color-3); text-transform: uppercase; letter-spacing: 0.8px; display: block; }

/* ðåïóòàöèÿ  */

.isguest .post-author li.pa-respect span::before { content: "\f004"; font: 700 8px/100% "Font Awesome 6 Pro" !important; top: 0px; left: 6px; position: relative; letter-spacing: 1px;  color: var(--text-color-2);  }

.isguest .post-author li.pa-respect span.fld-name::before {   content: ""; }

.pa-respect a[href*="&v=1&cod"]::before {content: "\f004"; position: relative; font: 700 8px/100% "Font Awesome 6 Pro" !important; margin: 0 0 0 0px;  top: 0px; background: transparent; width: 12px;  display: block;  padding: 1px 1px 0 0; transition: all .5s ease-in-out 0s; -webkit-transition: all .5s ease-in-out 0s; -khtml-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; }
.pa-respect a[href*="&v=1&cod"]:hover::before { font-weight: 700; color: var(--text-color-3); }
.pa-respect a[href*="&v=1&cod"] { background: none !important;  width: 14px; height: 12px; }
.pa-respect a[href*="&v=0&cod"] { background:url(//forumstatic.ru/files/0019/be/b4/49725.png) center 100% no-repeat; }
.pa-respect a[href*="&v=0&cod"], 
.pa-respect a[href*="&v=1&cod"]{ display:inline-block;  margin-top:0px; }
.pa-respect a[href*="&v=1&cod"] img, 
.pa-respect a[href*="&v=0&cod"] img { visibility:hidden;  height:7px;  width:10px; }

li.pa-posts::before { content: '\ebcd'; font-family: "honeybee" !important; font-size: 7px; color: var(--text-color-2); }

li.pa-fld7::before { content: '\ecb0'; font-family: "honeybee" !important; font-size: 7px; color: var(--text-color-2); }

.pa-respect a[href*="&v=1&cod"] { background: none !important;  width: 1px; height: 1px; }

.post-rating .container a { color: var(--text-color-1) !important; } 
.dark .post-rating .container a { color: var(--text-color-3) !important; } 

.post-rating .container a::after { content: ''; color: var(--main-text); position: absolute; right: 0px; z-index: -1; background: url(//forumstatic.ru/files/001c/2a/af/20831.png); width: 22px; height: 22px; background-size: cover; top: 0px; opacity: .3;}

.post-rating .container a:hover::after { opacity: 1; }
.post-rating a, 
.post-vote a { display: flex; flex-direction: row; align-items: center;  transition: all 1.5s ease-in-out 1s; }

.post-rating, 
.post-vote { position: absolute; bottom: 0; right: 0; } 

.post-rating .tail-1, 
.post-vote .tail-1,
.post-rating .container::before,
.post-vote .container::before  { display: none; }

 .post-rating a {  color: var(--main-text) !important;}
 .post-rating a:hover {  color:  var(--main-url) !important;}

div.post-vote p > a::before { content: ''; padding: 0px 0px 0 0px !important; margin: 0 0px 0 0; background: url(//forumstatic.ru/files/001c/2a/af/33377.png); width: 22px; height: 20px; background-size: cover; position: absolute; filter: grayscale(100); }

div.post-vote p>a:hover::before { color: var(--text-color-4); filter: none;}

/*ÁûñòðîÏëþñû äëÿ Òîïèêà!*/
.noNull:before { content: "+"; font-size: 9px; display: inline-block; margin-left: -6px; margin-top: 0px; position: absolute; }
div .post-rating p>a { text-align: center; font-weight: 700; position: relative; z-index: 100; font-size: 8px !important; display: inline-block; vertical-align: middle; line-height: 22px; letter-spacing: -1px; margin: 0 0 auto auto;  width: 24px; font-family: var(--main-font);opacity: 0.7;}
div.dark-style .post-rating p>a { color: #6BC8AF !important; }
div.post-vote { margin-bottom: 7px;
  opacity: .2;
  height: 20px;
  z-index: 6; }
div.post-vote:hover { opacity: .9; }
div.post-vote p>a { font-size: 0 !important; position: absolute; cursor: pointer; z-index: 200; width: 23px; height: 23px; no-repeat; display: block; background-size: 100%; right: 31px;  transition: all .5s ease-in-out 0s;}
.post.dark-style div.post-vote p>a { background-size: 100%; }


/* îêíî êîìåíòà ê ðåïå */
 #pun-reputation div.inner div.container, 
 #pun-report div.inner div.container, 
 #pun-popup_awards div.inner div.container,  
 #pun-report .inner, #pun-reputation .inner, 
 #pun-admin-award-form .inner  { background: var(--text-color-3); border: 0; }

 #pun-reputation h1 { background: var(--text-color-2); background: var(--text-color-1);  color: var(--text-color-4); padding: 1.0em 0em 1.0em 0em; }
 #pun-reputation h1 span { text-align: center;  color: var(--text-color-4); background: transparent; }

/* skritie nadpisey tem/otvetov/prosmotrov/soobshenii */
#pun th {    font-size: 0px !important;}

/* öèòàòà è êîä */

.punbb .quote-box, .punbb .code-box { color: var(--text-color-1); padding: 0.8em 1.1em 1.0em 1.1em; border-radius: 10px; margin: 1.1em 0.1em 1.5em 0.1em; border: 1px solid var(--text-color-12); background: var(--text-color-3); }

 .punbb .quote-box cite, 
 .punbb .code-box strong.legend { display: block;
  font: 600 normal 9px/20px var(--main-font);
  text-transform: lowercase;
  color: var(--text-color-1);
  width: fit-content;
  padding: 0px 15px 0px 15px;
  letter-spacing: 0.05em;
  margin: -22px 0 0 0;
  background: var(--text-color-3);
  border-radius: 15px;
  min-width: 120px;
  text-align: center;
  border: 1px solid var(--text-color-12); }

 .punbb .quote-box p { padding: 0em 0.5em 1em 0.5em; }

 .quote-box .quote-box { border: 1px solid #aeaeae; margin: 0 0 10px 0;  border-width: 0 0 2px 0; border-radius: 0; padding: 0; }

 .quote-box .quote-box cite { margin: 0; }

 .punbb .post-content blockquote {  color: var(--text-color-1); padding: 0.2em 1.0em 1.2em 1.0em; border-radius: 15px 15px 15px 0; margin: 1.0em 0.1em 1.5em 0.1em; border: 0px; width: auto; }

 blockquote p { font: 500 10px/10px var(--main-font); }

 .code-box strong.legend a, 
 .code-box strong.legend a:link { color: var(--text-color-1); font-family: urabum; font-size: 14px; font-weight: 500; letter-spacing: 2px; }
 .code-box strong.legend a:hover {  color: var(--text-color-4);}


/* ñïîéëåð áîêñ */
 .post-content .spoiler-box > div.visible::before {  content: ""; float: left; background: url(//forumstatic.ru/files/001c/2a/af/50560.png); width: 26px; height: 25px; background-size: cover; }

 .post-content .spoiler-box > div::before { content: ""; float: left; background: url(//forumstatic.ru/files/001c/2a/af/80042.png) no-repeat; width: 26px; height: 25px; background-size: cover; opacity: .5; }

 .post-content .spoiler-box > div.visible { background-image: none  !important; }	
 .post-content .spoiler-box > div { background-image: none !important; padding: 10px 0 !important; text-align: right;}	
 .private-spoiler b {  color: var(--main-url);}

/* èêîíêè â ôîðìå îòâåòà */
 #form-buttons { font: 900 normal 16px/16px "Font Awesome 6 Pro"; color: var(--text-color-4); background: transparent; border: 1px solid var(--text-color-2); padding: 2px 10px 1px 10px; border-radius: 10px 10px 0 0; margin: 0 0 0 0; border-width: 1px 1px 0 1px; }

.dark #form-buttons { background: var(--text-color-13);
  border: 1px solid var(--text-color-13); }

 #form-buttons table tbody tr td:hover {  color: var(--text-color-5);  transform: scale(1.3);  transition: transform 0.2s ease; color: var(--text-color-4); }
#form-buttons td {  color: var(--text-color-1); }
#form-buttons td::before { font-size: 10px; }
#form-buttons td img { height: 22px !important;}

td#button-font::before { content: '\f031';font-weight: 900;display: block; margin: 10px 0 -10px 0;}
td#button-size::before  { content: '\f894';font-weight: 900;display: block; margin: 10px 0 -10px 0;}
td#button-bold::before { content: '\f032';font-weight: 900;display: block; margin: 10px 0 -10px 0;}
td#button-italic::before { content: '\f033';font-weight: 900;display: block; margin: 10px 0 -10px 0;}
td#button-underline::before { content: '\f0cd';font-weight: 900;display: block; margin: 10px 0 -10px 0;}
td#button-strike::before { content: '\f0cc';font-weight: 900;display: block; margin: 10px 0 -10px 0;}
td#button-indent::before { content: '\f03c';font-weight: 900;display: block; margin: 10px 0 -10px 0;}
td#button-left::before { content: '\f036';font-weight: 900;display: block; margin: 10px 0 -10px 0;}
td#button-center::before { content: '\f037';font-weight: 900;display: block; margin: 10px 0 -10px 0;}
td#button-justify::before { content: '\f039';font-weight: 900;display: block; margin: 10px 0 -10px 0;}
td#button-right::before { content: '\f038';font-weight: 900;display: block; margin: 10px 0 -10px 0;}
td#button-link::before { content: '\f0c1';font-weight: 900;display: block; margin: 10px 0 -10px 0;}
td#button-spoiler::before { content: '\f070';font-weight: 900;display: block; margin: 10px 0 -10px 0;}
td#button-sp_for_you::before { content: '\f502';font-weight: 900;display: block; margin: 10px 0 -10px 0;}
td#button-image::before { content: '\f03e';font-weight: 900;display: block; margin: 10px 0 -10px 0;}
td#button-image2::before { content: '\f030';font-weight: 900;display: block; margin: 10px 0 -10px 0;}
td#button-video::before { content: '\f04b';font-weight: 900;display: block; margin: 10px 0 -10px 0;}
td#button-hide::before { content: '\f023';font-weight: 900;display: block; margin: 10px 0 -10px 0;}
td#button-quote::before { content: '\f10e';font-weight: 900;display: block; margin: 10px 0 -10px 0;}
td#button-code::before { content: '\f121';font-weight: 900;display: block; margin: 10px 0 -10px 0;}
td#button-color::before { content: '\f53f';font-weight: 900;display: block; margin: 10px 0 -10px 0;}
td#button-smile::before { content: '\f2fe';font-weight: 900;display: block; margin: 10px 0 -10px 0;}
td#button-keyboard::before { content: '\f11c';font-weight: 900;display: block; margin: 10px 0 -10px 0;}
td#button-table::before { content: '\f0ce';font-weight: 900;display: block; margin: 10px 0 -10px 0;}
td#button-addition::before { content: '\f069';font-weight: 900;display: block; margin: 10px 0 -10px 0;}
td#button-files_rusff::before { content: '\f07b';font-weight: 900;display: block; margin: 10px 0 -10px 0;}
td#shad::before { content: '\f031';font-weight: 900;display: block; margin: 10px 0 -10px 0;}
td#button-mask::before { content: '\f6d8';font-weight: 900;display: block; margin: 10px 0 -10px 0;}
td#button-sticker::before { content: '\e409';font-weight: 900;display: block; margin: 0px 0 -10px 0;}

td#button-font, td#button-size, td#button-bold, td#button-italic, td#button-underline, td#button-strike, td#button-indent, td#button-left, td#button-center, td#button-justify, td#button-right, td#button-link, td#button-spoiler, td#button-sp_for_you, td#button-image, td#button-video, td#button-hide, td#button-hide, td#button-quote, td#button-code, td#button-color, td#button-smile, td#button-sticker, td#button-keyboard, td#button-table, td#button-addition, td#button-files_rusff, td#shad, td#button-mask { background: none !important;}

td#button-sp_for_you img {margin: 0px!important; }
#litr { background: url(//www.pngrepo.com/png/313963/180/fill-drip-solid.png) no-repeat scroll 0 0 / cover !important;}

/* ìîä ìåíþ */
 .modmenu {  margin-top: 1.5em; }
 .modmenu .container #mod-options { color: var(--text-color-5); background-color: var(--text-color-3); border: 1px solid var(--text-color-5); margin: 0 1.0em 0 0em; text-transform: lowercase; }
 #topic-modmenu {  background: var(--text-color-3); height: 30px; border: none;}
 #topic-feed {  margin-top: 1.8em;}

 .punbb .modmenu {  background: var(--text-color-2); border: none;}
 .punbb .modmenu .container { padding: 0.55em 30px; display: flex;   flex-direction: row;   justify-content: space-between; }
 .punbb .modmenu .container strong {  float: left;  }
 .punbb .modmenu .container::after { display: none; }
 .punbb .modmenu input {  margin-left: 1em;  }

 .punbb .modmenu strong, 
 .punbb .modmenu a { font: 700 normal 10px/16px var(--main-font); color: var(--main-text); text-transform: uppercase; }
 .punbb .modmenu a:hover {  color: var(--text-color-2) !important;}

 .punbb .modmenu a:hover {  color: var(--text-color-4) !important;}

 .punbb .modmenu .container {  background: var(--text-color-3);  color: var(--main-text); }

/* ôîðìà îòâåòà */
 .formal { padding: 0em 0em; margin: 0px auto; padding: 0.5em 0em; }
 
/*ãîðèçîí ëèíèÿ*/
 hr { opacity: 0.9 !important; border: 0; height: 1px; background: var(--text-color-2) !important; }  

/* êíîïêè */
.punbb #pun-admain input.button, 
.punbb input.button, 
.punbb .formsubmit input, 
.button { color: var(--text-color-3); background: var(--text-color-1); transition: 1s; text-transform: lowercase; padding: 0.5em 1.7em 0.5em 1.7em; margin: 0 0.8em 0 0; border: 2px solid var(--text-color-1); letter-spacing: 0.9px; border-radius: 20px; font: 500 8.5px/10px var(--3h-font); }

.punbb #pun-admain input.button:hover, 
 .punbb input.button:hover, 
 .punbb .formsubmit input:hover, 
 .button:hover 
 #pun-admain input.button:hover  { transition: 0.5s;
  color: var(--text-color-1);
  background: transparent;
  border: 2px solid var(--text-color-1); }

/* êíîïêà çàãðóçêè ôàéëà */
 #file_upload_button {  font-size: 10px !important;}

/* êàòåãîðèè */
 .category {  padding: 0px; background: transparent;   margin: 0 0 0px 0;}
 .category .container {  padding: 0px 30px;background: var(--text-color-3);margin: 0px 13px;}

.category thead { display: none; }

#pun-index .category tr { display: grid;  grid-template-rows: repeat(2, auto);  grid-template-columns: 3.0fr 0.9fr;  gap: 0px 30px;  grid-template-areas: "of1 of2"; padding: 0 20px 10px 0; }

#pun-index .category .tcl { grid-area: of1; }
#pun-index .category .tcr { grid-area: of2; align-self: center; text-align: center; margin-right: 0px; padding: 10px 0px 10px 0px; position: relative; display: flex; flex-direction: column; justify-content: start; align-items: center; flex-wrap: nowrap; height: 50px; max-width: 180px; }

#pun-index .category .tcr a { text-align: center; }

/* çàãîëîâîê êàòåãîðèè */
 #pun-index div.category h2 span, 
 #pun-stats h2 span {  font: 500 normal 14px/86px var(--h-font); color: var(--text-color-3); text-align: center; text-transform: uppercase; z-index: 2; position: relative; letter-spacing: 1px; transform: scaleY(0.85); display: inline-block; }

#pun-main  .category-2 h2 { background: url(//forumstatic.ru/files/001c/2a/af/44524.png) center center no-repeat; height: 79px; }
#pun-index .category.category-2 h2 span {   font: 500 normal 14px/80px var(--h-font); }

#pun-main  .category-1 h2 { background: url(//forumstatic.ru/files/001c/2a/af/72150.png) center center no-repeat; height: 67px; }

#pun-main  .category-6 h2 { background: url(//forumstatic.ru/files/001c/2a/af/12629.png) center center no-repeat; height: 81px; }
#pun-index .category.category-6 h2 span {   font: 500 normal 14px/82px var(--h-font); }

#pun-main  .category-5 h2 { background: url(//forumstatic.ru/files/001c/2a/af/34764.png) center center no-repeat; height: 81px; }
#pun-index .category.category-5 h2 span {   font: 500 normal 14px/82px var(--h-font); }

#pun-main  .category-3 h2 { background: url(//forumstatic.ru/files/001c/2a/af/41045.png) center center no-repeat; height: 84px; }
#pun-index .category.category-3 h2 span {   font: 500 normal 14px/85px var(--h-font); }

#pun-main  .category-4 h2 { background: url(//forumstatic.ru/files/001c/2a/af/99776.png) center center no-repeat; height: 82px; }
#pun-index .category.category-4 h2 span {   font: 500 normal 14px/83px var(--h-font); }

#pun-main  .category-7 h2 { background: url(//forumstatic.ru/files/001c/2a/af/75568.png) center center no-repeat; height: 79px; }
#pun-index .category.category-7 h2 span {   font: 500 normal 14px/80px var(--h-font); }

/* èìÿ ôîðóìîâ  */
 .tclcon h3 { font: 500 normal 16px/110% var(--3h-font);
  text-align: right;
  word-wrap: break-word;
  padding: 10px 35px 0 0;
  text-transform: uppercase;
  width: 146px;
  letter-spacing: 0; }
 #pun-index .tcl h3 a { color: var(--text-color-1); font-family: var(--h-font);
  letter-spacing: 1px; }	
 #pun-index .tcl h3 a:hover { color:var(--text-color-4); }

/*.tclcon h3 a::before { content: '['; padding: 0 2px 0 0; font-weight: 700; font-size: 20px; }
.tclcon h3 a::after { content: ']'; padding: 0 0 0 2px; font-weight: 700; font-size: 20px; }*/

/* îïèñàíèå ôîðóìîâ  */
 .descr { color: var(--main-text);  font-weight: 500 11px/10px var(--main-font);}
 .descr_url a { color: var(--main-url); }
 .descr_url a:hover { color: var(--post-url-hover) !important; }
 .descr_url { margin: 12px 0 0 -40px; }

/* ïåðâàÿ êîëîíêà */
 .punbb .main .tcl { width: auto; text-align: left;  padding: 1.0em 1.0em; }
 .punbb .main .tcl .intd { height: auto; padding: 0 0 0 0px; }

 #pun-index.punbb .main .tcl .intd { flex-direction: row-reverse; }
 #pun-index .inew .intd div.icon { width: 0px;  height: 0px; padding: 0; }

 .punbb .main .tc2, 
 .punbb .main .tc3, 
 .punbb .main .tcmod { text-align: center;  width: 15%; font-size: 10px; text-transform: lowercase; }
 .punbb .main .tc2 a, 
 .punbb .main .tc3 a, 
 .punbb .main .tcmod a { color: var(--main-url); }
 .punbb .main .tc2 a:hover, 
 .punbb .main .tc3 :hover, 
 .punbb .main .tcmod :hover { color: var(--hover-url); }

.punbb .main .tc2 a { font-weight: 700; }

 #pun-main table div.tclcon { padding: 0px 0px 0px 0px; width: 100%; height: auto;  text-transform: lowercase;  z-index: 12; width: 100%;  z-index: 2;  display: flex;  flex-direction: row;  justify-content: space-between;  align-items: start; padding: 10px 0;}

#pun-searchtopics table div.tclcon { flex-direction: column;}

/* ññûëêè ïîäôîðóìà */
 .opis { font: 500 normal 9px/14px var(--main-font);
  color: var(--text-color-6);
  padding: 0.5em 0em;
  width: 450px;
  text-align: justify;
  letter-spacing: 0.5px;
  display: flex;
  align-items: end;
}
 .opis a {  color: var(--text-color-2); font-weight: 700;  padding: 1px 0px 2px 0px;  }
 .punbb .opis_link a {  font-weight: 600;
  color: var(--text-color-3);
  margin: 2px 3px 1px 0;
  background: #535353;
  padding: 2px 5px;
  border-radius: 3px; }
 .punbb .opis_link a:hover { color: var(--text-color-1); outline: 1px solid var(--text-color-1); background: transparent }

 .opis .opis_link { display: flex;
  position: absolute;
  left: 42px;
  margin-top: -8px;
  width: 160px;
  text-align: center;
  justify-content: right;
  flex-wrap: wrap;
  flex-direction: row; }

/* èêîíêè íà ãëàâíîé */
 .icon {  display: block; }

.icon[data-new-topics]::before, 
.subforums span[data-new-topics]::before { content: attr(data-new-topics) !important;  background: var(--main-url)  !important;  border-radius: 100% !important; display: block !important; width: 12px;  z-index: 2; font: 500 normal 8px/12px var(--main-font) !important; color: #fff !important; margin: -18px 0 0 29px !important; }

.intd div.icon { display: block; margin: auto 16px auto 10px; width: 36px; height: 30px; z-index: 19; background: url(//forumstatic.ru/files/001c/2a/af/54055.png) no-repeat; background-size: cover; filter: brightness(86%) opacity(50%); }

.inew .tclcon strong { display: flex; flex-direction: column; }
.newtext { display: block;  margin: -13px 0 0 0px; color: color: var(--text-color-2); }
#pun-main .forum .tclcon .newtext a { font: 700 normal 10px/18px var(--main-font); color: var(--text-color-2);  text-transform: lowercase;}

.dark #pun-main .forum .tclcon .newtext a { color: var(--text-color-2);}

.inew .intd div.icon { background:  url(//forumstatic.ru/files/001c/2a/af/70874.png) no-repeat; z-index: 19; filter: opacity(100%); background-size: contain; }
.iclosed .intd div.icon {background: url(//forumstatic.ru/files/001c/2a/af/52444.png) no-repeat;
background-size: auto; z-index: 19; animation: none; background-size: contain; }
.poll .intd div.icon { background:  url(//forumstatic.ru/files/001c/2a/af/70874.png) no-repeat; z-index: 19; filter: opacity(100%); background-size: contain; }
.isticky .intd div.icon { background: url(//forumstatic.ru/files/001c/2a/af/23443.png) no-repeat; z-index: 19; animation: none; background-size: contain; }

span.stickytext, span.closedatafield, span.polltext {font-size: 0px;}

#pun-index div.icon {  margin: 40px auto auto auto;  width: 25px;  height: 25px;  outline: none;  border-radius: 0%;  opacity: 1;  position: relative;  padding: 0 20px 0 0;z-index: 14; display: none; }

/*.intd div.icon {
  transform: translate3d(0, - 30%, 0);
  animation: spin 6.0s infinite linear;
}*/

@keyframes spin {
  0% {
    transform: translate3d(0, -30%, 0);
  }
  50% {
    transform: translate3d(0, 30%, 0);
  }
  100% {
    transform: translate3d(0, -30%, 0);
  }
}


.tcl .icon.inew::before {  font-weight: 900;  filter: brightness(1.0) opacity(0.8) contrast(0.9);  position: absolute;  margin-left: 33px;  background: var(--text-color-4); }

.icon.inew { display: block !important; }

.punbb .icon[data-new-topics]::before, 
.punbb .subforums span[data-new-topics]::before { height: 12px;  width: 12px; }

.icon[data-new-topics]::before, 
.subforums span[data-new-topics]::before { content: attr(data-new-topics); background: #888bd1; border-radius: 100% !important; color: #ffffff !important; display: block !important; font-size: 0.8em !important; font-weight: 500 !important; padding: 2px; text-align: center; z-index: 2; line-height: 12px !important; }

/* last column */
 .punbb .main .tcr {  width: 100%; /*width: 220px;*/  float: none;  padding: 1.5em 1.0em 1.5em 1.0em; vertical-align: middle; display: table-cell; text-align: left;}

 .punbb .main .tcr a { color: var(--text-color-1);  font: 700 normal 9px/12px var(--main-font);  text-transform: uppercase; letter-spacing: 0.03em; padding: 0 0 0px 0px; word-break: break-word; max-width: auto; text-align: right; }
 .punbb .main .tcr a:hover {  color: var(--text-color-2);}

 .lastpost, 
 .punbb .user-avatar.byuser {  color: var(--main-text); }
 .lastpost {  display: block; min-height: auto; padding: 0px 0px; text-transform: lowercase; font-size: 10px; text-align: center;  color: var(--text-color-5); }
 .byuser {  font-weight: 700;}

/* ìèíè àâà */
.punbb .user-avatar { height: 20px !important;  width: 20px !important; background: #6f6f6f; margin: auto !important; margin-top: auto; border-radius: 4px; left: 191px; border: 1px solid var(--text-color-5); opacity: .25; margin-top: 3px !important; }

#pun-index.punbb .user-avatar { position: absolute !important;  }

.punbb .user-avatar .avatar-image { border-radius: 0% !important; height: 20px !important;  width: 20px !important; opacity: 1.0; mix-blend-mode: soft-light; -webkit-filter: contrast(1) brightness(1) grayscale(1); background-position: center center; background-size: cover; transition: all .5s ease-in-out 0s;}

.punbb .user-avatar .avatar-image:hover { mix-blend-mode:hard-light; }

.punbb .user-avatar .isonline { width: 8px; height: 8px; color: var(--main-url); background: var(--text-color-4) !important; top: -5px !important; }

/* ñòàòèñòèêà */
#pun-stats .container {  padding: 12px 20px 25px 20px; display: grid; gap: 0px 10px;grid-template-areas: "sof1 sof2 sof3 sof4" "sof6 sof6 sof5 sof5";}

#pun-stats li.item1, 
#pun-stats li.item2, 
#pun-stats li.item3, 
#pun-stats li.item4 { display: inline-block; padding: 6px 6px 4px 6px; min-width: 28%; text-align: center; text-decoration: none; text-transform: uppercase; font-size: 8px; border-radius: 10px; margin: 0px 1px; font: 100 normal 9px/12px var(--h-font); align-content: center; background: #d0d0d0; letter-spacing: 0.5px;}
    
.statscon { margin: 0px;}
#pun-stats div.statscon a {  font-weight: 500; color: var(--text-color-1);}
#pun-stats div.statscon a:hover { color: var(--hover-url-light);}

#pun-stats h2 {  padding: 0em 0em 0em 0em; text-align: center; margin: -24px 0px 0 0;z-index: -7;}
#pun-stats h2 span {  visibility: hidden; }

#pun-stats .item1 strong,
#pun-stats .item2 strong, 
#pun-stats .item3 strong, 
#pun-stats .item4 strong a {  font-size: 9px; color: var(--text-color-10); }

#pun-stats .item1 span, 
#pun-stats .item2 span, 
#pun-stats .item3 span, 
#pun-stats .item4 span { font: 500 normal 6px/11px var(--h-font); padding: 3px 0px 2px 4px; margin: 0 0px 0 0; color: var(--text-color-5); letter-spacing: 1px; }

#onlinelist {  text-transform: lowercase;  font-weight: 500;  font-size: 10px;}
.punbb .onlinelist { grid-area: sof5; margin: 42px 0em 1.5em 0% !important; padding: 0 10px;  }
.punbb .users_24h { grid-area: sof6; width: 93%; margin: 42px 1.5em 1.5em 1.5em; padding: 0 10px; }

#pun-stats li.item4 { padding-right: 0.0em; grid-area: sof4;}
#pun-stats li.item1 { padding-left: 1.5em; grid-area: sof1;}
li#onlinelist {     line-height: 130%; }
li#onlinelist div {  border-top-style: solid;   border-top-width: 0px;  padding: 0.7em 0em; color: var(--text-color-5); }

#pun-main {   position: relative;}
#pun-main { z-index: 3;}
#pun-stats {  z-index: 2;}
#pun-announcement {  z-index: 2;  position: relative; top: -73px; }
#pun-status .status-right {  display: none; }
#pun-stats {  margin: 0.0em 0em 1.0em 0em; background: var(--text-color-3);}

/* áàííåðû */
#banners-box { width: 700px; position: absolute; overflow: hidden; visibility: visible; height: 30px; background: var(--text-color-3); padding: 10px 10px 10px 10px; border-radius: 0 0 20px 20px; top: -8px; left: 150px; }

#pun-index #banners-box { top: -32px; }

#banners-box img { opacity: 0.2; transition: all .5s ease-in-out 0s;}
#banners-box img:hover, #banners-opis img:hover { opacity: 1.0;}
#banners-opis img { opacity: 0.4; transition: all .5s ease-in-out 0s;}

#banners { display: none; }

#table-visibility1 { overflow-x: hidden !important; overflow-y: scroll !important; height: 30px; }

/* âíóòðè ôîðóìà */
 .punbb .forum { margin: 5px 0 0 0; }
 .forum .container { padding: 1.0em 20px 1.0em 35px; }

 #pun-main .forum .tcl { padding: 0 0 10px 0; }
 #pun-main .forum .tclcon { height: auto; }
 #pun-main .forum .tclcon a { vertical-align: baseline; font: 500 normal 10px/18px var(--3h-font); word-break: break-word; padding: 0 20px 0 0; text-transform: uppercase; }

 #pun-main .forum .tcl .byuser::before { content: 'created by'; color: #969696;  padding: 0 5px 0 0; }

 #pun-viewforum #pun-main .intd div.icon { margin: auto 16px auto 0px; }
 #pun-viewforum .user-avatar { display: none; }
 #pun-viewforum.punbb .linksb { justify-content: space-between;  grid-template-areas: "gl2 gl3"; grid-template-columns: repeat(2, auto); }
 #pun-viewforum.punbb .subscribelink { margin: 0; }
 #pun-viewforum #pun-main table div.tclcon{ flex-direction: column;  justify-content: space-between;  align-items: start;}

 .punbb .main .forum .tc2 { vertical-align: middle; }
 .forum .container table .tc3 {  display: none;}

 .punbb .main .forum .tcr { width: 270px; font-size: 9px; vertical-align: middle; text-align: right;}
 .punbb .main .forum .tcr a {  font: 600 normal 11px/12px var(--main-font); }
 .forum .tcr .byuser {  font-size: 11px; display: block; text-transform: lowercase; padding: 3px 0 0 0;}
 .forum .tcr .byuser::before {  content: 'posted by';  color: var(--text-color-2);  padding: 0 5px 0 0; font-size: 11px;}

 .intd { display: flex; flex-direction: row; align-items: baseline; align-content: flex-end; flex-wrap: no-wrap; }

/* INFOBOX */	
 .punbb .info-box {  padding: 1.1em 1.7em 1em 1.7em;  border-style: solid;  border-width: 0px;  margin: 0 0 1.1em 0;  }
 .punbb td span.youposted {  font-weight: bold;  margin-left: -1em;  position: absolute;  }

/* ñòðåëêè ââåðõ-âíèç */
.punbb .go-up, 
.punbb .go-down { display:none; position:fixed; margin-left: 1050px; z-index:9999; cursor:pointer; opacity:0.5; margin-bottom:40px; width:60px; height:32px; font-size: 2.5em; color: var(--main-url); filter: grayscale(20%);}

.go-up {bottom: 39%; }
.go-down {bottom: 35%; }
.go-down:hover,.go-up:hover {opacity:1;}

#ToTop img { width: 45px; }
#OnBottom img { width: 40px; margin-left: 20px; }

/* ñòèëü çàêëàäîê */
 #BookmCntToggle {    z-index: 13!important;}
.punbb #MyBookmarks h2, 
.punbb #MyBookmarks h1, 
 .editBookmark h2 { background: var(--main-text); font-weight: bolder; margin-bottom: 0px !important; font: 500 normal 12px/20px var(--h-font); text-align: center !important; }
 #MyBookmarks .container { background: var(--text-color-3); }
 #MyBookmarks .container a:link {color: var(--main-text);}
 #MyBookmarks .container a:hover, 
 #MyBookmarks .container a:focus { color: var(--main-url); }
 #MyBookmarks span.scrl {color: var(--text-color-2) !important; text-shadow: 0 0 0px var(--text-color-2) !important;}
 #MyBookmarks h2::before, 
 #MyBookmarks h1::before { border: 0px; } 
 #MyBookmarks { box-shadow: var(--box-shadow-1) !important;}
 #BookmCntToggle.default-style { color: var(--text-color-4) !important; }

/* ñòðàíèöà ïðîôèëü */
#pun-profile #pun-main h1 {text-align: center;}
li#profile-name strong { color: var(--text-color-4); text-shadow: 1px 0px 1px rgba(0, 0, 0, 0.57); text-transform: uppercase; padding: 20px 0 5px 0; }

#profilenav ul { padding: 0 0 20px 0; display: flex;    flex-direction: column;}
#profile-right a, 
#viewprofile a, 
#profilenav a { color: var(--text-color-5);  font: 700 10px/10px var(--main-font); }

#profile-right a:hover, 
#viewprofile a:hover, 
#profilenav a:hover { color: var(--text-color-8);}

#viewprofile li span a { font: var(--3h-font); color: var(--text-color-4); }
.punbb #viewprofile li span a:hover { color: var(--text-color-2); }

#profile .container {padding-left: 18.6em; }

#profile a { color: var(--text-color-1); }
#profile a:hover { color: var(--text-color-4); }
#profile h3 span { color: var(--text-color-2); }

#profile-left {width: 30%; text-align: center; background: var(--text-color-1);}
#profile-left li#pa-edit a {  color: var(--text-color-3);}

#profile-name {  font-weight: 100 !important;  letter-spacing: 0.5px; }
#profile-title {  text-transform: lowercase; }

#profile-right { width: 70%; padding-left: 20px; }
#profile-right li strong {  border-left: 1px solid var(--text-color-2); width: auto; align-content: center; padding: 0 0 0 1em !important; }
#profile-right li span {  text-align: left; text-transform: capitalize;  font-family: var(--main-font) !important;  letter-spacing: 0px; }

#profilenav {  float: left;  width: 14em;  margin-left: -16.3em;  display: inline; }
#profilenav li { margin-bottom: 0.6em; display: inline-block; font: 500 16px/100% "pixy"; }
#profilenav li a { padding: 6px 8px; text-decoration: none; text-transform: lowercase;}
#profilenav li a:hover { color: var(--text-color-4); }

.punbb img.avatardemo { float: right; margin: 0 0 0.8em 1.8em; }
 
#profile-signature ul {border-style: none;}
 
#viewprofile #profile-right { display: flex; flex-flow: row wrap; overflow: visible; }
#viewprofile #profile-right li { display: flex; flex-direction: row; border: 1px solid #b1b1b1; border-radius: 10px; align-items: stretch;}
#profile-right li strong {  }
#profile .inputfield input { width: 100%; }

#profile-right #pa-fld5 span { display: none; }
#profile-right li#pa-fld5 strong { padding: 0; margin: 0; }

#viewprofile #profile-right { display: grid; grid-template-rows: repeat(8, auto); grid-template-columns: repeat(2, auto); gap: 15px 10px; grid-template-areas:
"gp1  gp2 " 
"gp3  gp4 " 
"gp7  gp5 " 
"gp6  gp6 " 
"gp8  gp8 " 
"gp9  gp9 " 
"gp10 gp11" 
"gp12 gp12";
  width: 640px; padding: 0 0 0 20px; }

li#pa-invites,
li#pa-fld5,
li#pa-awards { display: none!important; }

#viewprofile li div { padding: 0px !important; }

#pa-register-date { grid-area: gp1; }
#pa-time-visit { grid-area: gp2; }
#pa-respect { grid-area: gp3; }
#pa-positive { grid-area: gp4; }
#pa-fld4 { grid-area: gp5; } /*иконка*/
#pa-fld2 { grid-area: gp6; } /*лз*/
#pa-fld3 { grid-area: gp7; } /*фандом*/
#pa-email { grid-area: gp8; }
#pa-posts { grid-area: gp9; }
#pa-last-post { grid-area: gp10; }
#pa-last-visit { grid-area: gp11; }

/* çàãîëîâîê íàâèãàöèè â ïðîôèëå */
 #pun-main #viewprofile h2, 
 #pun-main #profilenav h2 { padding: 0em 0em 0.3em 0em; text-align: left; }
 #viewprofile h2 span, 
 #profilenav h2 span { padding: 0 5px; position: relative;  font-family: var(--h-font);  text-transform: uppercase; position: relative; font-size: 16px;   color: var(--main-text);}
 #viewprofile h2::before, 
 #profilenav h2::before { border-top: 0px; }

#viewprofile li { padding: 0.5em 0 0.5em 0px; margin-bottom: 4px; line-height: 1.1; background-color: transparent; color:var(--text-color-4); }
#viewprofile li, 
#setmods dl { background-color: transparent; color: var(--text-color-4);  }
#viewprofile li span { float: left; padding: 0.2em 1em 0.2em 2.5em; color: var(--text-color-4); width: 125px; font: 700 8px/10px var(--3h-font); text-transform: uppercase; align-content: start; }
#viewprofile li strong, 
#viewprofile li div, 
#setmods dd { display: block; padding: 0.5em 0em; font-weight: normal; }

#setmods dl {  padding: 0 0 0 1em; margin-bottom: 0.2em; }
#setmods dt { float: left; width: 14em;  padding: 0.8em 1em; font-weight: bold; display: inline; }

#profile .helplinks {  top: 1.5em;  }

 #pun-profile #pa-avatar { z-index: 2; position: relative; }
 #pun-profile h1 span,  #pun-profile legend span {  display: inline-flex; }

 #profile .pa-author a { color: var(--text-color-1); }

/* êíîïêà ðåäàêòèðîâàòü */
 #pun-profile h1 span a { margin-right: 85px; text-transform: uppercase; color: var(--text-color-2) !important; font: 700 normal 10px/26px var(--main-font); font-size: 10px; border: 2px solid var(--text-color-2); padding: 0 10px; }
 #pun-profile h1 span a:hover { color: var(--main-url); }

 #profile-left #profile-name strong { text-decoration: none; position: relative; color: var(--text-color-4) !important; text-shadow: none; text-transform: uppercase; padding: 20px 0 5px 0; font: 700 normal 14px/100% var(--3h-font); letter-spacing: 1px; }

 #profile-left #profile-title strong {  color: var(--text-color-3);  background: transparent;}
 #profile-left #pa-online strong {  color: var(--text-color-3); }
 #profile-left #pa-edit a { text-transform: lowercase; padding: 0.4em 1.7em 0.5em 1.7em; margin: 0 0.8em 0 0; border: 2px solid var(--text-color-8); letter-spacing: 0.5px; border-radius: 20px; font: 500 8px/120% var(--3h-font); background: var(--text-color-8); }
 #profile-left #pa-edit a:hover { color: var(--text-color-3) !important; background: var(--text-color-13); border: 2px solid var(--text-color-3); }
 #profile.formal .container {  background: var(--texture-noize); }

 #pa-edit {  padding: 10px 0px !important;}

 #pun-main #profile table div.tclcon { padding: 0px 40px 0px 0px; width: auto; height: 90px; text-transform: lowercase; z-index: 12; display: flex; align-items: center;  font-weight: 700; justify-content: center; }

/* ñòðàíèöà ó÷àñòíèêîâ */
.usertable .container table tbody tr.altstyle td.tc3 { font-size: 1.0em;}
.usertable .container table tbody tr td.tc3 { font-size: 1.0em;}
#pun-userlist .main .tcl { width: 25%; padding: 0.5em 2.0em 0.5em 3.5em; }
.usertable .container tr { display: flex; flex-direction: row; justify-content: space-between; }
.main .usertable a {color: var(--main-url); font-weight: 700; font-size: 12px; text-transform: capitalize;}
.main .usertable a:hover {color: var(--hover-url);}
#pun-userlist .formal, #pun-userlist .formal .container { border-bottom: none; margin-bottom: 0; }

#pun-userlist .usertable .container { padding: 2.3em; border-top: none; }
#pun-userlist .usertable table { border-style: solid; border-width: 0px; }

.usertable .container table tbody tr.altstyle td.tc3 {    font-size: 1.0em !important;}
.usertable .container table tbody tr td.tc3 {    font-size: 1.0em !important;}
.usertable .container td.tc3 { width: 10%; text-align: center; }
.usertable .user-avatar { margin: 0 0 0 0px !important; }

/* info-mess boxes */

.punbb .info .container {  padding: 20px 30px; text-align: center; font-size: 12px;  }
.punbb .info .container .backlink {  padding-top: 0.8em;  }
.info {  margin: 10px 0px;}

.punbb img.avatardemo {  float: right;  margin: 0 0 0.8em 1.8em  }

#profile h1 span,  #profile legend span {  }
#profile .button {  margin: 0 0.8em 0 0!important; }
 
/* ìîäåðêà */
#pun-modviewforum .main .tcl,
#pun-searchtopics .main .tcl { width: auto; padding: 0.5em 2.0em 0.5em 3.5em; }
#pun-modviewforum .main .user-avatar,
#pun-searchtopics .main .user-avatar { left: 0px; }
#pun-modviewforum .main .forum .container { padding: 0em;}
#pun-searchtopics #pun-main table div.tclcon { justify-content: left; }
#pun-searchtopics.punbb .post h3 a,
#pun-searchposts.punbb .post h3 a { font: 600 normal 9px/12px var(--main-font);
  max-width: 400px;
  border: 1px solid var(--text-color-2);
  padding: 2px 10px;
  border-radius: 10px;
  background: var(--text-color-3); }

.dark #pun-searchtopics.punbb .post h3 a, 
.dark #pun-searchposts.punbb .post h3 a { border: 1px solid var(--text-color-13);  background: var(--text-color-1); color: var(--text-color-2); }

.dark .punbb .post h3 a { color: var(--text-color-2); }

.dark .post h3 span strong::before {  color: var(--text-color-2); }

#pun-searchtopics.punbb .post h3 span, 
#pun-searchposts.punbb .post h3 span { flex-direction: row; }

/*ñòðàíèöà ëñ */
 #messages .linksb .pagelink { width: auto; color: var(--text-color-2); position: relative !important; font-weight: 700; text-align: right; }
 #messages .linksb .pagelink strong { border-bottom: 2px solid var(--text-color-2);}
 #messages .linksb .postlink {position: relative;}

.punbb #messages .intd div.icon {  margin: 0; width: 40px;  height: 40px;  margin: 0 10px 0 0;}
.punbb #messages  .intd { align-items: center; }
.punbb #messages .user-avatar { margin: 0 100px 0 0 !important; left: 35px; }
.punbb #messages td.tcl.pmtcl1 { justify-content: left; }
.punbb #messages td { width: 100% !important; display: flex; flex-direction: row; align-items: center; justify-content: space-between; overflow: visible; padding: 5px; }
#messages .fs-box tr { width: auto; display: grid !important; grid-template-rows: repeat(1, auto); grid-template-columns: 1.0fr 1.0fr 1.0fr 0.2fr; gap: 0px 10px; justify-items: center; text-align: center; }
#messages .linksb { padding: 1em 0.2em; font-size: 10px; color: var(--main-url); display: grid; grid-template-rows: repeat(1, auto); grid-template-columns: 1.5fr 1.2fr; align-items: center; justify-items: center;  gap: 0 10px; }
#messages .linksb .pagelink { width: auto;  text-align: left;  position: relative;  font-weight: 700; }
#messages .tclcon { height: auto; }
#messages .tclcon a { font-size: 12px;}
#messages .pa-reg, .pa-reg { display: none;}
#messages #checker {  margin: 0px 0px 15px -22px; }

.tc2.pmtc22 { width: 85% !important; display: flex; flex-direction: row; align-items: center; justify-content: space-between; font-size: 0.85em; white-space: 500 !important; overflow: visible !important;}
.tcl.pmtcl1 {  width: 45% !important;}
 .tc2.pmtc22 {    width: 20% !important;    display: flex;    flex-direction: row;    align-items: center;    justify-content: space-between;    font-size: 10px;    white-space: 500 !important;    overflow: visible !important; font-weight: 600 !important;}
 .tc3.pmtc33 {  width: 16% !important;  display: flex;  flex-direction: row;  align-items: center;  justify-content: end;}
 .tcl.pmtcl1 {    width: 45% !important;}

#profile.messages-container .post .post-author { position: relative; top: 0px; }
#profile.messages-container .post-body { width: calc(100% - 300px);  padding: 2.0em 2.0em 0px 2.0em;  margin: 10px 3px 2em 3px; }
#profile.messages-container h3 span { color: var(--text-color-1); padding: 0px 30px; margin-left: 200px; }
#profile.messages-container #plng { color: var(--text-color-1); padding: 0px 30px; margin: 0 58px 0 20px; }

#pun-messages #pun-main .post { margin: 0; }

#profile.messages-container .pl-quote.pl-reply a { color: var(--text-color-3); background: var(--text-color-1); transition: 1s; text-transform: lowercase; padding: 0.2em 1.2em 0.3em 1.2em; margin: 0 0.8em 0 0; border: 2px solid var(--text-color-1); letter-spacing: 1px; border-radius: 10px; font: 600 10px/120% var(--3h-font); }

#profile.messages-container .pl-quote.pl-reply a:hover { color: var(--text-color-3);  background: var(--text-color-4); }

#profile.messages-container .post-links ul a { color: var(--text-color-2); font-size: 11px; text-transform: lowercase; }
#pun-messages.punbb .formal .container { 1.8em 20px 1.8em 18.6em; }

#pun-messages li.pa-author { padding: 20px 0px 4px 0px; }

/* ñòðàíèöà ïîèñêà */
.main.search h3 span::before { display: none; }
.main.search .post-author::before { display: none; }
.main.search li.pa-replies { color: var(--text-color-2); padding: 10px 0; font-size: 12px; text-transform: lowercase;}
.main.search li.pa-author, 
.main.search li.pa-author a {  font: 700 normal 14px/100% var(--h-font); padding: 20px 0px 4px 0px; color: var(--text-color-2) !important; }
.main.search .post-links ul {  text-align: right; }

.main.show_user_posts h3 span::before { display: none; }
.main.show_user_posts .post-author::before { display: none; }
.main.show_user_posts li.pa-replies { color: var(--text-color-2);  padding: 10px 0; font-size: 12px; text-transform: lowercase; }
.main.show_user_posts li.pa-author, 
.main.show_user_posts li.pa-author a {  font: 700 normal 14px/100% var(--h-font);  color: var(--text-color-2)!important;  letter-spacing: 0.08em; padding: 20px 0px 4px 0px; }
.main.show_user_posts .post-links ul {  text-align: right; }
.show_user_posts .FNTslider { display: block; }

#pun-multimove li.pa-author, 
#pun-multimove li.pa-author a {  font: 700 normal 14px/100% var(--h-font);  color: var(--text-color-2) !important;  letter-spacing: 0.08em; padding: 20px 0px 4px 0px; }

li.pa-reg {  display: none;}

 .punbb legend span, 
 #viewprofile h2 span, 
 .punbb-admin #pun-admain legend span { background-color: transparent; }

#post legend span {
    margin: 0 45% 0 0;
    display: flex;
    align-items: center;
    font-weight: 500;
    color: var(--text-color-5);
    font-size: 11px;
    font-family: var(--main-font);
    width: 200px;
}

#post legend { display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font: 500 normal 10px/12px var(--3h-font);
  text-transform: lowercase; }

/* заголовки тем*/
 .title-h2 {font-weight: bold !important;font-size: 1.7em !important; color: var(--text-color-2);padding: 0 0 5px 0;}
 .title-h2::after { content: ""; position: relative; display: block; width: 30px; height: 3px; background: var(--text-color-2); margin-top: 5px; left: 1px; }

/* заголовки внутши тем*/
 .title-post {font-size: 1.7em !important;color: var(--text-color-2); }

 .title-post a {font-weight: bold !important;color: var(--text-color-2)!important; }
 .title-post a:hover {font-weight: bold !important;color: var(--hover-url-light)!important; }

/* пшавка Новая тема/Новый опшос*/
 .postlink.long {  width: 30em; text-align: right; position: relative !important;}

/* юзешы в теме*/
 #topic-users-in p.container { color: var(--text-color-5); background: var(--text-color-3);}
 #topic-users-in p.container a {  color: var(--main-url); padding: 0 0 0 10px; }
 #topic-users-in p.container a:hover { color: var(--text-color-2);}
 #topic-users-in { background: none;  border: none !important; text-transform: lowercase; }
 #topic-users-in .container {  margin: 0.9em 0em 0em 0em; justify-content: start; flex-wrap: wrap; }
 #topic-users-in .container span {  margin: 0 10px 0 0; }

/* шазделители для важных и пшостых тем */
 .td-divider::before { content: ''; border-top: 1px solid #a5874e !important; position: absolute; width: 388px; margin-top: -6px; opacity: 0.5; }

 .td-divider {  padding: 0.8em 0.5em 0.3em 0.8em !important; }
 #pun-main tr.tr-divider { font-weight: 100; text-align: left; text-transform: lowercase; color: var(--main-url); background-color: transparent !important; font-family: var(--h-font);  font-size: 11px; }

/* доп окна фошмы ответа*/
 #post .fs-box .container { background: var(--text-color-3); border: 1px solid var(--text-color-5) !important;}
 #post .fs-box .container a { color: var(--main-url); text-decoration:none; font-size: 1.1em;}
 #post .fs-box .container a:hover { color: var(--hover-url);}

 #post-width option, 
 #post-lineheight option, 
 #post-font option {  background: var(--text-color-2);}

/* ãëàâíàÿ íàâèãàöèÿ */
#pun-navlinks a, 
#pun-navlinks a:link, 
#pun-navlinks a:visited { text-decoration: none;
  border: 0px;
  font: 500 normal 11px/100% var(--h-font);
  text-transform: uppercase;
  color: var(--text-color-3);
  position: relative;
  letter-spacing: 0.5px; }

/* #pun-navlinks a:hover, 
 #pun-navlinks a:focus, 
 #pun-navlinks a:active {  color: transparent;}*/

 #navindex a, #navuserlist a, #navsearch a, #navprofile a, #navpm a, #navadmin a, #navlogout a,  #navregister a, #navlogin a, #navpr_1 a {  position: relative;}

#pun-navlinks li a:hover::before, 
#pun-navlinks li a:focus::before {  max-width: 100%; }

#pun-navlinks li a:hover, 
#pun-navlinks li a:focus {  color: transparent;}

#pun-navlinks li a::before { position: absolute; top: 0; left: 0; overflow: hidden; padding: 0px 0; margin: 0px 0 0 0; max-width: 0; color: var(--text-color-4); content: attr(data-hover); -webkit-transition: max-width 1.0s;  -moz-transition: max-width 1.0s; transition: max-width 1.0s; }

 #pun-navlinks li { margin: 0px; /*height: 28px;*/  opacity: 1;  transition: opacity 1s; align-content: center;
    -moz-transition: opacity 1s; /* Firefox 4 */
    -webkit-transition: opacity 1s; /* Safari and Chrome */
    -o-transition: opacity 1s; /* Opera */ }

#pun-navlinks { width: 505px; top: 15px; z-index: 10; position: relative; background: transparent; border-radius: 20px 20px 0 0; margin: 0 -18px 0 auto; right: 0px; padding: 5px 0px 4px 15px; }
 #pun-navlinks .container {width: 100%; min-height: 28px; display: flex; flex-direction: row; justify-content: space-around; align-items: center;}
 #pun-navlinks .container::after { display: none; }

 #pun-ulinks a, 
 #pun-ulinks a:link, 
 #pun-ulinks a:visited { font: 700 normal 10px/9px var(--main-font); text-decoration: none;  text-transform: lowercase;  color: var(--main-text); letter-spacing: 1px; }

 #pun-ulinks a:hover, 
 #pun-ulinks a:focus, 
 #pun-ulinks a:active {  font-weight: 700; color: var(--text-color-4); }

 #pun-ulinks .container { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding: 10px 0px; background: transparent; margin: 5px 10px; }

#pun-ulinks {  width: 100%; top: 290px; right: 0px; z-index: 1; position: relative; border-radius: 0px 0px 0 0; padding: 0px 0px 0px 0px; background: transparent; }

 #pun-ulinks .container::after {display: none;}

 #pun-ulinks li, 
 #pun-ulinks li a {  white-space: nowrap; text-align: center; }

 #pun-ulinks li.item5, #pun-ulinks li.item3 {  display: none;}
 #pun-ulinks li.item1 {  margin: 0 0 0 30px; }
 #pun-ulinks li#h-markread {  margin: 0 30px 0 0; }

#pun-ulinks ul li { position: relative; overflow: visible; }

#pun-ulinks ul li a { display: block; position: relative; padding: 8px 12px; text-decoration: none; z-index: 1;  transition: color 0.3s; }

#pun-ulinks ul li::before { content: ""; position: absolute; top: -10px; left: 0; width: 100%; height: 38px; background: var(--text-color-3); border-radius: 0 0 10px 10px; transform: translateY(-100%); opacity: 0;
    transition: transform 0.3s ease, opacity 0.3s ease; z-index: 1; }

#pun-ulinks ul li:hover::before,
#pun-ulinks ul li.active::before { transform: translateY(0); opacity: 1; }

#pun-ulinks ul li.active a { color: var(--text-color-4); }

/* онлайн подшобнее*/
 #pun-online #pun-main .section { margin: 1.5em 0em 0em 0em;  padding: 20px 35px 20px 2px;}
 .punbb  .online-list a { color: var(--main-url); font-weight: 700; }
 .punbb  .online-list a:hover { color: var(--hover-url);}

.online-list td.tcl.username { font: 700 12px / 100% var(--main-font); }
.punbb .main .online-list .tc3 { text-align: right; width: 25%; font-size: 11px; }

/* цвет текста */
 .punbb .post-body, 
 .punbb .post-links,
 .punbb td.tc2, 
 .punbb td.tc3,
 .punbb .formal fieldset .post-box, 
 #viewprofile li strong, 
 #viewprofile li div, 
 #setmods dd,
 .punbb .info-box, 
 .punbb #pun-main .info-box .legend,
 .punbb th {background-color: transparent;  color: var(--main-text);  }

 .usertable {  padding: 0em 0em;  margin: 3em auto 2em auto !important;}

.punbb #pun-main .modal-inner h2,
.punbb #pun-main .modal-inner h1 {  color: var(--text-color-4) !important;  background: var(--text-color-1); font: 700 normal 16px/20px var(--3h-font); padding: 0.5em 0em 0.5em 1em;}

.punbb #pun-main .modal-inner h2::before,
.punbb #pun-main .modal-inner h1::before { border-top: 0; }

.punbb #pun-main .modal-inner h1 span {  font: 700 normal 16px/20px var(--3h-font); padding: 0.5em 0em 0.5em 1em; background: transparent; padding: 0 0 0 0px; }

 #checker {  margin: 0px 12px 15px 0px; }

 #userlist h1 span,  #userlist legend span {   font-weight: 700;}
 #userlist select { background: var(--text-color-3); border: 1px solid var(--text-color-5); } 

 .punbb .fs-box p  {  padding: 0em 0em 0.8em 0em;}

 .drpmenu-content #stylelist a {  font-size: 10px; }
 .drpmenu-content {  background-color: var(--text-color-2);  left: -119px; display: none;  position: absolute;    min-width: 160px;  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);  padding: 12px 16px;  z-index: 1;  font-size: 10px;}
 #panel-sticker {  color: var(--text-color-4) !important; }
 #panel-content {  border: 2px solid var(--main-text); }
 #panel-sticker:hover {  color: var(--main-url) !important; border: 1px solid var(--main-url) !important;}
 .fa-github-square::before {  color: var(--text-color-4); }
 .fa-github-square:hover::before {  color: var(--main-url); }
 .fa-user-circle::before {  color: var(--text-color-4); }
 .fa-user-circle:hover::before {  color: var(--main-url); }

 .punbb .fs-box p a {  font-weight: 700;  padding-bottom: 3px;}

 #mask_form { padding: 0 10px 0 0; }
 #mask_dialog .inner {  background: var(--text-color-3);}
 #mask_form textarea { border: 1px solid var(--text-color-5) !important; }
 .dark #mask_form textarea { border: 1px solid var(--text-color-13) !important; }
 .main table .Add { flex-direction: row; justify-content: space-evenly; align-items: center; position: relative; left: auto; height: auto; top: 0px;  padding: 1px 10px; font-size: 10px;}

 #pun-main h2 { margin: 13px 13px 13px 13px;  padding: 0; /*! background: var(--text-color-3); */}


/******************************* ADMIN-PANEL AND HIDDEN OBJECTS *******************************/
/* adminka */
.main h2 { font: 500 normal 30px/20px var(--3h-font);  border: 0px; color: var(--main-url); /*! outline: 1px solid var(--main-text); */ /*! border-radius: 10px 10px 0 0; */ } 

.punbb-admin #pun-admain h2, 
.punbb-admin #pun-admain h2 span {  font: 700 normal 20px/20px var(--3h-font); color: var(--main-url);  text-align: center; padding: 0.5em 0em 1.0em 0em;  border: 0px; text-transform: uppercase; }

#pun-admain h1 span, #pun-admain h2 span, #pun-admain legend span, #pun-admain .adformal h3 span {border-top: 0px; }

#pun-admain .adformal p.submittop, #pun-admain .adformal p.submitend { text-align: center; padding-bottom: 8px; font-size: 1.2em; font-family: var(--main-font) !important; text-transform: lowercase; }

#pun-admain textarea, #pun-admain optgroup {  border: 0px !important; }

.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link {color: var(--main-url-light);}
.punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active, #pun-admain a:hover {  color: var(--hover-url-light) !important; }

.punbb-admin #pun-admain .adcontainer {  background: #d6d1d9;}
#pun-admain textarea { background: var(--text-color-3); }
#pun-admain fieldset p { border-left-style: solid; border-left-width: 18em; margin-bottom: 3px;
padding: 6px 0; position: relative; border-color: #c9c5cc !important; background-color: #c9c5cc !important;}

#pun-admain span.adsubmit { width: 18em !important;}

/* hidden objects */
#pun-announcement h2, #pun-navlinks #navawards, #pun td .modlist, .lastedit, div#pun-live-rusff, li#navawards, #pun-main div.catleft, #pun-main div.catright, #post-form h2, #button-graffiti_rusff, #pun-title, .pa-gifts, .pa-awards, #viewprofile #profilenav ul {    display: none !important;}

/* checkfilds */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}

p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * { height: 1.8em;  vertical-align: middle  }
  
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {  clear: both;  content: ".";  display: block;  height: 0;  visibility: hidden;  overflow:hidden;  line-height: 0.0;  font-size: 0;  }


.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {  font-size: 0;  height: 0;  width: 0;  line-height: 0.0;  position:absolute;  left: -9999px;  overflow: hidden  }
  
  
  /******************************* NAVIGATION / SUBNAVIGATION *******************************/

/* INFO-PANEL */
#u-panel { height: 60px; width: 300px;}
#option {position: fixed; top: 9px; z-index: 20; margin-left: 1px; border: 0px; width: 55px; height: 56px; }
#option img { width: 100%; border: 0px; filter: saturate(50%);}
#option img:hover {filter: none !important;}

/* BLOCK STATUSA */
#pun-status { margin: 0; font: 500 8px/10px var(--main-font); font-family: var(--main-font); color: var(--text-color-1); top: 36px; position: absolute; width: 288px; opacity: 1; background: var(--text-color-3); border-radius: 20px; padding: 5px 0; z-index: 2; left: 68px; }
#pun-status a { color: var(--main-url);}
#pun-status a:hover { color: var(--text-color-4);}

#pun-status .container { text-align: center; z-index: 11; text-transform: lowercase; }
#pun-status span { white-space: nowrap;  margin-right: 0.5em;  }

/* USER NAVIGATION */
#pun-pagelinks {  position: absolute;  top: -15px;  left: 0;  margin: 0;  border: none;  padding: 0;  width: 100%;  }

#pun-pagelinks .container {  background: transparent;  border: none;  padding: 0;}
#pun-pagelinks .container li {  display: inline  }

#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {  height: 2em;  line-height: 2em;  padding: 0;  font-size: 1.2em;  margin-left: -9999px;  display: block;  float:left;  width: 100%;  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {  position:relative;  margin: 0;  }

#pun-pagelinks li a span {  display:block;  margin: 0 1em;  }

#pun-break1 { margin: 0 1em;  height: 0;  position: relative;  z-index: 1;  }
#pun-break4 { margin: -2px 1em;  border-style: solid none;  border-width: 0px 0;  position: relative;  height: 0;  z-index: 1; }

#pun-post .topic {  margin-top: 1em;  }

.topic .container { background: var(--texture-noize);  color: var(--main-text); }

.punbb fieldset fieldset {  border-style: none;  margin: 0;  padding: 0 0 8px 0  }
.punbb .helplinks span {  display: block;  padding-bottom: 0.2em;  }
  

/* MODERS */
.punbb td .modlist {  display: none;  padding-top: 0.3em;  }
.punbb .main td {  border-style: none;  border-width: 0px 0 0 1px;  padding:  1.5em 1.0em; }
.punbb .main th {  border-style: none;  border-width: 0 0 0 1px;  padding: 0.9em 2em 0.4em 2em;  }
.punbb .main .tcl {  border-left-style: none;  border-left-width: 0; border: none; }

/******************************* LOGO FOOTER AND STATISTIC *******************************/
/* LOGO */
#pun-title table {  height: 65px!important;     overflow-x: hidden;     position: relative;}

#pun-title, #pun-title .container { background-color: transparent; border-color: transparent; border: 0px !important; }

#pun-title table tbody tr .title-logo-tdr { position: absolute; z-index: 1; left: 0px; top:0px; opacity: 0.3;}

#pun-title { margin: 0; border-style: none none none none; border-width: 0px 0px 0 0px; height: 295px; display: none;}
#pun-title h1 {  display : block;  padding: 2em 1em 0 1em;  }
#pun-title .container {  border-style: none none none none;  }
#pun-title h1 span  {  font-size: 1.5em;  }
#pun-title h1 span  {  display: none;  }


/* FOOTER */
#pun-about .container { background-repeat: no-repeat; background-position: bottom center; background-attachment: scroll; font-size: 1.0em;}
#pun-about { position: absolute; width: 1000px; text-align: center; height: 20px; margin: 75px auto 0 auto; font-size: 9px; text-transform: lowercase; }
#pun-index #pun-about {  margin: 45px auto 0 auto;  }
#pun-about .container {  line-height: 18px; padding: 0.8em 0em; text-align: center !important; font-weight: 500 !important; }
#pun-about p span { margin-top: 10px; }

div#html-footer {  z-index: 0; position: relative;}

#pun-qjump {  margin: 0;  border: none;  width: 50%;  position: relative;  float: left;  }
#pun-qjump .container {  border: none;   background: transparent;  padding: 0.8em 1em;  }

#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {  text-align: center;  width: 15%;  }

#pun-debug table .tcl {  width: 15%;  white-space:normal;  }
#pun-debug .tcr { width: 90%;  white-space: normal;  }

/* oformlenie vsplivaushei podskazki */
#tooltip { position:absolute; background-color: var(--text-color-1); z-index:999; max-width:140px; border: none; font-size:10px !important; display:none; color: var(--text-color-3); text-align:center; padding:0.3em; font-family: var(--main-font);  left: 0%; top: -15%;}

	
/******************************* POSTBIT QUOTES AND POSTS *******************************/
.punbb .post-content { font-size: 12px;  padding: 0px; margin: 0px; width: 100%; overflow: hidden; font-weight: 500; }

.punbb .post-content p { margin: 0; padding: 0em 0em 1em 0em; line-height: 150%; }

.punbb .post-sig dt { display: block; border-top: 0px; background: #7d7e7e !important; opacity: 0.4 !important; width: 100%; height: 1px; margin: 5px 0 20px 0; }

.punbb .post-content img {  vertical-align: text-bottom  }
.punbb .post-content img.postimg {  vertical-align: middle;  }

.punbb .post-content .scrollbox { width: 100%;  overflow: auto;  font-size: 10px!important;  }

.punbb .post-content .blockcode, 
.punbb .post-content blockquote { width: auto; padding-bottom: 0px !important; line-height:150% !important;  margin: 5px 0 0 0; }
  
.punbb .post-box { padding: 0em 0.5em 0em 0.5em;}

.punbb fieldset .post-box { margin-bottom: 0.8em  }

.pl-email, .pl-website { float: left;  text-align:center;  }

.punbb .clearer { clear: both;  height: 0;  font-size: 0;  }

#pun-post .formal .info-box li { padding-left: 4px;  list-style-type: square;  list-style-position: inside;  line-height: 1.5;  margin: 0;  }
    
.punbb .fs-box {  padding: 1em 0 0.8em 0;  }
.punbb .fs-box p, 
.punbb .fs-box fieldset {  padding: 0 0 0.8em 0  }
.punbb .inline .inputfield, 
.punbb .inline .selectfield, 
.punbb .inline .passfield {  float: left;  margin-right: 1em;  }
.punbb .inline .infofield {  clear:both  }
.punbb .datafield br {  display: none  }
.punbb .required label, 
.punbb .datafield span.input {  font-weight: bold  }
.punbb .datafield span.input a {  font-weight: 500;  }
.punbb .areafield span.input, 
.punbb p.longinput span.input { display: block;  padding: 0 12em 0 0;  height: 100%; /* For IE */  }
.punbb textarea, .punbb .longinput input {  width: 99.3%;  margin: 0;  }
textarea { width: 100%; box-sizing: border-box; }

#font-area > div:hover {  transform: scale(2.5);  transition: transform 0.2s ease;  overflow: visible;  margin: 0 auto;  text-align: center;}

#font-area {  max-height: 290px;  overflow-y: scroll; width: 130px; padding: 1.8em 30px;}

#floatbut::before {  content: '\f362';  font-weight: 900;  display: block;  margin: 0px 0 -10px 0;}

#flo-right img, #flo-left img {  height: 26px; width: 26px;}

#flo-right::before {  content: '\f34c';  font-weight: 900;  display: block;  font-family: "Font Awesome 6 Pro";  font-size: 2em;height: 26px;width: 26px;position: absolute;z-index: -1;}

#flo-left::before {  content: '\f34b';  font-weight: 900;  display: block;  font-family: "Font Awesome 6 Pro";  font-size: 2em;height: 26px;width: 26px;position: absolute;z-index: -1;}


/******************************* HELP REDIRECT AND ANNOUNCMENET *******************************/
#pun-announcement h2 {  padding: 0;  margin: -1em 0em -3.5em 1em;  border-style: none none solid none;  border-width: 0 0 1px 0;  position: relative;  font-weight: bold;  }

#pun-announcement h2 span {  display: block;  border-bottom-style: solid;  border-bottom-width: 1px;  }

#pun-announcement .container {  padding: 0em;  margin-top: 0px;  }

/* HELP */
#pun-help .formal .info-box h3.legend {  border-bottom-style: solid;  border-bottom-width: 1px;  padding-bottom: 0;  margin-bottom: 0.8em;  }
#pun-help .formal .info-box h3.legend span {  padding-bottom: 0.6em;  display: block;  border-bottom-style: solid;  border-bottom-width: 1px;  font-size: 1.1em;  }
#pun-help .formal p, #pun-help .formal dd {  margin-bottom: 1em  }
#pun-help .formal ul, #pun-help .formal dl {  padding: 0 0 0 1em  }
#pun-help .formal li {  padding: 0;  line-height: 130%  }
#pun-help .formal li * {  vertical-align: text-top  }
#pun-help .formal dt span {  font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace  }
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {  padding-bottom: 0;  }

/* REDIRECT */
#pun-redirect {background: var(--text-color-3);  height: 100%; box-shadow: var(--box-shadow-1);}
#pun-redirect .container {    margin: 0px auto;    width: 100%;   background: transparent !important;}
#pun-redirect a { color: var(--text-color-2); }
#pun-redirect h1, #pun-redirect h1 span {background: none;}

/* øàïêà */
.table_super { height: 320px; opacity: 1; position: relative; display: flex; flex-direction: row; width: 100%; align-items: start; justify-content: space-between; transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; background: url(//forumstatic.ru/files/001c/2a/af/68088.png) transparent no-repeat;
  transition: all 1000ms ease; width: 1018px; }

.table_super:hover { opacity: 1; }
.table_super a { font: 500 13px/12px var(--main-font); color: var(--main-url); text-transform: uppercase; margin: 0; transition: all .5s ease-in-out 0s; -webkit-transition: all .5s ease-in-out 0s; -khtml-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s;}

.table_super a:hover { color: var(--text-color-4); }

.logo_foruma {  position: absolute;  top: 29px;  text-align: left;  text-transform: uppercase;  color: var(--text-color-3);  display: flex;  flex-direction: column;  z-index: 9;  left: 260px;  top: 140px;}

.big_logo {  font: 500 normal 88px/40% var(--3h-font);  z-index: 8;  position: relative;  padding: 0 0 34px 0;  mix-blend-mode: revert;  color: #dbdbdd;}

.first_ge { color: var(--main-text); }

.small_logo {  font: 500 normal 18px/30px var(--3h-font);  background: var(--main-text);  color: var(--text-color-3);  padding: 2px 10px;  position: absolute;  transform: rotate(-5deg);  left: 336px;  margin: 30px 0 0 0;  z-index: 9;}

.box-1 { width: 156px; height: 256px; z-index: 1; top: 58px; position: absolute; left: 19px; display: flex; }

.box-1 a:hover { color: var(--text-color-5); }

.box-1 .part_one,
.box-1 .part_three,
.box-1 .part_five,
.box-1 .part_seven { color: var(--main-text); display: flex; flex-direction: row; align-items: center; padding: 0 0 0px 0; text-align: left; height: 22px; }

.box-1 .part_two, 
.box-1 .part_four, 
.box-1 .part_six, 
.box-1 .part_eight { color: var(--text-color-3); display: flex; flex-direction: row; align-items: center; text-align: right;   justify-content: right; height: 22px; }

.box-1 .part_one { margin-left: 21px; }
.part_three { margin-left: 39px; }
.part_five { margin-left: 13px; }
.part_seven { margin-left: 33px; }

.box-1 .part_two { margin-right: 27px; }
.part_four { margin-right: 20px; }
.part_six { margin-right: 40px; }
.part_eight { margin-right: 20px; }

.box-1 a { font: 600 10px/120% var(--3h-font); }

.table_h { font: 600 10px/120% var(--3h-font);  text-transform: uppercase; letter-spacing: 0.05em; }

.box_part_one span:hover { letter-spacing: 0.1em;}
.punbb .box_part_one span:hover a { color: var(--text-color-5); }

.box_part_one { display: flex; flex-direction: column; justify-content: space-between; padding: 0px 0 0 0; }

.box_part_one span { text-transform: lowercase; font: 600 9px/11px var(--3h-font); transition: all .5s ease-in-out 0s; }

.punbb .box_part_one span a { font: 600 9px/120% var(--3h-font); text-transform: lowercase; color: var(--text-color-4); }

.box_part_two { display: flex; flex-direction: column; text-align: center; padding: 15px 0 0 0; }
.box_part_two a { border: 2px solid var(--text-color-4); border-radius: 10px; padding: 4px 30px 3px 30px; font: 700 10px/12px var(--main-font); margin: 1.5px 0; }
.box_part_two a:hover { background: var(--text-color-4); }

.box-2 { display: flex; flex-direction: row; justify-content: space-between; align-content: center; width: 492px; z-index: 1; height: 30px; position: absolute; top: 52px; left: 193px; }

.box-2 > div { width: 140px; display: flex; flex-direction: column; justify-content: center; color: #b5b5b5; font: 600 10px/120% var(--3h-font); background: var(--text-color-1); border-radius: 20px; height: 31px; align-items: center; }
.table_super .box-2 a,
.table_super .box-2 p  { font: 500 8px/14px var(--3h-font);  text-transform: lowercase; letter-spacing: 0.05em;   color: var(--text-color-3); }

.table_super .box-2 .table_h a { font: 600 8px/10px var(--3h-font); text-transform: uppercase; letter-spacing: 0.1em; color: var(--text-color-3); }

.purple__h { border: 1px solid var(--text-color-4); color: var(--text-color-4); border-radius: 10px; padding: 3px 12px; text-transform: uppercase; font: 600 11px/120% var(--3h-font); background: var(--text-color-1); transition: all .5s ease-in-out 0s; position: absolute;  letter-spacing: 2px; }

.purple__h:hover {  color: var(--text-color-5); border: 1px solid var(--text-color-1); }
.purple__h.first { top: 35px; left: 629px; }
.purple__h.second { top: 179px;  left: 674px; padding: 3px 14px;}
.purple__h.third { top: 343px; left: 889px; padding: 3px 15px; }

/*Всплывающая фошма входа */
#Login_Punbb > .container {background-color: var(--text-color-3); position: fixed; top: 40%; padding: 1em; vertical-align: middle; z-index: 100000; border-radius: 0px; border: none;}

#Login_Punbb fieldset legend span { font-size: 1.2em !important; font-weight: 700; background: transparent; color: var(--text-color-2);}

#login.container p.formsubmit a {    font-size: 1.0em !important;    color: var(--main-url-light);}
#login.container p.formsubmit a:hover {    font-size: 1.0em !important;    color: var(--main-url-light);}

/* stiker*/
 .hvStickerPackModal {    border: none !important;    box-shadow: var(--box-shadow-1) !important;    border-radius: 0px !important; background: var(--text-color-3);}
 .hvStickerPackModalTab {  font-family: var(--main-font) !important;    border-radius: 0px !important; background: var(--text-color-5)!important; color: var(--text-color-3); }
 .hvStickerPackModalContent {  border: solid 1px var(--text-color-5) !important;}
 .hvStickerPackModalTab.active {  background: var(--text-color-4); color: var(--text-color-1);}

.html-post-box {    padding-bottom: 0em !important;}
#tags .container {  top: 44px !important; border-radius: 10px;}

#imageupload-left input[type=button] {    width: auto !important; }

li.pa-replies {  color: var(--text-color-3);}
li.pa-respect, li.pa-fld3, li.pa-posts, li.pa-author { z-index: 9; position: relative; }

del {    filter: blur(3px);    text-decoration: none;}
del:hover {    filter: none !important; }

#profile .post-links ul {  width: 100%;}
.topic .container {  display: flex;  flex-wrap: wrap;  justify-content: space-between; align-items: flex-start;}

#pun-index .category .tc2,#pun-index .category .tc3, #f-subforums .tc2,#f-subforums .tc3{  display:none!important;}

.main table .Add {display: flex;background-color: transparent;border-radius: 6px;padding: 1px 10px;float: right;}
.Tems_And_messages .right{  float:right;}

.hvStickerPackModalContent img {  max-height: 65px !important;  cursor: pointer;}

.typed-cursor {  color: transparent;}

#notifications-wrap a {  color: var(--text-color-1);     font-weight: 700;}
#notifications-wrap a:hover {  color: var(--text-color-4)!important;}

.item4.status-right {  display: none;}

.tabs-role ul {   max-height: 310px !important; }

.drpmenu {  position: relative;  display: inline-block;}
.drpmenu-content #stylelist a{  font-size: 10px;}
.drpmenu:hover .drpmenu-content {  display: block;}
.drpmenu span {    text-decoration: none;    border: 0px;    font-size: 1.7em;    text-transform: uppercase;    color: var(--text-color-3); }
  
#navextra1 {margin-top: 10px;} 

abbr {    text-decoration: underline;}
td#button-smile {    display: none;}

#plng { text-transform: lowercase; border: 1px solid var(--text-color-2);   padding: 4px 10px;   border-radius: 20px; color: var(--text-color-5);   font-size: 10px;   letter-spacing: 0.5px;   font-family: var(--main-font);}
.dark #plng {
  border: 1px solid var(--text-color-13);
  color: var(--text-color-2);
  background: var(--text-color-13); 
}

#reputationButtonCancel {  margin: 0 0 0 0.8em; }
 
.unread-notifications .modal-inner { margin-top: 32vh;}

#update_comments, #del_file {  padding: 0.7em 0.7em;  margin: 0px 5px !important;} 

#pun-admain .adformal p.adinfofield {  padding: 8px !important;}

#profile li.pl-delete {    margin-right: 50px !important; }

blockquote .post-body a, blockquote .post-body a:link { color: var(--text-gold); }

#notify-link .unreads, #navpm .unreads { color: var(--main-text) !important; background: none !important; top: 1px !important; right: -22px !important; font: 500 9px var(--main-font) !important; box-shadow: none !important; }
#notify-link .unreads::before { content: "(" !important; }
#notify-link .unreads::after { content: ")" !important; }
#notify-link { min-width: 140px; }

.main table .Add  {  min-height: auto; }

#option { position: fixed; top: 9px; z-index: 20; margin-left: 1px; border: 0px; width: 55px; height: 56px; }

#option #pun-status .container {  text-align: left;  z-index: 11;  position: fixed;  margin-left: 64px;  top: 4px;  font-size: 1.0em;  text-transform: lowercase;  line-height: 13px; }

#pun-status .container {   top: 3px; }

#viewprofile-next.formal .container  { background: var(--texture-noize); }

.tcl.username { display: flex;  flex-direction: row;  align-items: center;}

#pun-userlist .formal .container,  .punbb .formal #punbbsearch.container {  padding: 1.8em 2.1em 1.8em; }

#post .checkfield {  margin-left: 0px;}

#pun-navlinks li#navlogout a#New-exit::after { content: ''; margin: 0; padding: 0; width: 0px;}
#pun-navlinks li#navlogout a#New-exit:hover {  padding: 0 0px !important; }

/*.post.toppost h3 span {  background: rgb(34, 32, 41) !important; padding: 1.0em 1.0em 1.0em 1.0em;}
.post.toppost h3 span {  background: transparent !important; }*/

#topic-users-in span  { color: var(--text-color-2) !important; padding: 0 0em 0 0em;}

#post-preview { color: var(--text-color-4); }

.pagestext {  display: flex;}
#profile.formal .post .container {  background: var(--text-color-3); display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }

#rep_form .tcl {  width: auto !important;}

.punbb-admin #pun-ulinks { background: transparent;  top: 37px; width: 100%; }
.punbb-admin #pun-ulinks a { color: var(--text-color-3); }
.punbb-admin #pun-navlinks { width: 1000px; top: 10px; z-index: 15; position: relative; margin: 0 auto; float: none; }
.punbb-admin #pun-navlinks  a { color: var(--text-color-3); }
.punbb-admin #pun-status { display: none; }
#adnav-standard li a { color: var(--main-text) !important; }
#adnav-standard li a:hover { color: var(--text-color-4) !important; }

textarea:focus-visible { outline: none; }

#button-image p { color: var(--text-color-4); font-size: 10px; font-weight: 900; margin: -24px 0 0 0 !important; }

#sTheme { border-radius: 5px 0 0 5px !important; }
#s-block i { margin: 0.4em 0.0em; border-radius: 0 5px 5px 0; }

#pun-main.show_recent .forum .tcl, 
#pun-main.show_replies .forum .tcl, 
#pun-main.show_subscriptions .forum .tcl, 
#pun-main.show_new .forum .tcl,
#pun-main.show_subscriptions .forum .tcl {  width: auto; }

 .punbb .show_new .user-avatar, 
 .punbb .show_recent .user-avatar, 
 .punbb .show_replies .user-avatar,
 .punbb .show_new .user-avatar,
 .punbb .show_subscriptions .user-avatar { left: 0px; }

#pun-userlist .main .tcl, 
#pun-searchtopics .main .tcl { padding: 0.5em 2.0em 0.5em 0.0em; }

#pun-post h2 span { font-family: var(--h-font); background: var(--text-color-3); }
#pun-post h2 { text-align: center; }
#pun-post h2::before { border-top: 0px; }
#pun-post .toppost h3 .FNTslider { display: none; }

#pun-post .pa-author, 
#pun-post .pa-author a { font: 700 normal 12px/16px var(--3h-font); color: var(--text-color-4) !important;   letter-spacing: 0.08em; position: relative;   text-transform: uppercase;}

div.nm, div.fd { display: none; }

#pun-viewtopic .main h2 { font: 500 normal 12px/20px var(--h-font); text-align: center; }
#pun-viewtopic .main h2::before { border: 0px; }

.noNull::before { display: none; }
.reactions-root { display: none; }

#image-area-tcon-computer:before { color: rgb(97 97 97 / 70%)!important; }

/* Ðåãóëÿòîð ðàçìåðà øðèôòà (ñ) satsana, forumd.ru */
/* #chfont { position: absolute; top: 227px; margin-left: 960px; text-align: center; line-height: 22px; -moz-opacity: .8; opacity: .8;  z-index: 999999; }
#chfont:hover {  opacity: 1;  -moz-opacity: 1; }
#chfontbut { width: 26px; height: 26px; background: url(//forumstatic.ru/files/001c/2a/af/41079.png) center no-repeat; background-color: var(--text-color-3); float: left; border: solid 2px transparent; margin-right: 2px; cursor: pointer; position: relative; }
#chfontbut::after { display: none; position: absolute; content: 'x'; top: 0; right: -15px; color:  var(--text-color-4); line-height: 7px; font-size: 15px; font-weight: 900; }
#chfont.active #chfontbut::after { display: block; }
#chfont select { display: none; background-color: var(--text-color-3); color: var(--main-text); margin-bottom: 2px; cursor: pointer; }
#chfontsize { width: 26px; float: right; display: none; }
#chfont.active select,
#chfont.active #chfontsize { display: block; }
.fsizeplus,
.fsizeminus { background-color: #404147; border: solid 2px #404147; color: var(--text-color-3); cursor: pointer; }
.fsizeplus::after { content: '+'; }
.fsizeminus::after { content: '-'; }
.fsize { background-color: var(--text-color-3); color: var(--main-text); }*/

.mod-awards-user #pun-main h2 { font: 500 normal 30px/20px var(--h-font);  text-align: center; }
.mod-awards-user #pun-main h2::before { border-top: 0; }
#pun-mod #pun-navlinks { top: -30px; }
#pun-mod #pun-ulinks { visibility: hidden; }

/*âûïàäàþùèé ñïèñîêà*/
.dropdown { display: inline-block; background: var(--text-color-1); padding: 5px 30px; border: 1px solid var(--text-color-1); border-radius: 15px; font: 500 normal 9px/100% var(--3h-font); position: absolute; top: 62px; left: 381px; cursor: pointer; color: var(--text-color-3); z-index: 2; }

.punbb .dropdown:hover { color: var(--text-color-4); background: var(--text-color-1); }
.punbb .dropdown a { font: 500 10px/21px var(--main-font); text-transform: lowercase; color: var(--text-color-3); }
dark .punbb .dropdown a { color: var(--text-color-4); }
.punbb .dropdown a:hover { color: var(--text-color-4); }
dark .punbb .dropdown a:hover { color: var(--text-color-3); }

.dropdown-content { display: none;  position: absolute;
  background-color: var(--text-color-1);
  min-width: 89px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 20px 16px 20px 16px;
  z-index: 1;
  left: -1px;
  border-width: 1px;
  top: 14px;
  border-radius: 0 0 13px 13px;
  flex-direction: column;}

.punbb .box-1 .dropdown-content a { padding: 0 0 8px 0px;  color: var(--main-text); font: 500 10px/120% var(--3h-font); }
.punbb .box-1 .dropdown-content a:hover { color: var(--text-color-4); }

/* êàñòîì àâà */
html.bigavatar .pa-avatar img { max-width: 180px; }
html.middleavatar .pa-avatar img { max-width: 150px; }
html.smallavatar .pa-avatar img { max-width: 100px; }
html.squareavatar .pa-avatar img { border-radius: 10px; }
html.circleavatar .pa-avatar img { border-radius: 100%; }
html.upavatar .pa-avatar img { margin: -35px 0px 7px 0px; }
html.downavatar .pa-avatar img { margin: 6px 0px 7px 0px; }
html.offbanner .pa-fld1 > div { height: 0px; }
html.middlebanner .pa-fld1 > div { height: 230px; }
html.smallbanner .pa-fld1 > div { height: 110px; }
/*html.onshadow .pa-fld1::before { display: block; }
html.offshadow .pa-fld1::before { display: none; }*/
/*html.darkthemein .post .post-author { background: var(--text-color-1); }
html.whitethemein .post .post-author { background: var(--text-color-3); }
html.darkthemein .post .post-author ul { background: var(--text-color-1);  }
html.darkthemein .post .post-author ul li.pa-fld2 { color: var(--text-color-3); }
html.darkthemein .post .post-author ul li.pa-author a { color: var(--text-color-3) !important; }
html.darkthemein .post .post-author ul li.pa-respect { color: var(--text-color-3); }
html.darkthemein .post .post-author ul li.pa-posts { color: var(--text-color-3); }
html.darkthemein .post .post-author ul li.pa-fld4 div { background: var(--text-color-1); border: 1px solid var(--text-color-8);
  border-top: 1px solid var(--text-color-8); }
html.darkthemein .post .post-author ul li.pa-fld4 div a { background: #bebebe; filter: invert(100%); }
html.whitethemein .post .post-author ul { background: var(--text-color-3); }

html.darkthemein .pa-fld3::before { background: var(--text-color-1) !important; }
html.whitethemein .pa-fld3::before { background: var(--text-color-3) !important; }

html.darkthemein .pa-fld4 div::after { background: var(--text-color-1) !important; }
html.whitethemein .pa-fld4 div::after { background: var(--text-color-3) !important;  }

html.darkthemein .pa-fld4 div::before { border: 1px solid var(--text-color-8);}
html.whitethemein .pa-fld4 div::before { border: 1px solid #979797;}

html.darkthemein li.pa-fld3 a  { background: var(--text-color-1) !important; color: var(--text-color-3) !important;  }
html.whitethemein li.pa-fld3 a  { background: var(--text-color-3) !important; color: var(--text-color-1) !important;  }

html.whitethemein .main.show_user_posts li.pa-author, 
html.whitethemein .main.show_user_posts li.pa-author a { color: var(--text-color-1)!important; }

html.onshadow .pa-fld1 > div { mask: linear-gradient(0deg, rgba(219, 219, 221, 0) 0%, #737373 100%); }
html.offshadow .pa-fld1 > div { mask: none; } */

#chprof { position: fixed; top: 77px; margin-left: -31px; text-align: center; line-height: 22px; -moz-opacity: .8; opacity: 1;  z-index: 999999; }
#chprof:hover { opacity: 1;  -moz-opacity: 1; }
#chprofbtn { width: 24px; height: 24px; background: url(//forumstatic.ru/files/001c/2a/af/83789.png) center no-repeat;
  margin-right: 2px; cursor: pointer; position: relative; border-radius: 5px; float: right; background-size: cover; filter: grayscale(0%) opacity(52%) brightness(10); }

#chprofbtn::after { display: none; position: absolute; content: 'x'; top: 0; right: -15px; color:  var(--text-color-4); line-height: 7px; font-size: 15px; font-weight: 900; }
#chprof.active #chprofbtn::after { display: block; }
#chprof.active #styleSwitch,
#chprof.active #styleSwitch2,
#chprof.active #styleSwitch3,
#chprof.active #styleSwitch4,
#chprof.active #shadowSwitch,
#chprof.active #themeSwitchOut, 
#chprof.active #themeSwitchIn { display: flex; flex-direction: row; margin: 0 0 0 -170px; width: 140px; align-items: center; justify-content: left; background: var(--text-color-3);  padding: 10px; cursor: pointer; }

#chprof.active span { display: block; }

#chprof #styleSwitch,
#chprof #styleSwitch2,
#chprof #styleSwitch3,
#chprof #styleSwitch4,
#chprof #shadowSwitch,
#chprof #themeSwitchOut, 
#chprof #themeSwitchIn,
#chprof span { display: none; cursor: pointer; }

#chprof span { color: var(--text-color-3); background: var(--text-color-1); margin: 0 0 0 -170px; width: 160px; font: 700 12px/100% var(--main-font); padding: 5px 0px; }

#styleSwitch .button,
#styleSwitch2 .button,
#styleSwitch3 .button { text-decoration: none; transition: all 0.3s ease-in-out 0s; width: 35px; height: 35px;  padding: 15px; background-color: var(--text-color-4);  filter: grayscale(1);}

#styleSwitch4 .button,
#shadowSwitch .button { text-decoration: none; transition: all 0.3s ease-in-out 0s; width: 35px; height: 35px;   padding: 0px; background-color: var(--text-color-4);  filter: grayscale(1); }

#themeSwitchOut .button,
#themeSwitchIn .button { text-decoration: none; transition: all 0.3s ease-in-out 0s; width: 35px; height: 35px;   padding: 0px; background-color: var(--text-color-4);  filter: grayscale(1); }

#styleSwitch .button.selected,
#styleSwitch2 .button.selected,
#styleSwitch3 .button.selected,
#styleSwitch4 .button.selected,
#shadowSwitch .button.selected,
#themeSwitchOut .button.selected, 
#themeSwitchIn .button.selected { filter: grayscale(0); }

#bigavatar { background: url(//forumstatic.ru/files/001c/2a/af/67111.png) center no-repeat;  }
#middleavatar { background: url(//forumstatic.ru/files/001c/2a/af/62671.png) center no-repeat;  }
#smallavatar { background: url(//forumstatic.ru/files/001c/2a/af/67811.png) center no-repeat;  }

#circleavatar  { background: url(//forumstatic.ru/files/001c/2a/af/82562.png) center no-repeat;  }
#squareavatar  { background: url(//forumstatic.ru/files/001c/2a/af/94418.png) center no-repeat;  }

#upavatar { background: url(//forumstatic.ru/files/001c/2a/af/72776.png) center no-repeat;  }
#downavatar { background: url(//forumstatic.ru/files/001c/2a/af/51569.png) center no-repeat;  }

#offbanner { background: url() center no-repeat;  }
#middlebanner { background: url() center no-repeat;  }
#smallbanner { background: url() center no-repeat;  }

.pun-modal .modal-inner {  margin: 12% auto 0 !important;  padding: 0 !important; }
.pun-modal .container {    background: var(--text-color-3); }

/* online */
.indOnline { background: var(--text-color-4); }
.indOffline { background: var(--text-color-2); }

.indOnline, 
.indOffline { cursor: pointer; position: absolute;
  bottom: -41px;
  left: 50%;
  height: 5px;
  width: 5px;
  border-radius: 7px;
  opacity: .7; }

li.pa-last-visit,
li.pa-online { display: none; }

[data-group-id="3"] .indOffline {  display: none;}

/* àâà ñìåíà */
.pa-avatar.item2 img.allow_change:hover { outline-color: var(--text-color-4)!important; }
.pa-avatar.item2 img.allow_change {  outline: solid 2px transparent!important; }

/* ðàçìåð øðèôòà */
.post h3 .permalink { order: 3; border: 1px solid var(--text-color-12) ;padding: 2px 10px;border-radius: 10px; background: var(--text-color-3); }
.post h3 #chfontsize { order: 2; border: 1px solid var(--text-color-12); border-radius: 10px; background: var(--text-color-3); }

.post h3 #chfontsize i { pointer-events: none; }

.post h3 #chfontsize a { display: inline-block; width: 20px; text-align: center; color: var(--text-color-4); border-radius: 50%; padding: 3px 0; margin: 0 2px; box-sizing: border-box; cursor: pointer; }

.post h3 #chfontsize a:hover { color: var(--text-color-1); }
.post h3 #chfontsize a::before {  display: none; }

a.role {  text-transform: lowercase; }
.custom_tag .fandom { font: 500 10px/100% var(--main-font); color: var(--text-color-2); }
.custom_tag .name { font: 700 20px/100% var(--h-font); color: var(--text-color-1); }
.dark .custom_tag .name { font: 700 20px/100% var(--h-font); color: var(--text-color-3); }
.custom_tag .face img { border-radius: 6px; }
.custom_tag_facename,
.custom_tag .facename { font: 500 10px/100% var(--main-font); color: var(--text-color-2); float: right; margin: 0 0 10px 0;}

.anketa table { outline: 1px solid var(--text-color-12); outline-offset: -2px; }
.anketa table tr:nth-child(2n+1) { background: #d4d4d5; }

.custom_tag .face,
.custom_tag .facetwo,
.custom_tag .facethree,
.custom_tag .facefour,
.custom_tag .facefive,
.custom_tag .facesix {display: flex; flex-direction: row; justify-content: space-between; }

.custom_tag .face img { width: 100%; }
.custom_tag .facetwo img { width: 49%; }
.custom_tag .facethree img { width: 33%; }
.custom_tag .facefour img { width: 24%; }
.custom_tag .facefive img { width: 19%; }
.custom_tag .facesix img { width: 16%; }

.facethree img { width: 33%; }

#post fieldset legend img { width: 30px; height: 30px; border-radius: 100%; padding: 0 5px 0 5px; }

.bg-top { display: none; position: fixed; z-index: 10; width: 100%; height: 100%; left: 0; top: 0; background: #333; opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; cursor: pointer; }

.move_posts_form .modal-inner > .container { background: var(--text-color-3); color: var(--main-text); }

.dark .main h2 { color: var(--main-url); }
.dark .category { background: transparent; }
.dark #pun-ulinks { background: transparent; }
.dark #pun-ulinks a, 
.dark #pun-ulinks a:link, 
.dark #pun-ulinks a:visited { color: var(--text-color-2); }
.dark #pun-ulinks a:hover, 
.dark #pun-ulinks a:focus, 
.dark #pun-ulinks a:active { color: var(--text-color-4); }
.dark .pun-stats .container { color: var(--text-color-2); }
.dark #pun-stats { background: var(--text-color-1); }
.dark #pun-stats li.item1, 
.dark #pun-stats li.item2, 
.dark #pun-stats li.item3, 
.dark #pun-stats li.item4 { background: var(--text-color-10); }
.dark #pun-stats h2 span { color: var(--text-color-1); }
.dark li#onlinelist div { color: var(--text-color-2); }
.dark #pun-index #pun-main { background: var(--text-color-1); }
.dark #pun-main { background: var(--text-color-1); }
.dark .punbb .modmenu .container, 
.dark .punbb #post-form .container { background: var(--text-color-1); }
.dark #pun-main h1 span { background: var(--text-color-8); }
.dark #pun-index .intd div.icon,
.dark #pun-index div.post-vote p > a::before { filter: none !important; }
.dark div.post-vote p > a::before,
.dark .post-rating .container a::after,
.dark .mylike .post-rating .container a::after { filter: invert(100%) brightness(100%) contrast(130%); }

.dark #viewprofile li#pa-fld4 div a { filter: invert(1) opacity(50%); }

.dark .intd div.icon  { filter: invert(100%) brightness(50%) contrast(130%); }

.dark .punbb .users_24h,
.dark .punbb .onlinelist {  }

.dark #pun-ulinks .container { background: transparent; }
.dark #pun-index #pun-main { background: var(--text-color-1); }

.dark .pa-fld1::before { background: linear-gradient(to bottom, #cac6d700 0%, var(--text-color-1) 100% ); }
.dark .post .post-author { background: var(--text-color-11); border: 1px solid var(--text-color-13); color: var(--text-color-3); }
.dark  .post .post-author ul {  background: var(--text-color-11); }

.dark #topic-users-in p.container {  background: var(--text-color-1); }
.dark #pun-crumbs1 { background: transparent; }
.dark #form-buttons td { color: var(--text-color-3); }
.dark .punbb input.button, 
.dark .punbb .formsubmit input, 
.dark .button { color: var(--text-color-4);  border: 2px solid var(--text-color-13);  background: var(--text-color-13); }
.dark .punbb .main .tcr a { color: var(--text-color-3); }
.dark .punbb .main .tcr a:hover { color: var(--text-color-4); }
.dark .punbb textarea { background: var(--text-color-13); border: 1px solid var(--text-color-13); }
.dark #chfont select { background: var(--text-color-1); }
.dark .fsize { background-color: var(--text-color-1); }

.dark #profile.messages-container .post-links ul a:hover { color: var(--text-color-4); }

.dark .punbb #chprof input.button, 
.dark .punbb #chprof .formsubmit input, 
.dark #chprof .button  { color: var(--text-color-3); border: 2px solid var(--text-color-13); }

.dark ::selection {  background: var(--text-color-4); color: var(--text-color-8);}
.dark .dropdown-content { background-color: var(--text-color-1); }
.dark .dropdown { background: var(--text-color-1); }
.dark .punbb .post-content blockquote { color: var(--text-color-3); }
.dark .punbb .quote-box, 
.dark .punbb .code-box { color: var(--text-color-3); border-top: 1px solid var(--text-color-13); background: var(--text-color-13); border-color: var(--text-color-13);}
.dark .punbb .quote-box cite, 
.dark .punbb .code-box strong.legend { border: 1px solid var(--text-color-13); background: var(--text-color-13); color: var(--text-color-3); }

.dark .code-box strong.legend a, 
.dark .code-box strong.legend a:link { color: var(--text-color-3); }

.dark #userlist select { background: var(--text-color-13); border: 1px solid var(--text-color-13); }
.dark .punbb select { background: var(--text-color-13); border: 1px solid var(--text-color-13); }

.dark #pun-crumbs1 p.container,
.dark #pun-crumbs2 p.container { color: var(--text-color-2); }
.dark #pun-crumbs1 a,
.dark #pun-crumbs2 a { color: var(--text-color-2); }
.dark #pun-crumbs1 a:hover,
.dark #pun-crumbs2 a:hover { color: var(--text-color-4); }
.dark #pun-crumbs1 a::after { color: var(--text-color-2); }

.dark #profile-left { color: var(--main-text); background: var(--text-color-13); }
.dark #profile a { color: var(--text-color-3); }
.dark #profile a:hover  { color: var(--text-color-4); }

.dark .punbb input.button:hover, 
.dark .punbb .formsubmit input:hover, 
.dark .button:hover { color: var(--text-color-3); background: var(--text-color-1); border: 2px solid var(--text-color-4); }

.dark #profile.messages-container h3 span, 
.dark #profile.messages-container #plng { color: var(--text-color-2); }

.dark #profile.formal .post .container { background: var(--text-color-1); }
.dark #profile.messages-container .pl-quote.pl-reply a { color: var(--text-color-4); background: var(--text-color-13); border: 2px solid var(--text-color-13); }

.dark #profile.messages-container .pl-quote.pl-reply a:hover {   border: 2px solid var(--text-color-4);  }

.dark #chfontbut { filter: invert(1); }
.dark #chfontbut::after { color: #b04949; }
.dark #chprofbtn { filter: invert(1) opacity(60%) brightness(10); }
.dark #chprofbtn::after { color: #b04949; }

.dark #pun-index .tcl h3 a { color: var(--text-color-4); }

.dark #pun-reputation div.inner div.container, 
.dark #pun-report div.inner div.container, 
.dark #pun-popup_awards div.inner div.container, 
.dark #pun-report .inner, #pun-reputation .inner, 
.dark #pun-admin-award-form .inner { background: var(--text-color-1); color: var(--main-text); }

.dark li.pa-avatar img { border: solid 0px var(--text-color-13); }

/*.dark .pa-respect a[href*="&v=1&cod"]::before,  
.dark .isguest .post-author li.pa-respect span::before { background: var(--text-color-13);  } */

.dark #stylelist li[data="ocean"] { filter: contrast(120%); }
.dark #stylelist li[data="dark"] { }

.dark #pun-navlinks a, 
.dark #pun-navlinks a:link, 
.dark #pun-navlinks a:visited { color: var(--text-color-3); }

.dark .box-1 a:hover { color: var(--text-color-3);}
.dark .post-content .spoiler-box > div::before { filter: contrast(0) brightness(100); }
.dark .post h3 #chfontsize,
.dark .post h3 strong,
.dark .post h3 .permalink { border: 1px solid var(--text-color-13);  background: var(--text-color-1); }
.dark .post h3 #chfontsize  a:hover { color: var(--text-color-3); }

.dark .topic .post .container { border: 1px solid var(--text-color-13); }
.dark .topic .post .container::before { background: var(--text-color-1); }

.dark .tail-1,
.dark .tail-3 { background: var(--text-color-1); border-bottom: 1px solid var(--text-color-13); border-right: 1px solid var(--text-color-13); }
.dark .tail-2 { border-top: 1px solid var(--text-color-13); border-left: 1px solid var(--text-color-13); background: var(--text-color-1); }

.dark #pun-stats div.statscon a { color: var(--text-color-3); }
.dark #pun-stats div.statscon a:hover { color: var(--text-color-2); }

.dark .lastpost { color: var(--text-color-2); }

.dark .anketa table { outline: 2px solid var(--text-color-11); outline-offset: -2px; }
.dark .anketa table tr:nth-child(2) { background: var(--text-color-3); color: var(--text-color-1); }
.dark .anketa table tr:nth-child(2n+1) {  background: var(--text-color-11); }

.dark .modmenu .container #mod-options { color: var(--main-font); background-color: var(--text-color-1); border: 1px solid var(--text-color-5); }

.dark .move_posts_form .modal-inner > .container { background: var(--text-color-1); }
.dark .punbb #pun-main .modal-inner h2,
.dark .punbb #pun-main .modal-inner h1 {  background: var(--text-color-13); }

.dark .punbb .post-links a { color: var(--text-color-2); }
.dark .punbb .post-links a:hover { color: var(--text-color-4); }
.dark .opis { color: var(--text-color-2); }

.dark #pun-main .forum .tclcon a { color: var(--text-color-4); }
.dark #pun-main .forum .tclcon a:hover { color: var(--text-color-3); }

.dark .forum .tcr .byuser { color: var(--text-color-3); }

.dark #profile-right a:hover, 
.dark #viewprofile a:hover, 
.dark #profilenav a:hover { color: var(--text-color-4); }

.dark #viewprofile #profile-right li { border: 1px solid var(--text-color-13); background: var(--text-color-13); }
.dark #notifications-wrap a {  color: var(--text-color-3); }
.dark .pun-modal .container {    background: var(--text-color-1); }
.dark #pun-about a { color: var(--text-color-5); }
.dark .hvStickerPackModal {  background: var(--text-color-1);}

.dark .main.search li.pa-author, 
.dark .main.search li.pa-author a {  color: var(--text-color-2) !important; }

.dark #profile-left #pa-edit a { border: 2px solid var(--text-color-1);  background: var(--text-color-1);}
.dark #profile-left #pa-edit a:hover { color: var(--text-color-4) !important; border: 2px solid var(--text-color-4); }


.dark .punbb li.pa-author, 
.dark .punbb li.pa-author a { color: var(--text-color-3); }
.dark li.pa-author:hover, 
.dark .punbb li.pa-author a:hover { color: var(--text-color-4) !important; }

.dark #banners-box {   background: var(--text-color-1); }

.dark #pun-stats .item1 strong,
.dark #pun-stats .item2 strong, 
.dark #pun-stats .item3 strong, 
.dark #pun-stats .item4 strong a, 
.dark #pun-stats .item1 span, 
.dark #pun-stats .item2 span, 
.dark #pun-stats .item3 span, 
.dark #pun-stats .item4 span {  font-size: 9px; color: #a2a2a2; }

.dark .intd div.icon[data-new-topics]::before { filter: none; }
.dark .inew .intd div.icon { filter: invert(100%) brightness(100%) contrast(100%) hue-rotate(175deg); }

.dark .icon[data-new-topics]::before, 
.dark .subforums span[data-new-topics]::before {  content: attr(data-new-topics) !important;  background: var(--main-url)  !important;  border-radius: 100% !important;  display: block !important;  width: 12px;  z-index: 2;  font: 700 normal 8px/12px var(--main-font) !important;  color: #000 !important;  margin: -18px 0 0 29px !important; filter: none; }


.dark #pun-main  .category-7 h2 { background: url(//forumstatic.ru/files/001c/2a/af/38710.png) center center no-repeat; }
.dark #pun-main  .category-4 h2 { background: url(//forumstatic.ru/files/001c/2a/af/54026.png) center center no-repeat; }
.dark #pun-main  .category-3 h2 { background: url(//forumstatic.ru/files/001c/2a/af/96189.png) center center no-repeat; }
.dark #pun-main  .category-5 h2 { background: url(//forumstatic.ru/files/001c/2a/af/15648.png) center center no-repeat; }
.dark #pun-main  .category-6 h2 { background: url(//forumstatic.ru/files/001c/2a/af/49093.png) center center no-repeat; }
.dark #pun-main  .category-1 h2 { background: url(//forumstatic.ru/files/001c/2a/af/79526.png) center center no-repeat; }
.dark #pun-main  .category-2 h2 { background: url(//forumstatic.ru/files/001c/2a/af/52011.png) center center no-repeat; }

html.dark { background: url(//forumstatic.ru/files/001c/2a/af/79330.webp) #202020 top center/ cover no-repeat fixed; } 

.dark .punbb .linkst a {  color: var(--text-color-2); opacity: 0.5; }
.dark .punbb .linkst a:hover {   color: var(--text-color-4); opacity: 1;}
.dark  .byuser-username {  color: var(--text-color-3); }
  
.dark .linksb .postlink a {    color: var(--text-color-2); opacity: 0.5; }
.dark .linksb .postlink a:hover {    color: var(--text-color-4); opacity: 1; }
 
.dark .punbb .modmenu strong, 
.dark .punbb .modmenu a {  color: var(--text-color-2); }
 
.dark .category .container { background: var(--text-color-1); outline: 0px solid var(--text-color-4); }

.dark .punbb #pun-navlinks #form-login input { color: var(--text-color-1); }
.dark #mask_dialog .inner { background: var(--text-color-1); }

.dark .pa-fld1 > div { border: 1px solid var(--text-color-13);  mask: linear-gradient(0deg, rgba(219, 219, 221, 0) 0%, var(--text-color-11) 100%);}

.dark .punbb .opis_link a:hover { color: var(--text-color-3); outline: 0; background: transparent }

.dark .pa-fld4 div::before { border: 1px solid var(--text-color-13); }
.dark .pa-fld4 div::after { background: var(--text-color-1); }

.dark .pa-fld3::before { background: var(--text-color-11); }
.dark li.pa-fld3 a { background: var(--text-color-11); color: var(--text-color-3); box-shadow: 0 0 0 1px var(--text-color-13), 0 0 0 5px var(--text-color-1), 0 0 0 6px var(--text-color-13); }

.dark li.pa-fld4 div { background: var(--text-color-11); border: 1px solid var(--text-color-13); }
.dark .post .post-author ul li.pa-fld4 div a { background: var(--text-color-11); }
.dark .post .post-author ul li.pa-fld4 div a img { filter: invert(100%); }
.dark li.pa-fld2 { color: var(--text-color-3); }
.dark li.pa-fld2 a { color: var(--text-color-4); }
.dark li.pa-fld2 a:hover { color: var(--text-color-5); }

.dark .awards-box {  border: 1px solid var(--text-color-13); }

.dark li.pa-respect, 
.dark li.pa-posts { color: var(--text-color-3); }

.dark .awards-box::before { background: var(--text-color-11); opacity: 0.6; }
.dark .awards-box span { color: var(--text-color-3); }

.dark .box-1 .part_one, 
.dark .box-1 .part_three, 
.dark .box-1 .part_five, 
.dark .box-1 .part_seven { color: var(--text-color-1); }


[data-topic-id="42"] .post .pl-quote { display: none !important; }
[data-topic-id="24"] .post-content table td { vertical-align: top; }
[data-topic-id="223"] .post-content table td { vertical-align: top; }
[data-topic-id="23"] .post-content table td { vertical-align: top; }
[data-topic-id="113"] .post-content table td { vertical-align: top; }
[data-topic-id="26"] .post td span strong { font-weight: 900; }



fieldset#PMove_2 td.tcl { font: 700 16px/100% var(--main-font); }

.card { position: relative; display: block; height: 100%; border-radius: calc(var(--curve) * 1px); overflow: hidden; text-decoration: none; max-width: 500px; margin: 0 auto !important;}
.card__image { width: 100%; height: auto;}
.card { min-height: 100px;}
.card__overlay { position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; border-radius: calc(var(--curve) * 1px); background-color: var(--text-color-7); transform: translateY(100%); transition: .2s ease-in-out;}
.card:hover .card__overlay { transform: translateY(0);}
.card__header { position: relative; display: flex; align-items: center; gap: 2em; padding: 2em; border-radius: calc(var(--curve) * 1px) 0 0 0; background-color: var(--text-color-7); transform: translateY(-100%); transition: .2s ease-in-out;}
.card__arc { width: 80px; height: 80px; position: absolute; bottom: 100%; right: 0; z-index: 1;}
.card__arc path { fill: var(--text-color-7); d: path("M 40 80 c 22 0 40 -22 40 -40 v 40 Z");} 
.card:hover .card__header { transform: translateY(0);}
.card__thumb { flex-shrink: 0; width: 50px; height: 50px; border-radius: 50%; }
.card__title { font-size: 2em !important; margin: 0 0 .3em; font-weight: 700 !important;}
.card__tagline { display: block; margin: 1em 0; font-size: 1em; color: #D7BDCA; }
.card__status { font-size: 1.0em;}
.card__description { padding: 0 2em 2em !important; margin: 0; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;} 


.quote_lyl {  height: auto;  width: 580px; display: grid;  align-items: center;  grid-template-columns: 60% auto;  box-shadow: 0px 0px 10px rgba(78, 39, 164, 0.33);  padding: 30px 20px;  background: #191b1c;  border-radius: 5px;  overflow: hidden;  position: relative;  justify-content: flex-end;  color: white; margin: 0 auto!important; min-height: 150px; }
.quote_lyl h2 {    font: normal bolder 16px/14px Century Gothic!important; text-align: right;    padding: 0 0 15px 0; }
.quote_lyl p { font: normal 11px/14px Century Gothic; text-align: right; z-index: 1; }
.quote_deco {  position: absolute;  left: 0px;  height: 100%; width: 43%; background: #f90101; clip-path: polygon(0px 0px, 100.00% 0px, 80.00% 100%, 0% 100%); z-index: 0;     mix-blend-mode: multiply; }
.quote_img {  position: absolute; left: 0px; height: 100%; width: 43%; clip-path: polygon(0px 0px, 100.00% 0px, 80.00% 100%, 0% 100%); }


.ep_block {margin: 0 auto!important; width: 500px; }
.ep_block_one, .ep_block_two { width: 500px; height: 120px; display: flex;  flex-direction: row;     align-items: stretch; margin: 10px 0px!important;}
.ep_block_two { width: 500px; height: 120px;}
.ep_block_ava { width: 110px; height: 100px; overflow: hodden; border: 10px solid #222222; }
.ep_block_one .ep_block_ava { margin: 0px 10px 10px 0px;}
.ep_block_two .ep_block_ava { margin: 0px 0px 0px 10px;}
.ep_block_text { width: 400px;  height: 120px; background-color: #222222; display: flex; align-items: center; justify-content: center;}
.ep_block_text p { font: 500 12px/20px Montserrat, verdana, arial, helvetica, sans-serif !important; text-align: center; color: #caccda;}

.quote-box .quote-box.spoiler-box {  border: 0; }
#post #mentions-area { max-height: 23em!important;}

.post-simvol { margin: 5px 0 0 0; float: left; font-weight: 100 !important; color: var(--text-color-3); font-family: var(--3h-font); font-size: 11px; background: var(--text-color-1); padding: 3px 7px; }


.post h3 a#tolowercase,
.post h3 a#tosentencecase { display: none; }

[data-forum-id="7"] .post h3 a#tolowercase,
[data-forum-id="7"] .post h3 a#tosentencecase, 
[data-forum-id="8"] .post h3 a#tolowercase,
[data-forum-id="8"] .post h3 a#tosentencecase,
[data-forum-id="9"] .post h3 a#tolowercase,
[data-forum-id="9"] .post h3 a#tosentencecase { display: inline-block; }

.text_que { font: italic 500 7.5px/100% var(--3h-font); position: absolute; top: 227px;  left: 358px;  color: var(--text-color-3); opacity: 0.8; text-transform: uppercase; letter-spacing: 0.5px; }

.text_que2 { font: 500 8px/8px var(--main-font); position: absolute; top: 24px; left: 372px; color: var(--text-color-1); opacity: 0.8; letter-spacing: 0px; width: 148px; text-align: center; }

.hidden { opacity: 0; visibility: hidden; transition: opacity 0.3s ease; }
.visiblem { opacity: 1; visibility: visible; transition: opacity 0.3s ease; display: flex; }

.awards-box { display: flex; border-radius: 0 0 20px 20px; padding: 31px 0 3px 0; margin: 0px auto 0 auto; align-items: center; background: url(//forumstatic.ru/files/001c/2a/af/20410.webp) var(--text-color-3); background-position: 40% 74%; background-size: cover; border: 1px solid var(--text-color-12); }

[data-user-id="4"].post .post-author .awards-box { background: url(//i.pinimg.com/736x/c6/d0/b6/c6d0b655d63aad498d7b35238338792c.jpg) var(--text-color-3); background-position: 77% 15%; background-size: cover; }
[data-user-id="4"].post .post-author li.pa-fld3 a { box-shadow: none; clip-path: none; }
[data-user-id="4"].post .post-author li.pa-fld3::after { content: ""; background: linear-gradient(to right, #b0a1a0 0%, #978586 100%); border: 0; width: 107px; left: 56px; }
.dark [data-user-id="4"].post .post-author li.pa-fld3::after { background: linear-gradient(to right, #5c5252 0%, #4c4343 100%); }
[data-user-id="4"].post .post-author .awards-box::before { background: var(--text-color-3);  opacity: 0.3; }
.dark [data-user-id="4"].post .post-author .awards-box::before { background: var(--text-color-11); opacity: 0.5;}


[data-user-id="156"].post .post-author .awards-box { background: url(//i.pinimg.com/736x/88/cb/24/88cb24e849e7c97a41ec64502be80d56.jpg) var(--text-color-3); background-position: 40% 24%; background-size: cover; }
[data-user-id="156"].post .post-author li.pa-fld3 a { box-shadow: none; clip-path: none; width: 161px; display: block; margin: 0px auto auto auto; padding: 0px 0 0 0; }
[data-user-id="156"].post .post-author li.pa-fld3::after { content: "";     background: linear-gradient(to right, #929294 0%, #a7a7a9 100%);  width: 172px; left: 24px; }
.dark [data-user-id="156"].post .post-author li.pa-fld3::after { background: linear-gradient(to right, #212121 0%, #414141 100%); }
[data-user-id="156"].post .post-author .awards-box::before { background: var(--text-color-3);  opacity: 0.65; }
.dark [data-user-id="156"].post .post-author .awards-box::before { background: var(--text-color-11); opacity: 0.5;}

.awards-prof.img_cat {  background: url(//forumstatic.ru/files/001c/2a/af/78705.png);  background-size: cover; overflow: visible;  height: 34px;  width: 35px; margin: auto 10px 4px 10px;position: relative;z-index: 1;mix-blend-mode: none; opacity: 0.6;}

.awards-prof.img_cake {  background: url(//e1.pngegg.com/pngimages/564/801/png-clipart-pixels-cute-6515-icon.png);  background-size: cover; overflow: visible;  height: 34px;  width: 35px; margin: auto 10px 4px 10px;position: relative;z-index: 1;mix-blend-mode: none; opacity: 0.6;}

.awards-prof.img_moon {  background: url(//forumstatic.ru/files/001c/29/61/71221.png);  background-size: cover; overflow: visible;  height: 34px;  width: 35px; margin: auto 10px 4px 10px;position: relative;z-index: 1;mix-blend-mode: none; opacity: 0.95;}

.awards-prof.img_kitty {  background: url(//forumstatic.ru/files/001c/29/61/49173.png);  background-size: cover; overflow: visible;  height: 34px;  width: 35px; margin: auto 10px 4px 10px;position: relative;z-index: 1;mix-blend-mode: none; opacity: 0.6;}

.awards-prof.halloween_puzzle {  background: url(//cdn-icons-png.flaticon.com/512/9770/9770572.png);  background-size: cover; overflow: visible;  height: 34px;  width: 35px; margin: auto 10px 4px 10px;position: relative;z-index: 1;mix-blend-mode: normal; opacity: .5; filter: hue-rotate(23deg);}

.awards-box span { font: 700 9px/12px var(--main-font); width: 150px; color: var(--text-color-8); padding: 2px 0 5px 10px; position: relative; z-index: 1; text-align: left; /*border-left: 1px solid var(--text-color-4);*/ opacity: 0.8; letter-spacing: 0.5px; }

.awards-prof { width: 100%; height: 40px; overflow: hidden; background-color: #c1becc; border-bottom-right-radius: 20px; margin: auto 0px 0px 0; background-repeat: no-repeat !important; background-position: 11% 32% !important; background-size: 100% !important; border-width: 1px 0 0 0; font: 500 8px/11px var(--3h-font); color: #cbcbcb; text-transform: lowercase; text-align: left; }

.awards-box::before { content: ''; position: absolute; width: 100%; height: 73px; background: var(--text-color-3); border-radius: 0 0 19px 19px; top: 0px; margin: 0 0 0 -1px; opacity: .5; }

.pa-fld5 { width: 222px; border-radius: 0 0 10px 10px; height: 46px; margin: 3px auto 0 -16px; padding: 0px !important; position: relative; }

#pun-category1 h2 { margin: 23px 13px 13px 13px; }

.block_bigque { width: 130px; height: 185px; border-radius: 20px; background: var(--text-color-1); position: absolute; right: 0; bottom: 0px; color: var(--text-color-3); text-align: center; padding: 15px 10px; }
.bigque_h { color: var(--text-color-4); font: 700 20px/20px var(--h-font); text-transform: uppercase; }
.bigque_sub { font: 500 8px/20px var(--main-font); }
.bigque_text { display: flex; flex-direction: row; gap: 0 8px; font: 500 9px/11px var(--main-font); overflow-y: scroll; height: 146px; scroll-padding: 10px; padding: 0 10px 0 0; width: 130px; }
.bigque_text p { display: flex; align-items: center; line-height: 14px; text-align: center; }

#player { width: 152px; height: 30px; display: flex; justify-content: space-between; align-items: center; background: transparent; padding: 0 20px; box-sizing: border-box; position: absolute; top: 65px; right: 0px; }
#player button { border: none; cursor: pointer; background: transparent; }
#player button img { width: 16px; height: 16px; }

.topic .post .container { border: 1px solid var(--text-color-12); border-radius: 20px; padding: 1rem 1rem 0 1rem; position: relative; }

/* Первый — нижний внутренний */
.tail-1 { position: absolute; bottom: 0px; right: 50px; width: 20px; height: 20px; background: var(--text-color-3); transform: translate(-100%, 0); z-index: 5; border-bottom: 1px solid var(--text-color-12); border-right: 1px solid var(--text-color-12); border-bottom-right-radius: 20px; }

/* Второй — внешний (выпуклый) изгиб вверх */
.tail-2 { position: absolute; top: -20px; left: 20px; width: 37px; height: 20px; background: var(--text-color-3); z-index: 2; border-top: 1px solid var(--text-color-12); border-left: 1px solid var(--text-color-12); border-top-left-radius: 20px; }

/* Третий — верхний внутренний */
.tail-3 { position: absolute; top: -21px; left: 36px; width: 35px; height: 20px; background: var(--text-color-3); z-index: 1; border-bottom: 1px solid var(--text-color-12); border-right: 1px solid var(--text-color-12); border-bottom-right-radius: 20px; }

#pun-main.main.multipage { padding: 0 30px; }

.topic .post .container::before { content: ''; position: absolute; bottom: -1px; right: -1px; width: 90px; height: 60px; background: var(--text-color-3); z-index: 4; }

#preloader { position: fixed; inset: 0; display: flex; justify-content: center; align-items: center; z-index: 9999; background: url(//forumstatic.ru/files/001c/2a/af/20410.webp) #202020 top center/ cover no-repeat fixed; }

.loader { width: 60px; aspect-ratio: 1; background: linear-gradient(#be6667 0 0) bottom/100% 0% no-repeat #ccc;
  -webkit-mask: 
    radial-gradient(circle at 60% 65%, #000 62%, #0000 65%) top left, 
    radial-gradient(circle at 40% 65%, #000 62%, #0000 65%) top right, 
    linear-gradient(to bottom left, #000 42%,#0000 43%) bottom left , 
    linear-gradient(to bottom right,#000 42%,#0000 43%) bottom right;
  -webkit-mask-size: 50% 50%;
  -webkit-mask-repeat: no-repeat;
  animation: l19 2s infinite linear; filter: blur(0px); }
@keyframes l19 {   90%,100% {background-size:100% 100%} }

.mylike .post-rating .container a::after { background: url(//forumstatic.ru/files/001c/29/61/98581.png) no-repeat; top: 0px; height: 37px; width: 22px; background-size: contain; }

.post-box .post-rating, .post-box .post-vote { display: none!important; }
table#respect { border: 0px !important; }

.jGrowl .messag_theme { background: var(--text-color-1) !important; border-radius: 10px; }
.jGrowl { color: var(--text-color-3)!important; }

.punbb-admin #pun-crumbs1 { top: -37px; }
input#tags { margin: 0 0 20px 0; }
.dark .punbb span.GamePst, .dark .punbb strong.GamePst2 {
  color: var(--text-color-3) !important;
}

.dark  #mask_dialog .hv-add-template { border: solid 1px var(--text-color-13); }