Код:

<!---------------------- Красивая профилактика © Deff, мод. max, the murderer! ---------------------->
<div id="pircs2"><link rel="stylesheet" type="text/css" href="/files/001b/a8/40/30530.css" /><div id="LogIn_Window" style="height: auto"><center>неожиданное техническое шуршание, оставайтесь на связи<br>
<img src="https://upforme.ru/uploads/001b/7d/20/2/984155.gif"><img src="https://upforme.ru/uploads/001b/7d/20/2/984155.gif"><img src="https://upforme.ru/uploads/001b/7d/20/2/984155.gif"></center>
</div></div><!-- --><script type="text/javascript">

var ON_button=1; // Cвитч включения: 1 - включено; 0 - выключено
var  moderDostyp_ON=0; // Модер-доступ включён: 1 - включён; 0 - выключен

if(ON_button!=1||GroupID ==1||moderDostyp_ON*GroupID==2){
$("style.#style_st,div.#pircs2").replaceWith("");}
  else {$("#msg-n2").replaceWith("");
if(GroupID ==3) {$("#LogIn_Window").show();if(document.URL.indexOf("/login.php")==-1){
document.location.href = "../login.php"}else {
$(document).ready(function(){$("form#login").appendTo("#LogIn_Window");
$("#LogIn_Window").find("p.formsubmit a[href*='register.php']").text("");
var v=$("#LogIn_Window").find("p.formsubmit a[href*='action=forget']");
v.replaceWith("<span>Вход только для администраторов</span>");});};}
else {document.location.href = "../login.php?action=out&id="+UserID};}
</script>
<!---------------------- Красивая профилактика END ---------------------->

<!---------------------------- переключатель ---------------------------->
<div class="stylechanger"><ul id="stylelist"></ul><ul id="stolelist"></ul></div>


<!-- Смена стиля, (с) ForumD.ru, satsana -->
<script type="text/javascript">
var styleList = [{
class: 'green one',
name: 'green v.1'
},
{
class: 'green two',
name: 'green v.2'
},
{
class: 'blue one',
name: 'blue v.1'
},
{
class: 'blue two',
name: 'blue v.2'
}];

function getCookie(a){return(a=document.cookie.match(new RegExp("(?:^|; )"+a.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g,"\\$1")+"=([^;]*)")))?decodeURIComponent(a[1]):void 0}function setStyle(a){$("body").attr("class",a);$("#stylelist li").removeClass("active");$('#stylelist li[data="'+a+'"]').addClass("active");selStyle=a;document.cookie="selStyle="+a+"; max-age=2592000"}var selStyle=getCookie("selStyle");selStyle&&setStyle(selStyle);
$(document).pun_mainReady(function(){$("#stylelist").length||$("body").prepend('<ul id="stylelist"></ul>');for(i=0;i<styleList.length;i++)$("#stylelist").append('<li data="'+styleList[i]["class"]+'"'+(selStyle==styleList[i]["class"]?' class="active"':"")+'><a href="/" onclick="setStyle($(this.parentNode).attr(\'data\'));return false">'+styleList[i].name+"</a></li>")});
</script>
<!-------------------------- Смена стиля - END ---------------------------->

<!---------------------------- переключатель2 ---------------------------->

<!-- Смена стиля, (с) ForumD.ru, satsana -->
<script type="text/javascript">
var stoleList = [{
class: 'day',
name: 'day'
},
{
class: 'night',
name: 'night'
}];

function getCookie(a){return(a=document.cookie.match(new RegExp("(?:^|; )"+a.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g,"\\$1")+"=([^;]*)")))?decodeURIComponent(a[1]):void 0}function setStole(a){$("html").attr("class",a);$("#stolelist li").removeClass("active");$('#stolelist li[data="'+a+'"]').addClass("active");selStole=a;document.cookie="selStole="+a+"; max-age=2592000"}var selStole=getCookie("selStole");selStole&&setStole(selStole);
$(document).pun_mainReady(function(){$("#stolelist").length||$("html").prepend('<ul id="stolelist"></ul>');for(i=0;i<stoleList.length;i++)$("#stolelist").append('<li data="'+stoleList[i]["class"]+'"'+(selStole==stoleList[i]["class"]?' class="active"':"")+'><a href="/" onclick="setStole($(this.parentNode).attr(\'data\'));return false">'+stoleList[i].name+"</a></li>")});
</script>
<!-------------------------- Смена стиля - END ---------------------------->

<!-- Cчётчик Игровых постов -->
<script type="text/javascript">
/***************************
        Настройки!
***************************/
FORUM._NUMpa_fld = 1;    // Номер.Доп.поля,
FORUM._color_fld = "inherit";	// Цвет шрифта,
FORUM.includeFirstPost = 0;	// 0 - не учитывать,1 - учитывать Первопост автора в игровых темах,
FORUM.AddOrSlash = 0;    //0 - Поле отдельно, 1 - через слешь c общ. числом сообщений,
FORUM.Number_winners = [7,[11]];	// Начальное Число отображаемых юзеров в таблице и список форумов показа;
FORUM.Subscription_Code = "f87f9524f52b3f15cd458b2bf2a95a906ca5a960";	//Код подписки!!;
/**** НАСТРОЙКА Игровых локаций ****/
function ad_ (){/*!~!FORUM.ForArrAy = {
//Форум  //Темы (включаемые, или исключаемые)

f14	:-[0],  //СЮЖЕТКИ
f12	:-[0],  //ЛИЧНЫЕ
f13	:-[0]	//АУ //Последний элемент без запятой!
}
!~!*/}ad_ = ad_.toString().split('!~!')[1];//alert(ad_);
</script>
<script type="text/javascript" src="https://forumstatic.ru/files/0013/44/56/77707.js"></script>
<style>.Form-Table{}.punbb .table_GamePosts tbody th{text-align: center;color:#fff}
#pre_placement>a {top:3px;right:-24px;z-index:10}.punbb .GamePst{padding:0!important;}
.punbb #profile-right li#pa-fld1 strong.GamePst2 {}</style>
<!--//END Cчётчик Игровых постов © Deff-->

<!------------------------- Мгновенные уведомления © Alex_63, Deff 2019 ------------------------>
<link rel="stylesheet" type="text/css" href="//forumstatic.ru/f/ru/bestbb/notifications.css" />
<style>.punbb #pun-main .pun-modal.unread-notifications .section h2{text-align:center!important}
</style>
<script type="text/javascript" src="//forumstatic.ru/f/ru/bestbb/notifications.js"></script>
<!--+ Мгновенные уведомления: упоминания © Alex_63, 2020 -->
<script>notifications.load('mentions');</script>
<!--+ Мгновенные уведомления: комментарии к репутации без переадресации  Alex_63, 2019-->
<script>notifications.load('reputation');</script>
<!--+ Мгновенные уведомления: подписки на форум/тему © Alex_63, 2019 -->
<script>notifications.load('subscriptions');</script>
<!--+ Мгновенные уведомления: новые посты из важных тем © Alex_63, 2019 -->
<script type="text/javascript">
notifications.load('common', {});
notifications.load('important', {topics: [29,74]}); // ID важных тем (через запятую)
</script>

<!-- навигация-->
<div class="headbut" id="1">

    <a href="#" class="trigger darker" data-target="guest-navigation">для гостей</a>
    <div class="content" id="guest-navigation">
<a href="https://tothegrave.rusff.me/viewtopic.php?id=600">гостевая</a>
<a href="https://tothegrave.rusff.me/viewtopic.php?id=96">правила</a>
<a href="https://tothegrave.rusff.me/viewtopic.php?id=83#p17761">шаблон анкеты</a>
<a href="https://tothegrave.rusff.me/viewtopic.php?id=83#p190924">характеристики персонажа</a>
<hr>
<a href="https://tothegrave.rusff.me/viewtopic.php?id=5">хочу к вам</a>
<a href="https://tothegrave.rusff.me/viewtopic.php?id=500">сюжетные персонажи</a>
<a href="https://tothegrave.rusff.me/viewtopic.php?id=248">graview calling</a>
<a href="https://tothegrave.rusff.me/viewtopic.php?id=3">нужные персонажи</a>
<a href="https://tothegrave.rusff.me/viewtopic.php?id=4">хотим видеть</a> 
<hr>
<a href="https://tothegrave.rusff.me/viewtopic.php?id=79">список внешностей</a>
<a href="https://tothegrave.rusff.me/viewtopic.php?id=38">биржа труда</a>
<a href="https://tothegrave.rusff.me/viewtopic.php?id=74">удаление</a>
<hr>
<a href="https://tothegrave.rusff.me/viewtopic.php?id=8">матчасть</a>
<a href="https://tothegrave.rusff.me/viewtopic.php?id=6">сюжет</a>
<a href="https://tothegrave.rusff.me/viewtopic.php?id=1082#p214214">странности</a>
<a href="https://tothegrave.rusff.me/viewtopic.php?id=7">путеводитель</a>
<a href="https://tothegrave.rusff.me/viewtopic.php?id=889">хронология</a>
    </div>

    <a href="#" class="trigger" data-target="user-navigation">для игроков</a>
    <div class="content" id="user-navigation">
<a href="https://tothegrave.rusff.me/viewtopic.php?id=87">отсутствие и уход</a>
<a href="https://tothegrave.rusff.me/viewtopic.php?id=29">новости</a>
<a href="https://tothegrave.rusff.me/viewtopic.php?id=90">профиль</a>
<a href="https://tothegrave.rusff.me/pages/z_primerka">примерка лз и оформления</a>
<a href="https://tothegrave.rusff.me/viewtopic.php?id=10">отношения</a>
<a href="https://tothegrave.rusff.me/viewtopic.php?id=882">вопросы к амс</a>
<hr>
<a href="https://tothegrave.rusff.me/viewtopic.php?id=88">банк</a>
<a href="https://tothegrave.rusff.me/viewtopic.php?id=337">купоны</a>
<hr>
<a href="https://tothegrave.rusff.me/viewtopic.php?id=536#p77551">дайсы</a>
<a href="https://tothegrave.rusff.me/viewtopic.php?id=16">плейлист</a>
<a href="https://tothegrave.rusff.me/viewtopic.php?id=15">мемесы</a>
<a href="https://tothegrave.rusff.me/viewtopic.php?id=14">цитаты</a>
<a href="https://tothegrave.rusff.me/viewtopic.php?id=663">казино</a>
    </div>

</div>

    <!-- дата и очередь-->
<div class="headbut" id="2">

   <div class="gamedate">декабрь 2024</div>

   <a href="#" class="trigger darker" data-target="queue-list">Список очереди</a>
    <div class="content" id="queue-list">
<li>● <a href="https://tothegrave.rusff.me/viewtopic.php?id=572">in search of salvation [мини-квест #1] - gm [31.07]</a></li>
<li>● <a href="https://tothegrave.rusff.me/viewtopic.php?id=573">tentacle after party [мини-квест #2] - gm [20.05]</a></li>
<li>● <a href="https://tothegrave.rusff.me/viewtopic.php?id=1221">the house that waited for the light [мини-квест #4] - billy barker [29.07]</a></li>
<li>● <a href="https://tothegrave.rusff.me/viewtopic.php?id=1214">crypt sweet crypt [квест #4] - roland newman [31.07]</a></li>
<li>● <a href="https://tothegrave.rusff.me/viewtopic.php?id=1215">somewhere under the stupid [квест #5] - gm [08.07]</a></li>
    </div>

</div>

<!-- пост где-то строки на три --> 
      <div class="header_item best-post">
<span><a href="https://tothegrave.rusff.me/viewtopic.php?id=1103#p262880">augusta's post:</a></span>погода в этом городе всегда была обычная, и к вечеру — оставалась ни о чем. ни прохладно, ни душно, ни тени, ни облака. воздух в этом городе ровный и почти стерильный, напоминал больничные простыни, воздух тут — не позволял надышаться, он лишь исполнял какие-то свои обязанности: ни дать задохнуться, ни позволить надышаться.
       </div>

<!-- админы --> 
      <div class="header_item ams-wrap">
<span>ams:</span> 
             <a href="https://tothegrave.rusff.me/profile.php?id=97" title="гм, ивенты, вопросы по матчасти">томми</a> — 
            <a href="https://tothegrave.rusff.me/profile.php?id=102" title="организационные вопросы, приём, партнёрка">рудольф</a> —
            <a href="https://tothegrave.rusff.me/profile.php?id=322" title="организационные вопросы, ивенты">билли</a> —
            <a href="https://tothegrave.rusff.me/profile.php?id=162" title="гм">сэнди</a> —   
            <a href="https://tothegrave.rusff.me/profile.php?id=140" title="гм">каин</a> —  
            <a href="https://tothegrave.rusff.me/profile.php?id=170" title="гм">елена</a> —  
            <a href="https://tothegrave.rusff.me/profile.php?id=372" title="графист">виттория</a>
      </div>

<!-- активисты--> 
<div class="persons">

<!-- посты --> 
<a href="https://tothegrave.rusff.me/profile.php?id=271" title="постописец: theo moore [3]">
<img src="https://upforme.ru/uploads/001c/44/9e/271/375244.jpg"></a>
<a href="https://tothegrave.rusff.me/profile.php?id=319" title="постописец: troye prescott [3] ">
<img src="https://upforme.ru/uploads/001c/44/9e/102/276501.png"></a>
<a href="https://tothegrave.rusff.me/profile.php?id=322" title="постописец: billy barker [2] ">
<img src="https://upforme.ru/uploads/001c/44/9e/102/659165.png"></a>

<empty></empty>

<!-- активность--> 
<a href="https://tothegrave.rusff.me/profile.php?id=299" title="активист: juwon seo"><img src="https://upforme.ru/uploads/001c/44/9e/6/591341.png"></a>
<a href="https://tothegrave.rusff.me/profile.php?id=404" title="активист: jaden ashwood">
<img src="https://i.ibb.co/yBqQ7WyW/Untitled-8.png"></a>
<a href="https://tothegrave.rusff.me/profile.php?id=403" title="активист: ethan bailey">
<img src="https://i.imgur.com/aoaH0hs.png"></a>
</div>

<!-- новостные плашки --> 
<!-- чтобы выделить первые цветом, укажите дополнительный класс: div class="tab_banner newpl" --> 

<div class="plashki">

<a href="https://tothegrave.rusff.me/viewtopic.php?id=29&p=3#p263825">
         <div class="tab_banner newpl">
            <date>27/07</date>
            <em>новости #43</em>
         </div>
      </a>

<a href="https://tothegrave.rusff.me/viewtopic.php?id=1286#p263739">
         <div class="tab_banner newpl">
            <date>27/07</date>
            <em>плейлисты дружбы #1</em>
         </div>
      </a>

<a href="https://tothegrave.rusff.me/viewtopic.php?id=1035#p262355">
         <div class="tab_banner">
            <date>21/07</date>
            <em>раскраски</em>
         </div>
      </a> 

<a href="https://tothegrave.rusff.me/viewtopic.php?id=248#p260291">
         <div class="tab_banner">
            <date>13/07</date>
            <em>graview calling</em>
         </div>
      </a> 

<a href="https://tothegrave.rusff.me/viewtopic.php?id=1252#p255277">
         <div class="tab_banner">
            <date>27/07</date>
            <em>пазлы с кошмарами</em>
         </div>
      </a> 

<a href="https://tothegrave.rusff.me/viewtopic.php?id=1108&p=3#p262305">
         <div class="tab_banner">
            <date>27/07</date>
            <em>филворды дндшные</em>
         </div>
      </a> 

</div>

<!-- бабки -->
<div class="bluebabka" style="display: none;"></div>
<div class="closebg" style="display: none;"></div>
<div class="pole">
<div class="greenbabka" style="top: 100px; left: 200px; display: none;"></div>
</div>

<!--кнопки вверх вниз-->
<div class="arrow_wrap">
<div class="go-up" id="ToTop"><span></span></div>
<div class="go-down slow" id="OnBottom"><span></span></div>
</div>

<!--------------- Правка глюка Репы при отсутствии скриптов русфф  v3 ------------>
<script> if($('#pun-viewtopic').length)$(window).load(function () {
if(!($('#pun-reputation').length&&$('#pun-ulinks  li.item7 a:not([href$="show_replies"])').length))
FORUM.PartnerVote = function() { return true; };
});
</script>

<!---------------------------- Пиар-вход, хтмл верх ---------------------------->
<script src="https://forumstatic.ru/files/0015/c4/3f/26781.js"></script><script src="https://forumstatic.ru/files/0016/0b/c8/37000.js?20166"></script>
<script type="text/javascript">
PR.nick = 'lamplighter'; //Ник PR-аккаунта
PR.pass = '1111'; //Пароль PR-аккаунта
PR.btn_text = 'PR'; //Надпись на кнопке PR-входа(или ссылка на картинку);
PR.set();</script>

<!---------------------------- Быстрая смена аккаунта  ---------------------------->
<script type="text/javascript">
  New_EXiT = 'https://forumstatic.ru/files/001c/51/c9/98994.png'; //Дополнительная Иконка выход;
</script>
<script data="3631ca" src="https://forumstatic.ru/files/0014/cc/0a/93129.js"></script>


<style>ul.fgroup3:before {
    content: 'особые отметки:';
    font-family: var(--font);
}
</style>

<!--Всплывающие Подсказки при наведении-->
<style>
#tooltip {
  position: absolute;
    background: var(--dark600);
  z-index: 999;
  max-width: 180px;
  border-radius: 25px;
  font-family: var(--font); /* шрифт */
  font-size: 11px; /* размер текста */
  display: none;
  color: var(--beg100); /* цвет текста */
  text-align: center;
  padding: 4px 10px;
  letter-spacing: 0px;
  font-weight: 500;
}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26671.js"></script>
<!--//End//-Всплывающие Подсказки при наведении-->


<script>
FORUM.set('editor.addition.tags.hideprofile',{name:'Скрыть минипрофиль',onclick:function(){insert('[hideprofile]');}});
$().pun_mainReady(function(){$('.post:contains("[hideprofile]")').addClass('hideprofile').html(function(){return $(this).html().replace(/\[hideprofile\]/gim,'')})});
</script>


<!------------------------------------------ ОТКЛЮЧЕНИЕ ФУНКЦИЙ И КНОПОК ------------------------------->
<!--Отключить кнопку "Жалоба" -->
<script type="text/javascript">
RusffCore.sets.show_reportBtn = 0;
</script>
<!--Отключить функцию "Поделиться" -->
<script type="text/javascript">
RusffCore.sets.share = false;
</script>
<!--Отключить функцию "Вложения" -->
<script type="text/javascript">
RusffCore.sets.files.button = false;
</script>
<!--Отключить функцию "Это интересно" -->
<script type="text/javascript">
rusffLive.enable = false;
</script>
<!--Отключить функцию "Реакция" -->
<script>
ReactionsPlugin.setConfig({
  disable: true
});
</script>
<!--Список просматривающих тему -->
<script>
RusffCore.sets.realtimeTopicReaders = false
</script>

<div class="settings_wrap">
<div class="slide_button">настройки</div>
<div class="slide_block"><div class="settings_container">
<!-- Регулятор вида и размера шрифта (с) satsana, forumd.ru -->
<div id="chfont">
<div id="chfontbut">Шрифт в постах</div>
<select id="chfontfam" name="chfontfam">
<option value="0" selected="selected">по умолчанию</option>
<option value="'Book Antiqua', 'Palatino Linotype', Palatino, serif" style="font-family: 'Book Antiqua', 'Palatino Linotype', Palatino, serif">Book Antiqua</option>
<option value="Georgia, serif" style="font-family: Georgia, serif">Georgia</option>
<option value="'Times New Roman', Times, serif" style="font-family: 'Times New Roman', Times, serif">Times New Roman</option>
<option value="'helv', serif" style="font-family: 'helv', serif">Helvetica</option>
<option value="'Montserrat', serif" style="font-family: 'Montserrat', serif">Montserrat</option>
</select>
<div id="chfontsize">
<div class="fsizeplus"></div>
<div class="fsize">14</div>
<div class="fsizeminus"></div>
</div>
</div>
<!-- деактивация бабок -->
<label id="minusbabki">
  <input type="checkbox" id="toggleEffects"> обезвредить бабок
</label>
</div>
</div>
</div>

<script type="text/javascript">
var chfsize,chffam;if(!localStorage.fontsize)localStorage.setItem("fontsize",11);if(!localStorage.fontfam)localStorage.setItem("fontfam","0");chfsize=+localStorage.getItem("fontsize");chffam=localStorage.getItem("fontfam");function setfsize(f){localStorage.setItem("fontsize",f);$(".fsize").text(f);$(".post-content p, textarea").css("font-size",f+"px")}
function setffam(f){localStorage.setItem("fontfam",f);$("#chfontfam option").removeAttr("selected");$('#chfontfam option[value="'+f+'"]').attr("selected","selected");if(f!="0")$(".post-content p").css("font-family",f);else $(".post-content p").css("font-family","")}$(".fsizeplus").on("click",function(){chfsize+=1;if(chfsize>72)chfsize=72;setfsize(chfsize)});$(".fsizeminus").on("click",function(){chfsize-=1;if(chfsize<6)chfsize=6;setfsize(chfsize)});$("#chfontbut").on("click",function(){$("#chfont").toggleClass("active")});
$("#chfontfam").on("change",function(){chffam=$(this).val();setffam(chffam)});$(document).pun_mainReady(function(){setfsize(chfsize);setffam(chffam)});
</script><!-- Регулятор вида и размера шрифта (с) satsana, forumd.ru (конец) -->

<!-- личная страница ч1 -->
<script src="https://forumstatic.ru/files/0011/e9/e1/56920.js" type="text/javascript"></script>


<!--//Скрипт "Тихого Цитирования" с группой настроек © Deff//-->
<script type="text/javascript">
settingQuote2 = {
  kn_Name: 'Цитировать-тихо', /*Наименование кнопки цитировать*/
  kn_title: '', /*Всплывающая подсказка на кнопке, если значение пустое (''), — подсказка не всплывает!*/
  button_sequence: 1,  /*1 — кнопка идёт за стандартной цитатой, 0 — впереди стандартной*/
  hide_button_quote: 0,  /*1 — кнопка стандартной цитаты скрыта — , 0 — остаётся!*/
  visible_forums: [11,6]   /*ID форумов установки кнопки тихой цитаты*/
}</script>
<script type="text/javascript" src="https://forumstatic.ru/files/001c/44/9e/15661.js"></script>




<style>
#List-UserNames ul:empty:before{ 
display:inline-block; 
content: "У Вас нет запомненных ников, введенных через форму справа, или через перенос ниже!"; 
} 
</style>


<!--— Восстановление последнего поста при утере by Человек-Шаман —-->
<script>
$(document).ready(function() {
$('#addition-area').append(function() {
return $('<div>Восстановить последний пост</div>').click(restoreLastPost);
});
function restoreLastPost() {
$('#main-reply').val(localStorage.ReservePost);
};
});
</script>
<!--конец-->



<!-------------------------- СМЕНА АВАТАРА ПРЯМО В ТЕМЕ © Deff, Alex_63 ---------------------------->
<script>var NoChangeAvatar = ["Hounds of Tindalos"]; /* Имя Ника для Пиар Аккаунта(дабы не менял)*/;</script>
<script type="text/javascript">
/****************************************************************
* 	Смена Аватара в топике (mybb.ru)
* 	Deff, Alex_63 22.10.2016г. / 03.07.2017г. 18:07:00
* 	v1.1.2
****************************************************************/

function addContent (){ /*==123==;
<style>

</style>

==123==;*/
} addContent = addContent.toString().split('==123==;')[1];
$(addContent).insertBefore($('#html-header'));


if(GroupID != 3)$().pun_mainReady(function(){

  //====== Запрет изменения аватарки ==========//

  if(window.NoChangeAvatar && $.inArray(UserLogin,window.NoChangeAvatar)!=-1 ) {
    if($('#pun-viewtopic').length) return;
    if($('#pun-profile,#pun-upavatar').length) {
        $('#profilenav .item4').remove();
        if(!$('#profile4').length && !$('#pun-upavatar').length)return;
        var message = 'Вы не имеете прав для доступа к этой странице.';
        var title = $('#pun-title h1 > span').text(); document.title = title;
        var crumbs = '<strong>Вы здесь</strong> »&nbsp;<a href="/">'+title+'</a> »&nbsp;Информация';
        $('#pun-crumbs1 .crumbs').html(crumbs); $().pun_aboutReady(function(){$('#pun-crumbs2 .crumbs').html(crumbs);});
        $('#pun-main').html('<h1><span>Информация</span></h1><div class=info><div class=container>'+message+'</div></div>');
        $('.punbb').attr('id','#pun-message');
    }
  }  //End// - Запрет изменения аватарки
  //===========================================//


  //===========================================//

  var link = '/profile.php?action=upload_avatar&id='+ UserID;
  window.tstFrameAvatarDiv = $('<div />'); //Спец.элемент для mybbModal
  var addContent = $('<div id="wrp-Ava-set"><form id="set_avatar" class="container"></form></div>');

  //===========================================//


  //========= Установка вспл.окна =============//

  tstFrameAvatarDiv.mybbModal({
      theme:'change_avatar_theme',
      content:addContent,
      title:'Сменить аватар',
      onfirstset: function(){ var data = tstFrameAvatarDiv.data('avatar_change'); 
        var spl_s1='<script type="text/javascript">\n$(document).ready(function() {\n\tvar file',spl_s2 = '});\n<\/script>\n\n<div id="pun-main',sS1='$("#set_avatar .uploadQueueItem").remove';
        var reg_h = /<div\sid="html-header">|<\/div>\n*<div\sid="pun-t/,reg_a = /<div\sclass="html-box">|<\/div>\s+<\/div>\s+<\/div>/;
        data = data.replace(data.split(reg_h)[1],'').replace(data.split(reg_a)[1],''); var s3 = 'if (data.files[0].uploadID) {';
        var st = data.split(/class="main">\s*<h1><span>.+?<\/span><\/h1>\s*<div class="formal">\s*<form class="container">|<\/form>/)[1];
        var end = '<script>(function(){var file'+data.split(spl_s1)[1].split(spl_s2)[0]+'})()<\/script>';var html = st + end;var s01 = /window\.location = "http.+?"/;
        var _chng = '$("#file_upload_input").show(),'+sS1,s02 = /window\.location\.reload/mg,s3_2 = s3+'setTimeout(function(){'+_chng+'();},3000);';
        var s4 = 'var z=document.URL;history.replaceState(null,null,"/profile.php?action=upload_avatar&id="+UserID);setTimeout(function(){history.replaceState(null,null,z)},10);$1'
        html = html.replace(s01,'tstFrameAvatar(),'+_chng+'()').replace(s02,_chng).replace(/(var rnd)/,s4).replace(s3,s3_2).replace(/(jqXHR\.abort\(\))/,'$1;$("#file_upload_input").show()');
        $('.change_avatar_theme').find('#set_avatar').append(html);var spl = 'на форуме.',descr = ($('#set_avatar .infofield').text().split(spl)[1]);// console.log(html);
        $('#set_avatar .infofield').text(descr);$('#set_avatar legend span').text('Выберите файл с аватаром для загрузки');
      }

  });   //End// - Всплывающее окно
  //===========================================//


  //========== setClickAvaEvent() =============//

  function setClickAvaEvent (){
       if(!tstFrameAvatarDiv.data('mybbModal'))$.get(link,function(data){//  alert(data);
           tstFrameAvatarDiv.data('avatar_change',data).click()
       },'html');
       else tstFrameAvatarDiv.click();  

  };   //End// - setClickAvaEvent()
  //===========================================//


//=== Обработка фрейма, замена аватарок =====//

window.tstFrameAvatar = function() {
    $.get('/profile.php?section=avatar&id=' + UserID, function(data1) {
        var img = $(data1).find('img.avatardemo').clone();
        var pst = $('.post .post-links').find('li.pl-email>a[href$="/profile.php?id=' + UserID + '"]').parents('.post');
        var ava = pst.find('.pa-avatar img[alt]'), nick = ava.attr('alt'), src = img.attr('src'); 
        ava.after(img); 
        ava.remove();
        pst.find('.pa-avatar img[src="' + src + '"]').attr('alt', nick).attr('title', 'Сменить аватар').removeClass('avatardemo')
            .addClass('allow_change').removeAttr('style').click(function() { setClickAvaEvent() }); 
        tstFrameAvatarDiv.click();

        // Добавляем обновление страницы после изменения аватара
        location.reload(); // Страница будет перезагружена
    });
};  //End// - tstFrameAvatar
//===========================================//


  //===== Установка события на аватарке =======//

  $(document).ready(function(){
    $('.post .post-links').find('li.pl-email>a[href$="/profile.php?id='+UserID+'"]').parents('.post')
    .find('li.pa-avatar img[alt]').attr('title','Сменить аватар').addClass('allow_change').click(function(){
       setClickAvaEvent (); // alert('Клик');
    });

  });   //End// - Ставим событие
  //===========================================//


});
</script>

<!-- навигация, окошки квестов © hagalnaud -->
    <script>
        const triggers = document.querySelectorAll('.trigger');

        triggers.forEach(trigger => {
            trigger.addEventListener('click', function(event) {
                event.preventDefault();

                const targetId = this.getAttribute('data-target');
                const targetElement = document.getElementById(targetId);

                if (targetElement) {
                    if (targetElement.classList.contains('active')) {
                        targetElement.classList.remove('active');
                    } else {
                        hideAllContents();
                        targetElement.classList.add('active');
                    }
                }
            });
        });

        function hideAllContents() {
            document.querySelectorAll('.content').forEach(content => {
                content.classList.remove('active');
            });
        }
    </script>

<!-- оберег © hagalnaud -->
<div class="pendulum" id="pendulum" style=""></div>
<script>const pendulum = document.getElementById('pendulum');

function startSwing() {
  if (!pendulum.classList.contains('swinging')) {
    pendulum.style.animation = 'swing 3s ease-in-out forwards';
    pendulum.classList.add('swinging'); 

    setTimeout(() => {
      pendulum.style.animation = '';
      pendulum.classList.remove('swinging');
    }, 3000); 
  }
}

pendulum.addEventListener('mouseenter', startSwing);</script>



<!-- обезвредить бабок-->
<script>
document.addEventListener("DOMContentLoaded", function () {
    // Находим чекбокс и элементы, которые нужно скрывать/показывать
    const checkbox = document.getElementById("toggleEffects");
    const elementsToToggle = [
        document.getElementById("pole"),
        ...document.querySelectorAll(".greenbabka, .closebg, .bluebabka")
    ];

    // Функция для скрытия элементов
    function hideElements() {
        elementsToToggle.forEach(element => {
            if (element) element.style.display = "none";
        });
    }

    // Функция для отображения элементов
    function showElements() {
        elementsToToggle.forEach(element => {
            if (element) element.style.display = "";
        });
    }

    // Проверяем состояние чекбокса из localStorage при загрузке страницы
    const savedState = localStorage.getItem("toggleEffectsState");
    if (savedState === "true") {
        checkbox.checked = true;
        hideElements();
    } else {
        checkbox.checked = false;
        showElements();
    }

    // Добавляем обработчик изменения состояния чекбокса
    checkbox.addEventListener("change", function () {
        if (checkbox.checked) {
            hideElements();
            localStorage.setItem("toggleEffectsState", "true"); // Сохраняем состояние в localStorage
        } else {
            showElements();
            localStorage.setItem("toggleEffectsState", "false"); // Сохраняем состояние в localStorage
        }
    });
});
</script>

<!-- Обтекание текста слева/справа -->
<style type="text/css">
.post-content p{clear:both}.post-content abbr[title^="float:"]{text-decoration:none;pointer-events:none;margin:.5em}
.post-content abbr[title="float:left"]{float:left}.post-content abbr[title="float:right"]{float:right}
</style>
<script type="text/javascript">
FORUM.set('editor.addition.tags.float_left', {name:'Обтекание слева',onclick:function(){bbcode('[float=left]', '[/float]');}});
FORUM.set('editor.addition.tags.float_right', {name:'Обтекание справа',onclick:function(){bbcode('[float=right]', '[/float]');}});
</script>
<script type="text/javascript" src="https://forumstatic.ru/files/001c/6b/d4/83194.js"></script>

Код:

/***************************************
A - SETUP
***************************************/
/* A1.1 */
@import url(style_cs.css);
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/v4-font-face.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/fontawesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cherish&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dawning+of+a+New+Day&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Homemade+Apple&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Marmelad&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Philosopher&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poiret+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Neucha&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Viaoda+Libre&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap');
@font-face {
    font-family: Italic;
    src: local("Italic"), url(https://forumstatic.ru/files/001b/d0/da/64472.ttf?v=1);
}


@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700|Open+Sans:400,400i,600,600i,700,700i,800,800i|Roboto:100,300,400,700,900');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

:root {
    --base-bg: #504C4C url(https://forumstatic.ru/files/001c/6b/d4/18746.png);
    --head-bg: url(https://forumstatic.ru/files/001c/6b/d4/89321.png) left;
    --beg100: #E6E6E6;
    --beg300: #FFFFFF;
    --beg500: #D3D3D3;
    --dark500: #373737;
    --dark550: #130F0F;
    --dark600: #000000;
    --links: #6da956;
    --accent: #6c935d;
    --accentdark: #457936;
    --font: helv;
    --font2: awesome;
    --iconew: url(https://forumstatic.ru/files/001c/6b/d4/76282.png?v=1);
    --bottom-bg: url(https://forumstatic.ru/files/001c/6b/d4/89254.png?v=1) no-repeat;
    --pend: url(https://forumstatic.ru/files/001c/6b/d4/33148.png?v=1);
    --cats-bg: url(https://forumstatic.ru/files/001c/6b/d4/74790.png?v=1);
    --goup: url(https://forumstatic.ru/files/001c/6b/d4/36693.png?v=1);
    --godown: url(https://forumstatic.ru/files/001c/6b/d4/71185.png?v=1);
}

html.night {
    --beg100: #d3d2d2;
    --beg300: #E6E6E6;
    --beg500: #c1bebe;
}

body.blue {
    --links: #568ca9;
    --accent: #698ba6;
    --accentdark: #567894;
    --iconew: url(https://forumstatic.ru/files/001c/6b/d4/88996.png);
    --bottom-bg: url(https://upforme.ru/uploads/001c/44/9e/249/656315.png) no-repeat;
    --head-bg: url(https://upforme.ru/uploads/001c/44/9e/192/140413.png) left;
    --cats-bg: url(https://upforme.ru/uploads/001c/44/9e/192/737590.png);
    --goup: url(https://upforme.ru/uploads/001c/44/9e/249/761665.png);
    --godown: url(https://upforme.ru/uploads/001c/44/9e/249/336497.png);
    --pend: url(https://upforme.ru/uploads/001c/44/9e/249/57416.png);
}

body.green.one {
    --base-bg: #504C4C url(https://forumstatic.ru/files/001c/6b/d4/18746.png?v=1);
}

.green .ams-wrap {
    margin: 274px 0 0 635px;
}

body.blue.one {
    --base-bg: #504C4C url(https://upforme.ru/uploads/001c/44/9e/249/509484.png);
}

body.two {
    --base-bg: #504C4C url(https://upforme.ru/uploads/001c/44/9e/249/561995.png);
}


@font-face {
    font-family: 'helv';
    font-style: normal;
    font-weight: 600;
    src: url(https://forumstatic.ru/files/001b/eb/d6/68258.ttf);
}
@font-face {
    font-family: 'helv';
    font-style: italic;
    font-weight: 600;
    src: url(https://forumstatic.ru/files/001b/eb/d6/69485.ttf);
}
@font-face {
    font-family: 'helv';
    font-style: normal;
    font-weight: 500;
    src: url(https://forumstatic.ru/files/001b/eb/d6/76720.ttf);
}
@font-face {
    font-family: 'helv';
    font-style: italic;
    font-weight: 500;
    src: url(https://forumstatic.ru/files/001b/eb/d6/58067.ttf);
}
@font-face {
    font-family: 'helv';
    font-style: normal;
    font-weight: 400;
    src: url(https://forumstatic.ru/files/001b/eb/d6/14331.ttf);
}
@font-face {
    font-family: 'helv';
    font-style: italic;
    font-weight: 400;
    src: url(https://forumstatic.ru/files/001b/eb/d6/28951.ttf);
}
@font-face {
    font-family: 'awesome';
    font-style: italic;
    font-weight: 600;
    src: url(https://forumstatic.ru/files/001c/44/5e/47166.otf);
}
@font-face {
    font-family: 'awesome';
    font-style: italic;
    font-weight: 400;
    src: url(https://forumstatic.ru/files/001c/44/5e/91993.otf);
}
/* icon fonts*/
@font-face {
    font-family: icomoon;
    src: url("https://forumstatic.ru/files/001b/61/c9/55259.ttf") format("truetype");
}
@font-face {
    font-family: fa-thin;
    src: url("https://forumstatic.ru/files/001b/73/d1/69011.ttf?v=1") format("truetype");
}
@font-face {
    font-family: fa-solid;
    src: url("https://forumstatic.ru/files/001b/73/d1/43250.ttf?v=1") format("truetype");
}
@font-face {
    font-family: fa-regular;
    src: url("https://forumstatic.ru/files/001b/73/d1/37687.ttf?v=1") format("truetype");
}
@font-face {
    font-family: fa-light;
    src: url("https://forumstatic.ru/files/001b/73/d1/90046.ttf?v=1") format("truetype");
}
@font-face {
    font-family: fa-duotone;
    src: url("https://forumstatic.ru/files/001b/73/d1/16351.ttf?v=1") format("truetype");
}
@font-face {
    font-family: fa-brands;
    src: url("https://forumstatic.ru/files/001b/73/d1/66477.ttf?v=1") format("truetype");
}
/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/
/* A2.1 */
html,
body {
    margin: 0;
    padding: 0
}
/* A2.2 */
.punbb * {
}
/* A2.3 */
.punbb ul,
.punbb dl,
.punbb li,
.punbb dd,
.punbb dt {
    padding: 0;
    list-style: none;
}
/* A2.4 */
.punbb img {
    border: none
}
/* A2.5 */
.punbb .main table {
    table-layout: fixed;
    width: 100%;
}
/* A2.6 */
.checkfield input[type="checkbox"],
.radiofield input[type="radio"] {
    margin: 0 0.3em;
}

.punbb-admin textarea {
	width: 97% !important;
}

input[type="checkbox"] {
	appearance: none;
	padding: 5px !important;
	cursor: pointer;
	transition: all .4s ease-in-out 0s;
	border-radius: 100%
}

input[type="radio"] {
	border-radius: 100%;
	appearance: none;
	padding: 5px !important;
	cursor: pointer;
	transition: all .2s ease-in-out 0s;
    margin-right: 10px !important;
}

input[type="checkbox"]:checked,
input[type="radio"]:checked {
	background:
    var(--accent);
	border: 1px solid var(--accent) !important;
}

span.checkfield,
p.checkfield {
	display: flex;
	margin-top: 10px !important;
	align-items: center
}

.punbb select, input {
    padding: 4px 10px !important;
    border: 1px solid #a5a5a5 !important;
    background: var(--pun);
    font: 400 11px var(--font), arial !important;
    border-radius: 10px;
}

/* A2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
    vertical-align: middle
}
/* A3 Text setup
-------------------------------------------------------------*/
/* A3.1 */
body {
    font-size: 100.01%;
}
/* A3.2 */
.punbb {
    font: normal 70% verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
/* 3.3 */
.punbb textarea,
.punbb input,
.punbb select,
.punbb optgroup {
    font: 1.2em Helvetica Regular, verdana, arial, helvetica, sans-serif;
}
/* A3.4 */
.punbb h1,
.punbb h2,
.punbb h3 {
    font-size: 1em;
    font-weight: bold;
}
.punbb th {
    font-size: 0px;
    font-weight: bold;
}
.punbb h4,
.punbb table {
    font-size: 1em;
    font-weight: normal;
}
/* A3.5 */
.punbb h1 span,
.punbb h2 span,
.punbb legend span {
    /* font-size: 1.1em; */
}
#post legend span {
    display: none;
}
.punbb h1 span {
    text-transform: lowercase;
    font-family: var(--font2);
    color: #7a7871;
    font-size: 11.3px;
}
/* A3.6 */
.punbb pre {
    font: 1.1em/140% verdana, arial, monaco, "bitstream vera sans mono", "courier new", courier, monospace
}
/* A3.7 */
.punbb address,
.punbb em {
    font-style: normal
}
/* A3.8 */
.punbb .post-content em {
    font-style: italic
}
/* A3.9 */
.punbb .post-content em.bbuline {
    font-style: normal;
    text-decoration: underline;
}

.punbb .post-content p strong {
font-weight: 600!important;
}

/* A3.10 */
.punbb a {
    text-decoration: underline
}
/* A3.11 */
.punbb optgroup {
    font-weight: bold;
}
/* A4 Float clearing and hidden items
-------------------------------------------------------------*/
/* A4.1 */
#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;
}
/* A4.2 */
.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
}
/* A5 Basic page layout and borders
-------------------------------------------------------------*/
/* A5.2 */
.punbb {
    float: left;
    width: auto;
    height: auto;
    /* padding: 0px 17px; */
}
/* A5.3 */
/* pereadres */
#pun-redirect,
#pun-maint {
    margin: 0px 0% 0px 0%;
    width: auto;
    float: none;
    background-position: center;
    background: url("");
    text-align: center;
    width: 902px;
    color: #1a1a1a;
}
#pun-redirect .main-title {
    font-size: 15px !important;
    font-family: yeseva one !important;
    text-transform: uppercase;
    letter-spacing: 1px !important;
}
/* A5.4 */
.punbb .section,
.punbb .main {
    margin-bottom: 1em;
}

div#pun-main {
    width: 1004px;
}

/* A5.5 */
.punbb .category {
    margin-top: 1em;
}
#pun-index thead {
    display: none;
}
/* A5.6 */
.punbb #pun-category1, .punbb .toppost {
    margin-top: 0;
}
/* 5.7 */
#pun-post .topic {
    margin-top: 1em;
}
/* A5.8 */
.punbb .section,
.punbb .forum,
.punbb .formal,
.punbb .modmenu,
.punbb .info,
.punbb .category,
.punbb .post {
    border-style: none none solid none;
    border-width: 0px 0px 2px 0px;
}
/* A5.9 */
.punbb .container {
    border-style: solid;
    border-width: 1px;
}
/* A5.10 */
#pun-main h1,
.punbb .section h2,
#pun-debug h2 {
    height: 0px;
    border-style: solid solid none solid;
    border-width: 1px 1px 0px 1px;
}
#pun-main h2 {
    /* padding: 2px 1em 9px 1em; */
    border-style: solid;
    border-width: 1px;
    /* display: none; */
}
/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/
/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/
/* B1.1 */
.punbb .post-content {
    padding: 0;
    margin-top: 0px;
    width: 100%;
    overflow: hidden;
}
/* B1.2 */
.punbb .post-sig dt {
    border: none;
    background: rgba(0, 0, 0, .1);
    height: 1px;
    display: block;
    margin: 5px auto 15px;
    width: 80%;
}
/* B1.3 */
.punbb .post-content p {
    margin: 0;
    padding: 0 0 1em 0;
    line-height: 150%;
    font-family: verdana, sans-serif;
    font-weight: 300;
    font-size: 11px;
    word-wrap: break-word;
text-align: justify;
}
/* B1.4 */
.punbb .post-content img {
    vertical-align: text-top
}
/* B1.5 */
.punbb .post-content img.postimg {
    vertical-align: middle;
}
/* B1.6 */
.punbb .post-content .blockcode,
.punbb .post-content blockquote {
    /*width: 100%;*/
    overflow: hidden;
    margin: 0;
}

.punbb .quote-box,
.punbb .code-box {
	padding: 0px !important;
	position: relative;
	overflow: hidden;
	text-align: justify;
}

.quote-box blockquote, .blockcode, .quote-box.spoiler-box {
	box-sizing: border-box;
	border: 1px solid #a5a5a5 !important;
	padding: 20px;
	border-radius: 0 10px 10px 10px;
	/* background: #ffffff47; */
}

.quote-box.spoiler-box {
	padding: 0 10px 10px !important;
}

#pun .post-content .spoiler-box > div {
	background: transparent;
	position: relative;
    padding: 10px 0 0px !important;
    font: 400 10px var(--font);
	display: flex;
	align-items: center;
}

#pun .post-content .spoiler-box > div > span {
	flex: 1
}

.quote-box.spoiler-box blockquote {
	margin-top: 10px
}

#pun .post-content .spoiler-box>div:before {
	content: "";
	background: var(--dark500) url(https://forumstatic.ru/files/001c/44/5e/55943.svg?v=1) no-repeat center;
	width: 10px;
	height: 10px;
	transition: all .5s ease-in-out .15s;
	box-sizing: border-box;
	border-radius: 25px;
	padding: 10px;
	font: 600 10px var(--font);
	text-transform: uppercase;
	margin-right: 10px;
	display: inline-block;
}

#pun .post-content .spoiler-box>div.visible:before {
	content: "";
	background: var(--dark600) url(https://forumstatic.ru/files/001c/44/5e/36905.svg?v=1) no-repeat center;
}

#pun .quote-box cite,
#pun .code-box strong.legend a {
	display: inline-block;
	font-size: 9px;
	font-family: var(--font);
	margin-bottom: -1px !important;
	text-align: left;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--beg100);
	background: var(--accentdark);
	padding: 6px 18px;
	border-radius: 10px 10px 0 0;
	border: 1px solid #a5a5a5 !important;
}

#pun .quote-box cite a {
	color: var(--beg100);
}

#pun .quote-box cite a:hover {
	color: var(--beg300);
}

#pun-main .code-box .scrollbox pre {
	font-size: 11px;
	font-family: Courier New;
}

/* B1.7 */
.punbb .post-content .scrollbox {
    width: 100%;
    overflow: auto;
    padding: 0em 9px 0em 0;
}
/* B1.8 */
.punbb .post-content .quote-box,
.punbb .post-content .code-box {
    margin: 0.8em 0.8em 0.8em 0.8em;
    /* border: none; */
}

/* B2 Information boxes
-------------------------------------------------------------*/
/* B2.1 */
.punbb .info-box {
    padding: 1.1em 1.7em 1em 1.7em;
    border-style: solid;
    border-width: 1px;
    margin: 0 0 1.1em 0;
}
/* B2.2 */
.punbb .info-box * {
    padding: 0 0 0.7em 0;
}
/* B2.3 */
.punbb #pun-main .info-box .legend {
    font-size: 1.1em;
    font-weight: bold;
}
/* B3 Pagination and posting links
-------------------------------------------------------------*/
/* B3.1 */
.punbb .linkst, .punbb .linksb, #pun-admain .pagelink span.page-container, span.files-pagelink {
    display: inline-flex;
    float: left;
    position: relative;
    width: 1006px;
    text-transform: lowercase;
    font-family: var(--font);
    color: #7a7871;
    font-size: 0;
    margin: -44px 0px 0px -23px;
    /* outline: 1px solid red; */
    height: 27px;
    padding: 3px 20px;
    justify-content: space-between;
    align-items: center;
}

#pun-admain .pagelink, #pun-profile .pagelink {
    font-size: 0;
}
#pun-admain .pagelink span.page-container, span.files-pagelink {
    width: auto;
    margin: auto;
}

.punbb .pagelink a, .punbb .pagelink a, .pagelink span.ellipsis {
    display: flex;
    font-size: 10px;
    padding: 5px;
    background: var(--beg300);
    width: 15px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    border: 1px solid #00000038;
    font-weight: bold;
    opacity: 0.7;
}

.punbb .pagelink strong {
    display: flex;
    font-size: 10px;
    padding: 5px;
    background: var(--beg300);
    width: 15px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    border: 1px solid #00000038;
}
/* B3.2 */
.multipage {
    margin-top: 0em;
    /* width: 986px; */
}
/* B3.3 */
.linkst .pagelink {
    display: inline-flex;
    gap: 3px;
}
/* B3.4 */
.linkst .postlink {
    /* position: absolute; */
    /* right: 0em; */
    /* top: 4px; */
    /* width: 16em!important; */!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
    text-align: right;
    font-weight: bold;
    font-size: 10px;
}
.linkst .postlink a:hover {
    color: var(--accent);
}

div#pun-searchtopics .linkst, div#pun-viewforum .linkst {
    margin: -38px 0px 0px -23px;
}

 div#pun-searchtopics .linksb {
    margin: -34px 0px 0px -23px;
}

.show_subscriptions .linksb {
    margin-top: 4px !important;
}

/* B3.5 */
.punbb .linksb {
    text-align: right;
    /* display: block; */
    /* padding: 0.4em 0em 0em 1em; */
    /* font-size: 9px; */
    /* text-transform: lowercase; */
    margin-top: -8px;
}
/* B3.6 */
.linksb .pagelink {
    float: left;
    text-align: left;
    display: inline-flex;
    gap: 3px;
}
/* B3.7 */
.linksb .postlink {
    float: right;
    /* width: 16em; */
    font-weight: bold;
    font-size: 10px;
    order: 3;
}
/* B3.8 */
.subscribelink {
    clear: both;
    padding-top: 0.3em;
    padding-bottom: 0.5em;
    font-size: 10px;
    order: 2;
}

.linksb noindex {
    order: 3;
}

/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/
/* C1 Form layout
-------------------------------------------------------------*/
/* C1.1 */
.punbb .formal .container {
    padding: 0em 2.3em 1.1em 2.3em;
}
/* C1.2 */
.punbb .formsubmit {
    padding: 0 0 0 1.7em;
    margin: -1em 0 0 0;
}
/* C1.3 */
.punbb .formsubmit input,
.punbb .formsubmit a,
.punbb .formsubmit span,
input#my-submit {}
form#my-form input {
    margin: 10px;
}
.button,
#pa-edit strong a,
input[type="button"],
button[type="button"] {
    background: var(--dark500);
    border: none !important;
    color: var(--beg100);
    font-family: var(--font) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    margin-top: 0px !important;
    padding: 4px 15px 6px !important;
    text-decoration: none;
    transition: all 0.3s ease-in-out 0s;
    border-radius: 10px;
    text-transform: lowercase
}
.button:hover,
#pa-edit strong a:hover,
input[type="button"]:hover,
input.active[type="button"],
button[type="button"]:hover {
    cursor: pointer;
    background: var(--accent);
    color: var(--beg100);
}
input[name="preview"] {
    background: var(--beg300);
    color: var(--dark400)
}
.button:active {
    border-top-color: #2c5f75;
}
/* C1.4 */
.punbb fieldset {
    border-style: solid;
    border-width: 1px;
    padding: 0 0px 0 0px;
    margin: 0 0 1em 0
}
fieldset#post-preview .fs-box {
    padding: 0!important;
}
/* C1.5 */
.punbb fieldset legend {
    padding: 0;
    margin: 0px 0 2px 11px;
    font-size: 1.1em;
}
/* C1.6 */
.punbb fieldset legend span {
    display: flex;
    padding: 0px 24px;
    margin: 13px 0 2px -33px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 12px;
    /* display: none; */
    align-content: center;
    gap: 5px;
    font-family: var(--font2);
    text-transform: lowercase;
    color: #7a7871;
    font-size: 12.3px;
}
#pun-edit fieldset legend {
    /* margin: 0px 0 15px 11px; */
    margin: -34px 0 15px 11px;
    position: absolute;
}

#pun-profile fieldset legend  {
    display: block!important;
}

#pun-profile legend span,
#pun-profile h2 span {
    padding: 16px 24px 0;
    /* padding-bottom: 0px; */
    margin-top: 1px;
    text-align: -webkit-center;
    font-family: var(--font);
    text-transform: uppercase;
    color: #000000;
    font-size: 10px;
    font-weight: bold;
    !importan;!importa;!import;!impor;!impo;!imp;!im;!i;!in;!i;!;
}
div#profile fieldset legend span:before,
td.td-divider:before,
form#punbbsearch fieldset legend span:before {
    content: '';
    position: absolute;
    /* border-bottom: 1px solid #d4ceca; */
    width: 1045px;
}
form#punbbsearch fieldset legend span:before {
    content: '';
    margin: -19px 0px 0px -68px;
}
div#profile fieldset legend span:before {
    content: '';
    margin: -16px 0px 0px -67px;
}


#profile div#form-buttons {
    width: 854px;
}

#pun-messages div#form-buttons {
    width: auto;
}

td.td-divider:before {
    content: '';
    margin: -17px 0px 0px -45px;
}
.punbb .inline .inputfield label,
.punbb .inline .selectfield label,
.punbb .inline .passfield label {
    display: block;
    font-size: 10px;
    text-transform: lowercase;
    margin-bottom: -9px;
}
/* C1.7 */
.punbb fieldset fieldset {
    border-style: none;
    margin: 0;
    padding: 0 0 8px 0
}
/* C1.8 */
.punbb .fs-box {
    padding: 0em 0 0.8em 0;
}
/* C1.9 */
.punbb .fs-box p,
.punbb .fs-box fieldset {
    padding: 6px 9px;
}
form#post .fs-box p {
    padding: 0px;
    margin-top: 1px;
}
fieldset#post-new form#post {
    width: 816px;
    padding-left: 28px;
}
div#pun-profile #profile .container .fs-box {
    padding: 0px;
    background: var(--authorbg);
    border: 1px solid var(--bordercolor);
    font-size: 11px;
}
#profile4 .fs-box {
    min-height: 176px!important;
    max-width: 900px;
}
#profile .container .fs-box label {
    padding-left: 13px;
    font-weight: bold;
}
p#sex {
    padding-left: 22px;
    font-weight: bold;
}
#pun-edit p.areafield.required {
    padding-top: 0em!important;
}
/* C1.10 */
.punbb .inline .inputfield,
.punbb .inline .selectfield,
.punbb .inline .passfield {
    float: left;
    margin: 1em;
    background: var(--authorbg);
    border: 1px solid var(--bordercolor) !important;
    padding: 6px 11px;
    text-align: center;
    border-radius: 10px;
}
/* C1.11 */
.punbb .inline .infofield {
    clear: both;
    font-size: 11px;
    color: #000000a3;
    text-align: justify;
}
/* C1.12 */
.punbb .datafield br {
    display: none
}
/* C1.13 */
.punbb .required label,
.punbb .datafield span.input {
    font-weight: bold
}
/* C1.14 */
.punbb .datafield span.input a {
    font-weight: normal;
}
/* C1.15 */
.punbb .areafield span.input,
.punbb p.longinput span.input {
    display: block;
    padding: 0 4em 0 0;
    height: 100%;
    /* For IE */
}
/* C1.16 */
.punbb textarea,
.punbb .longinput input {
    width: 64%;
    margin: 0;
}
/* C1.17 */
.punbb .hashelp {
    position: relative;
}
/* C1.18 */
.punbb .helplinks {
    display: block;
    position: absolute;
    top: 1em;
    right: 0;
    font-weight: normal;
    width: 36%;
}
/* c1.19 */
.punbb #profile .helplinks {
    top: 1.5em;
}
/* C1.20 */
.punbb .helplinks span {
    display: block;
    padding-bottom: 0.2em;
}
.punbb .helplinks span INPUT {
    margin: 0px 2px 2px 0px;
}
/* C1.21 */
#pun-post .formal .info-box li {
    padding-left: 4px;
    list-style-type: square;
    list-style-position: inside;
    line-height: 1.5;
    margin: 0;
}
/* C2 Table layout
-------------------------------------------------------------*/
/* C2.1 */
.punbb .main .tcl {
    /* overflow: hidden; */
    text-align: left;
    width: 45%;
    /* font-size: 11px; */
}
#pun-index .main .tcl {
    overflow: hidden;
    text-align: left;
    width: 71%;
}
/* C2.2 */
.punbb .main .tc2,
.punbb .main .tc3,
.punbb .main .tcmod {
    background-color: transparent;
    text-align: center;
    width: 13%;
    font-size: 11px;
}
#pun-index.main .tc2,
#pun-index .main .tc3,
#pun-index .main .tcmod {
    background-color: transparent;
    text-align: center;
    width: 21%;
}
/* C2.3 */
.punbb .main .tcr {
    display: flex;
    background-color: transparent;
    overflow: hidden;
    text-transform: lowercase;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
#pun-index .main .tcr {
    flex: 1;
    text-align: left;
    padding: 0px !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
}
/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
    background-color: transparent;
    width: 35%
}
/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
    background-color: transparent;
    text-align: center;
    width: 20%;
}
/* C2.6 */
#pun-debug table .tcl {
    background-color: transparent;
    width: 15%;
    white-space: normal;
}
/* C2.7 */
#pun-debug .tcr {
    background-color: transparent;
    width: 90%;
    white-space: normal;
}
/* C2.8 */
#pun-index .tcl h3 {
    padding: 0;
    font: 600 13px var(--font);
    text-transform: uppercase;
    margin: 0;
}
.hasicon h3 a {
    color: var(--dark500)!important;!i;!;
    position: relative;
}
/* C2.9 */
.punbb td span.youposted {
    font-weight: bold;
    margin-left: -1em;
    position: absolute;
}
/* C2.10 */
.punbb td .modlist {
    display: block;
    padding-top: 0.3em
}
/* C2.11 */
.punbb .main td {
    border-style: solid none none solid;
    border-width: 1px 0 0 1px;
    padding: 0.7em 1em;
}
#pun-index .main td {
    padding: 0.3em 0em;
}
/* C2.12 */
.punbb .main th {
    border-style: none none none solid;
    border-width: 0 0 0 1px;
    padding: 0!important;
    font-size: 0!important;
    background: transparent!important;
}
/* C2.13 */
.punbb .main .tcl {
    border-left-style: none;
    border-left-width: 0
}
* html .tclcon {
    height: 1px
}

/* C2.15 */

#pun-messages.punbb div.icon {
    /* margin-top: 4px!important; */
    margin-right: 13px!important;
    background: var(--accent);
    transform: none;
    height: 7px;
    width: 7px;
    padding: 1px;
    position: relative;
    border-radius: 100%;
}
div#pun-messages th {
    font-size: 11px;
    text-transform: lowercase;
}
div#pun-messages li.pa-author {
    padding: 2px 0px 0px!important;
}
div#pun-messages li.pa-reg {
    display: none;
}
div#pun-messages li.pa-posts {
    text-align: center;
    margin-top: -9px!important;
}
div#pun-messages #profile {
    /* width: 952px; */
    /* margin-top: 68px; */
}
div#pun-messages #profile .container form#messages .linksb .pagelink {
     /* width: 8em; */
}

div#pun-messages .messages-container div#profilenav {display: inline-flex;width: 1000px;justify-content: flex-start;gap: 70px;}

#pun-messages div#profile fieldset#post-new p.areafield.required {
    order: 4;
}

fieldset#post-new div#tags container {
    margin-top: 29px!important;!;
    display: block;
}


form#messages tr {
    background: #d3d3d373;
    display: inline-flex;
    align-items: center;
    font-family: var(--font);
    padding: 10px 10px;
    border-radius: 9px;
    flex-wrap: nowrap;
    width: 925px;
    margin: 15px 0 0 0;
}

#pun-messages div#profile fieldset#post-new .fs-box.hashelp {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
}

#pun-messages div#profile fieldset#post-new p.inputfield.required {
    margin-top: -6px;
    order: 1;
}

#pun-messages div#profile fieldset#post-new small#plng {
    height: 32px;
}

#pun-messages div#profile fieldset#post-new #togglePreview {
    height: 36px;
}
/* C3 Topics
-------------------------------------------------------------*/
/* C3.1 */
.punbb .post .container {
    border-style: none solid solid solid;
    border-width: 1px;
    margin-top: -1px;
    padding-bottom: 1px;
}
.post {position: relative;margin-top: 17px;}
/* C3.2 */
.punbb .post h3 {
    border-top: 1px solid #0000004a !important;
    -webkit-text-size-adjust: 100%;
    width: auto;
    height: 0px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font: 400 10px var(--font);
    z-index: 1;
    margin: 8px 0px 18px 8px!important;
    /* padding: 6px 16px !important; */
    /* border-radius: 6px; */
    /* box-sizing: border-box; */
    text-transform: lowercase;
    /* background: var(--accentdark); */
    /* opacity: 0.8; */
}
/* C3.3 */
.punbb .post h3 span {
    display: flex !important;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
    margin-right: 0px;
    position: relative;
    color: var(--beg100);
    flex: 1;
    font-size: 0;
}

.punbb .post h3 span a {
    color: var(--accentdark) !important;
    display: flex;
    gap: 6px;
    align-items: center;
    padding: 0 7px;
    background: var(--beg100);
    font-weight: 700;
    margin-top: -3px;
    font-size: 10px;
}

/* C3.4 */
.post h3 strong {
	box-sizing: border-box;
	order: 2;
	margin-left: auto;
	color: var(--accentdark) !important;
	display: flex !important;
	gap: 2px;
	align-items: center;
	padding: 0 12px 0 8px;
	background: var(--beg100);
	font-weight: 700;
	margin-top: -1px;
	font-size: 10px;
}

.post h3 span a.permalink {
    color: var(--accentdark) !important;
    display: flex !important;
    gap: 6px;
    align-items: center;
    padding: 0 12px 0 0;
    background: var(--beg100);
    font-weight: 700;
    margin-top: -3px;
}

.post h3 strong:before {
	content: "#";
	/* margin-right: -8px; */
	/* background: url(https://forumstatic.ru/files/001c/44/5e/61393.svg); */
	/* width: 9px; */
	/* height: 9px; */
	/* display: block; */
}

.post h3 a.permalink:before {
	content: "";
	/* background: url(https://forumstatic.ru/files/001c/44/5e/44462.svg); */
	width: 6px;
	height: 6px;
	margin: 1px 0 0 0;
	background: var(--beg100);
	border-radius: 100%;
	display: block;
	display: none;
}

/* C3.5 */
.punbb .post .post-author {
    float: left;
    /* overflow: hidden; */
}
#pun-searchposts .post-author,
#pun-multimove .post-author {
    margin-top: 1em!important;
    text-transform: lowercase;
}
#pun-post .post .post-author {
    float: left;
    margin-top: 0em!important;
    overflow: hidden;
    text-align: center;
}
#pun-post .post-author p {
    padding-top: 31px!important;
}
#pun-post .post-content {
    margin-top: 0px;
}
/* C3.6 */
.punbb .post .post-author ul,
.punbb .post .post-author p {
    padding: 0;
    line-height: 140%;
}
/* C3.9 */
li.pa-title {
    /* padding: 0 0.4em; */
    /* text-transform: lowercase; */
}
li.pa-gifts {
    display: none;
}
li.pa-online {
    display: none;
}

/* C3.11 */
.punbb .post-body {
    margin-left: 21.4em;
    border-left-style: solid;
    border-left-width: 1px;
    padding: 0 0 1px 0;
}
/* C3.12 */
.punbb .post-box {
    padding: 1em 2em 0 0;
}

.hideprofile .post-box {
    padding: 1em 0em 0 0;
}

/*C3.13 */
.punbb fieldset .post-box {
    margin-bottom: 0.8em
}
/* C3.14 */
.punbb .post-links {
    /* margin-left: 195px; */
    border-left-style: solid;
    border-left-width: 1px;
    /* margin-bottom: 3px !important; */
}
/* C3.15 */
.punbb .post-links ul {
    padding: 0em 1em 0px 0px;
    height: 1em;
    line-height: 1em;
    margin-left: -1em;
    border-top-style: dashed;
    border-top-width: 1px;
    text-align: right;
    text-transform: lowercase;
    /* border-bottom: 1px dashed #9a9a9a; */
}
/* C3.16 */
.punbb .post-links li {
    display: inline-flex;
    padding-left: 2em;
}
/* C3.17 */
.pl-email,
.pl-website {
    float: left;
}
/* C3.18 */
.punbb .clearer {
    clear: both;
    height: 0;
    font-size: 0;
}
/* C4 Moderator menu
-------------------------------------------------------------*/
/* C4.1 */
.punbb .modmenu .container {
	padding: 0px 0 0;
	text-align: right;
	font: normal 10px var(--font) !important;
}

.forum {
	padding: 17px 32px;
	background: var(--beg300);
	border-radius: 7px;
}

#pun-index #forum_f23 {
	display: none
}

.forum tr + tr {
	margin-top: 0px
}

.forum tr {
	display: flex;
	padding: 0px 0px !important;
	gap: 20px;
	font: 400 11px var(--font);
	align-items: center;
	text-transform: lowercase;
	color: #989898
}

.forum tr + tr {
	margin-top: 10px
}

.forum td {
	padding: 0 !important;
}

.forum .tcl {
	flex: auto;
}

.forum .tcl a {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 10px
}

.forum .tc2,
.forum .tc3 {
	width: 8% !important;
	font-size: 13px;
	color: #6A6A6A;
	font-weight: 700
}

#pun .forum .tcr {
	min-width: 30% !important;
	display: grid; 
  grid-template-columns: 30px 1fr; 
  grid-template-rows: 1fr 1fr; 
  gap: 4px 15px; 
  grid-template-areas: 
    "ava link"
    "ava data"; 
}

#pun .forum .tcr .user-avatar { 
	grid-area: ava; 
}

#pun .forum .tcr a {
  align-self: end; 
  grid-area: link; 
}
#pun .forum .tcr .byuser {
  align-self: start; 
  grid-area: data;
	text-transform: lowercase;
	color: var(--dark500);
	margin-left: -2px
}

.forum .tcr a {
	display: inline-block;
	font-weight: 700;
	font-size: 11px
}

.forum table {
	margin: 0px 0
}


.forum thead {
	display: none
}

.forum tr td {
	padding: 0 !important;
}

#pun-viewforum .tcr,
#pun-searchtopics .tcr {
	display: flex;
	align-items: center;
}

#pun .user-avatar {
	width: 36px !important;
	height: 36px !important;
	margin: 0 !important;
	position: relative;
	margin-right: 10px !important;
}

#pun .user-avatar .avatar-image {
	width: 30px;
	height: 30px;
	border-radius: 100%;
	transition: all .5s linear 0s;
	mix-blend-mode: luminosity;
	border: 3px solid #D2D2D2;
	opacity: .5
}

#pun .user-avatar .avatar-image:hover {
	filter: none;
	opacity: 1;
	mix-blend-mode: normal
}


#pun .user-avatar .isonline {
	background: var(--accent);
	border: 1px solid var(--accent);
	margin-right: 0px;
	margin-top: 0px !important;
	box-sizing: border-box;
	animation: none;
	width: 8px;
	height: 8px;
	border-radius: 15px !important;
	top: 5px;
	z-index: 1;
	right: 0px;
}

.user-avatar .avatar-image[style*=default_avatar] {
	background-image: url(https://forumstatic.ru/files/001c/44/5e/75703.png) !important;
}


/* C4.2 */
.punbb .modmenu strong,
.punbb .modmenu a {
    height: 1.8em;
    line-height: 1.8em;
}
/* C4.3 */
.punbb .modmenu .container strong {
    float: left;
}
/* C4.4 */
.punbb .modmenu input {
    margin-left: 1em;
}
/* C5 Message boxes
-------------------------------------------------------------*/
/* C5.1 */
.punbb .info .container {
    padding: 0.8em 1em
}
/* C5.2 */
.punbb .info .container .backlink {
    padding-top: 0.8em;
}
/* C6 Profile
-------------------------------------------------------------*/
/* C6.1 */
div#pun-profile #profile .container {
    width: 1000px;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
}
#profile .post .container {
    display: block;
    width: 900px;
}
#profile .post h3 span {
    width: auto;
    background: var(--beg500);
    border-radius: 13px;
    padding: 6px 12px;
    white-space: nowrap;
    display: flex;
    text-transform: uppercase;
    color: var(--dark500);
    font-weight: 600;
    font-size: 10px;
    font-family: 'helv';
    justify-content: center;
}
/* C6.2 */
div#pun-profile #profilenav {
    display: block;
    float: inherit;
    width: 163px;
    margin-left: 0em;
    /* display: inline; */
}
/* C6.3 */
#profilenav li {
    background: var(--beg500);
    border-radius: 13px;
    padding: 6px 12px;
    white-space: nowrap;
    display: flex;
    text-transform: uppercase;
    color: var(--dark500);
    font-weight: 600;
    font-size: 10px;
    font-family: 'helv';
}
/* C6.4 */
#viewprofile ul,
#profilenav ul {
    border-style: solid;
    border-width: 1px;
    padding: 1.5em 18px 0.8em 18px;
    margin: 0 0 1em 0;
}
/* C6.5 */
#viewprofile h2,
#profilenav h2 {
    background: transparent;
    border: none;
    padding: 0 0 0 0;
    margin: 0 14px -0.6em 14px;
}
/* C6.6 */
#viewprofile h2 span,
#profilenav h2 span {
    padding: 0 5px;
    position: relative;
}
/* added */
#profilenav li a {
    /* color: #985160; */
}
form#profile8 fieldset span.input input {
    width: 758px;
}
div#profileContainer {
    padding: 0em 2.3em 1.1em 2.3em;
    background: var(--authorbg);
    width: 793px;
    border: 1px solid var(--bordercolor) !important;
    margin-left: -29px;
    margin-top: -1px;
}
#pun-messages td.tc2.pmtc22 em.user-avatar {
    display: none;
}
#pun-messages div#profile fieldset#post-new {
    width: 818px;
    margin: 0px 0 0 -27px;
}
#pun-messages div#profile fieldset #form-buttons {
    margin: 0px 1px 0px 45px;
    /* border-radius: 0 8px 0 0; */
    order: 2;
}
#pun-messages div#profile fieldset textarea#main-reply {
    width: 943px!important;
    border-radius: 0 0 9px 9px;
    margin: -2px 1px 0px 1px!important;
}
#pun-messages div#profile fieldset strong {
    font-family: var(--font);
    /* text-transform: lowercase; */
}
#profilenav ul {
    position: absolute;
    display: inline-flex;
    gap: 6px;
    padding: 0 16px;
    margin-left: -64px;
    width: 1066px;
    margin-top: -27px;
    justify-content: center;
    border: 1px solid #d4ceca;
    /* z-index: 9; */
    /* outline: 1px solid red; */
}
#profilenav li.item12 {
    display: none;
}
#profilenav li.item9 {
    display: none!important;
}
#profilenav h2 {
    display: none;
}
div#profilenav li.isactive a {
    color: black;
}
#profile form,
div#profile10 {
    /* width: 750px; */
    /* margin-left: 8px; */
}
div#viewprofile table tr {
    display: inline-flex;
    align-items: center;
}
div#viewprofile-next #profilenav ul {
    margin-left: -20px;
    width: 1012px;
    margin-top: -19px;
}
#pun-messages #profilenav ul {
    margin: -5px 0px 0px 0px;
    position: relative;
    justify-content: flex-end;
    width: fit-content;
    padding: 0;
}
div#pun-messages fieldset legend {
    display: flex;
    width: 795px;
    margin: 0px 0px 0px 11px;
    justify-content: center;
}
#pun-messages form#messages legend {
    display: none;
}
#profile .container form#messages {
    width: 822px;
    margin: -2px 0 0 -2px;
    /* outline: 1px solid red; */
}
#profile .container form#messages .linksb {
    width: 755px;
    display: inline-flex;
    margin: 0 0 15px 0px;
    justify-content: flex-start;
    padding: 0;
    gap: 3px;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
}
#pun-messages #profile .container legend strong {
    /* margin: 0px 0px 7px 39px; */
    position: relative;
    display: block;
    width: fit-content;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Corbel';
    padding: 11px 21px 0px;
    /* background: url(https://forumstatic.ru/files/001c/0d/dd/70553.jpg?v=1) #2C2C2D; */
    /* border-radius: 0px 0px 20px 20px; */
    /* box-shadow: 0px 1px 5px 2px #00000066; */
    font-size: 11px;
}
#pun-messages #profile .container span.checkfield {
    display: flex;
    align-items: center;
    font-size: 9px;
    text-transform: uppercase;
}
div#pun-messages h3 {
    width: 200px;
    margin: 26px 0 9px 7px!important;
    border: none!important;
}
div#notify-settings span {
    position: absolute;
    z-index: 2;
    display: flex;
    gap: 2px;
    text-transform: lowercase;
    font-size: 10px;
    padding: 10px 0px;
    align-items: center;
    margin: -43px 0px 0px 0px;
    justify-content: flex-start;
}
div#notify-settings span #volume-set {
    padding-left: 27px;
    margin-bottom: 2px;
}
/* C6.7 */
#viewprofile li,
#setmods dl {
    padding: 0 0 0 16em;
    margin-bottom: 0.2em;
}
/* C6.8 */
#viewprofile li span {
    float: left;
    width: 14em;
    margin-left: -16em;
    padding: 0.5em 1em;
    font-weight: normal;
}
/*C6.9 */
#setmods dt {
    float: left;
    width: 14em;
    margin-left: -16em;
    padding: 0.8em 1em;
    font-weight: bold;
    display: inline;
}
/* C6.10 */
#viewprofile li strong,
#viewprofile li div,
#setmods dd {
    display: block;
    padding: -0.5em 1em;
    font-weight: normal;
}
/* C6.11 */
.punbb img.avatardemo {
    /* float: right; */
    margin: -2px;
}
/* C7 User list
-------------------------------------------------------------*/
/* C7.1 */
#pun-userlist .formal,
#pun-userlist .formal .container {
    border-bottom: none;
    margin-bottom: 0;
}
/* C7.2 */
#pun-userlist .usertable .container {
    padding: 0 2.3em 2.3em 2.3em;
    border-top: none;
}
/* C7.3 */
#pun-userlist .usertable table {
    border-style: solid;
    border-width: 1px;
}
/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/
/* D1 Logo and description
-------------------------------------------------------------*/
/* D1.1 */
#pun-title {
    margin: 0;
    border: none;
}
/* D1.2 */
#pun-title h1 {
    display: block;
    height: auto;
    margin: -1px 0px 0px -30px;
}
/* D1.3 */
#pun-title .container {
    border: none;
    padding: 0.2em 1em 0.8em 1em;
}
/* D1.4 */
#pun-title h1 span {
    display: none;
}
#pun-title TD.title-logo-tdl {
    border: none;
    width: 100%;
}
#pun-title TD.title-logo-tdr {
    border: none;
    width: 420px;
}
/* D2 Page navigation
-------------------------------------------------------------*/
/* D2.1 */
#pun-pagelinks {
    position: absolute;
    top: -15px;
    left: 0;
    margin: 0;
    border: none;
    padding-left: -20px;
    width: 100%;
}
/* D2.2 */
#pun-pagelinks .container {
    background: transparent;
    border: none;
    padding: 0
}
/* D2.3 */
#pun-pagelinks .container li {
    display: inline
}
/* D2.4 */
#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%;
}
/* D2.5 */
#pun-pagelinks a:active,
#pun-pagelinks a:focus {
    position: relative;
    margin: 0;
}
#pun-pagelinks li a span {
    display: block;
    margin: 0 1em
}

Код:

[data-user-id="162"].post .pa-respect .fld-name a:before {
    transform: rotate(180deg);
}
[data-user-id="162"].post .pa-respect span:before {
    content:'-';
}


[data-user-id="97"].post .indOnline {
    background: url(https://upforme.ru/uploads/001b/2a/da/1470/881133.png);
    width: 16px;
    height: 16px;
}


[data-user-id="102"].post .pa-respect .fld-name a:before {
background: url(https://upforme.ru/uploads/001b/2a/da/1470/384878.gif);
    width: 20px;
    height: 20px;
}

[data-user-id="102"].post .pa-fld1 .fld-name:before {
background: url(https://upforme.ru/uploads/001b/2a/da/1470/847995.gif);
    width: 20px;
    height: 20px;
}

[data-user-id="102"].post .pa-posts .fld-name:before {
background: url(https://upforme.ru/uploads/001b/2a/da/9/594969.webp);
    width: 20px;
    height: 20px;
}

[data-user-id="102"].post .pa-fld4 .fld-name:before {
background: url(https://upforme.ru/uploads/001b/2a/da/1470/789782.gif);
    width: 20px;
    height: 20px;
}


[data-user-id="253"].post .pa-respect .fld-name a:before {
background: url(https://upforme.ru/uploads/0018/28/7e/19/962916.gif);
    width: 20px;
    height: 20px;
}

[data-user-id="253"].post .pa-fld1 .fld-name:before {
background: url(https://upforme.ru/uploads/0018/28/7e/19/140780.gif);
    width: 20px;
    height: 20px;
}

[data-user-id="253"].post .pa-posts .fld-name:before {
background: url(https://upforme.ru/uploads/0018/28/7e/19/453506.gif);
    width: 19px;
    height: 18px;
}

[data-user-id="253"].post .pa-fld4 .fld-name:before {
background: url(https://upforme.ru/uploads/001b/2a/da/1470/50931.webp);
    width: 20px;
    height: 20px;
}


[data-user-id="175"].post .pa-respect .fld-name a:before {
background: url(https://upforme.ru/uploads/001b/2a/da/1470/749121.webp);
    width: 20px;
    height: 20px;
}

[data-user-id="175"].post .pa-fld1 .fld-name:before {
background: url(https://upforme.ru/uploads/001b/2a/da/1470/322606.webp);
    width: 20px;
    height: 20px;
}

[data-user-id="175"].post .pa-posts .fld-name:before {
background: url(https://upforme.ru/uploads/0018/28/7e/19/39434.gif);
    width: 20px;
    height: 20px;
}

[data-user-id="175"].post .pa-fld4 .fld-name:before {
background: url(https://upforme.ru/uploads/0018/28/7e/19/812954.gif);
    width: 20px;
    height: 20px;
}
/* lottery */
div#topic_t900 span.highlight-text {
    display: flex;
    margin: 22px auto 22px;
    color: #425d28;
    padding: 11px 15px 28px 23px !important;
    font-size: 11px;
    font-family: arial black;
    font-weight: bold;
    width: 32px;
    height: 31px;
    align-items: center;
    justify-content: center;
    background: url(https://upforme.ru/uploads/001c/6b/d4/2/681362.png) no-repeat;
    background-size: cover;
    filter: drop-shadow(0px 0px 2px #00000080);
}


.questlist {
    width: 840px;
    padding: 15px;
    margin: 17px auto !important;
    border: 1px solid #0706091c !important;
    border-radius: 20px;
    /* outline: 1px solid #ffffff3d; */
    background: #000000b0 !important;
    box-shadow: 0px 0px 5px 1px hsl(0deg 0% 0%), 0px 0px 19px -10px inset hsl(0deg 0% 54.96% / 39%);
}

.questlist ul {display: inline-flex;width: 840px;gap: 8px;padding: 0px!important;align-items: center;align-content: center;justify-content: center;flex-wrap: wrap;}

.questlist li {display: flex;color: #000000;padding: 9px 15px 28px 23px!important;font-size: 12px;/* font-family: arial black; *//* font-weight: bold; */width: 38px;height: 36px;align-items: center;justify-content: center;background: url(https://upforme.ru/uploads/001c/6b/d4/2/681362.png) no-repeat;background-size: cover;filter: drop-shadow(0px 0px 2px #00000080);animation: heartbeat 2s infinite;}
.questlist li:hover {animation: heartbeat 0.7s infinite;cursor: crosshair;filter: saturate(1.5) drop-shadow(0px -1px 7px #5e753b);}
.questlist li.zab {opacity: 0.5;filter: grayscale(1);animation: none;cursor: not-allowed;}

.questgive {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 500px;
    height: 50px;
    padding: 14px 10px 15px;
    margin: 5px auto !important;
    border: 1px solid #f9e1f7 !important;
    border-radius: 20px;
    background: #f7ffe5 !important;
    box-shadow: 0px 0px 5px 1px hsl(83.48deg 39.43% 65.69%), 0px 0px 5px -4px hsl(0deg 0% 0.63%);
    font-size: 12px;
    text-align: center !important;
    text-transform: uppercase;
    font-family: var(--font);
}

.heartbeat {
    animation: heartbeat 3s infinite;
}

@keyframes heartbeat {
    0% {
        transform: scale(1);
    }

    15% {
        transform: scale(1.02);
    }

    30% {
        transform: scale(1);
    }

    45% {
        transform: scale(1.04);
    }

    60% {
        transform: scale(1);
    }

    100% {
        transform: scale(1);
    }
}



/*****************
//styles
*****************/
.stylechanger {
    position: absolute;
    display: inline-flex;
    /* background: aliceblue; */
    /* outline: 1px solid red; */
    margin: -61px 0 0 829px;
    justify-content: flex-end;
    gap: 65px;
    height: 52px;
}

#stylelist a::before {
    content: "";
    display: block;
    background: #ffffff;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    border: 2px solid #1c1c1c;
    outline: 1px solid #b8b8b8;
    opacity:0.6;
}

#stylelist [data="green one"] a::before {
    background: #7ea669;
    outline: 1px solid #7ea669;
}
#stylelist [data="green two"] a::before {
    background: #7ea669;
}
#stylelist [data="blue one"] a::before {
    background: #7bafd4;
    outline: 1px solid #7bafd4;
    }
#stylelist [data="blue two"] a::before {
    background: #7bafd4;
    }

#stylelist a {
    font-size: 0px;
}
ul#stylelist {
    display: inline-flex;
    gap: 10px;
    flex-direction: row;
    padding-top: 4px;
}
#stylelist > li.active {
    opacity: 1;
}
#stylelist > li {
    /* opacity: 0.5; */
}

#stolelist a::before {
    display: block;
    font-family: fa-solid;
    font-size: 0px;
    width: 12px;
    height: 12px;
}

#stolelist [data="night"] a::before {
    content: "\f186";
    background: url(https://forumstatic.ru/files/001c/6b/d4/78834.png) no-repeat;
    padding-bottom: 2px;
}

::before {}
#stolelist [data="day"] a::before {
    content: "\f185";
    background: url(https://forumstatic.ru/files/001c/6b/d4/32606.png);
    width: 18px;
    height: 19px;
}

#stolelist a {
    font-size: 0px;
}
ul#stolelist {
    display: inline-flex;
    gap: 9px;
    flex-direction: row;
    align-items: center;
}

ul#stolelist li.active a:before {
    filter: drop-shadow(1px 3px 5px white);
}
ul#stylelist li.active a:before {
    opacity:1;
}

/*****************
//styles
*****************/

/*****************
//babki
*****************/
.blue .pole, .blue .greenbabka, .blue .closebg, .green .bluebabka {
    display: none;
}

.closebg {
    position: absolute;
    display: block;
    background: url(https://forumstatic.ru/files/001c/6b/d4/17882.png);
    width: 654px;
    height: 405px;
    margin: -71px 0 0 -20px;
    z-index: 2;
}

.bluebabka {
    position: absolute;
    width: 165px;
    height: 143px;
    background: url(https://upforme.ru/uploads/001c/44/9e/249/369216.png) right;
    margin: 35px 0 0 422px;
    opacity: 0;
transition:0.3s;
}

.bluebabka:hover {
    opacity: 1;
transition:0.3s;
}
.bluebabka.boo {
    background: url(https://upforme.ru/uploads/001c/44/9e/249/800039.png) right;
}

.bluebabka.boo2 {
    background: url(https://upforme.ru/uploads/001c/44/9e/249/435806.png) right;
}

.greenbabka {
    position: absolute;
    width: 232px;
    height: 591px;
    background: url(https://forumstatic.ru/files/001c/6b/d4/73726.png?v=1);
    top: 100px;
    left: 200px;
    opacity:0;
transition:0.3s;
    }

#pun:hover .greenbabka {
    opacity: 1;
transition:0.3s;
}

.pole {
    position: absolute;
    width: 521px;
    height: 345px;
    margin: -24px 0 0 -20px;
    overflow: hidden;
}

label#minusbabki {
    font-size: 10px;
    font-family: var(--font);
    display: flex;
    align-items: center;
    padding: 9px 0px;
    gap: 3px;
}

/*****************
//profile
*****************/
.profcol #pa-fld5 span, .profcol #pa-fld6 span {
    display: none;
}

.profcol #pa-fld5, .profcol #pa-fld6 {
    padding: 0;
    !
}

.profcol {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid var(--beg500);
}

.profcol #pa-fld6 {
    order: 1;
}

.profcol #pa-fld5 {
    order: 3;
    margin: -104px 0 0 0;
}

.profline {
    width: 100%;
    display: inline-flex;
    gap: 2px;
}

#profile-right li#pa-fld2 {
    width: 100%;
}

#profile-right li#pa-fld2 .lz {
    max-width: 220px;
}

#profile-right li#pa-fld3 {
    width: 25%;
}

#profile-left li#pa-online {
    padding: 7px 0 0px;
}

#profile-left li strong {
    font-weight: normal!important;
}

#profile-left li#profile-title {
    margin: -1px 0 7px 0;
}

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

/*****************
//profile
*****************/

/*****************
//anim obereg
*****************/

.pendulum {position: absolute;width: 79px;height: 175px;background: var(--pend) no-repeat center;background-size: cover;margin: -59px 0 0 691px;transform-origin: top; }

@keyframes swing {
  0% {
    transform: rotate(-5deg); 
  }
  25% {
    transform: rotate(8deg); 
  }
  50% {
    transform: rotate(-6deg);
  }
  75% {
    transform: rotate(4deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
/*****************
//anim obereg
*****************/


/*****************
//ava change
*****************/

.pa-avatar.item2 img.allow_change:hover {
outline-color: var(--color-accent);}

.pa-avatar.item2 img.allow_change {
    outline: solid 1px black;
    transition: outline-color .2s ease;
    cursor: pointer;
    float: none!important;
}

.pun-modal.change_avatar_theme .modal-inner {
    background: var(--beg100);
    width: 702px;
    max-height: 300px!important;
    max-width: 701px!important;
    padding: 0;
    border-radius: 20px;
    border: none!important;
    overflow: hidden;
    box-shadow: none;
}

.pun-modal.change_avatar_theme .modal-inner h2 {/* display: inline-flex; */background: var(--accent);color: #e8e8e8!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;text-transform: uppercase;text-align: center!important;height: 22px!important;padding: 13px 0!important;width: auto!important;font-weight: bold;font-family: var(--font);font-size: 15px;border-radius: 0!important;margin: 0!important;flex-direction: row;}
#pun-main > div.pun-modal.change_avatar_theme > div.modal-inner.section > div {
    border: 1px solid black;
    border-top: none;
}

#fram_avtar {
  position:absolute;
  width:3px;
  height:3px;
  z-index:-1;
  left:-9999px;
}
#set_avatar {
  border:none 0 transparent !important;
  font-family: var(--font);
}
.pa-avatar.item2 img {
  outline-color:transparent;
}

#set_avatar .loader {
  position:absolute;
  margin-left:10em;
}

.change_avatar_theme .modal-inner legend span {
  color:#7B7A7A!important;
  font: normal normal 400 11px/normal Verdana!important;
}

/*****************
//ava change
*****************/


/*****************
//indOnline
*****************/
.indOnline, .indOffline {
  display: inline-block;
  margin-left: 7px;
  margin-bottom: 0px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.9);
}
.indOnline {
  background-color: var(--links);
}
.indOffline {
  background-color: #bbb;
}
/*****************
//indOnline
*****************/

/*****************
//trigger
*****************/
div#guest-navigation a, div#user-navigation a {
    display: flex;
    background: var(--beg500);
    margin: 3px 0;
    font: 500 10px / 120% var(--font) !important;
    text-transform: lowercase;
    color: #2c2c2c !important;
    padding: 4px 0px !important;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    border: 1px solid var(--beg100);
}

div#guest-navigation a:hover, div#user-navigation a:hover {
    opacity: 0.8;
}

div#queue-list li {
    /* display: flex; */
    background: var(--beg500);
    margin: 5px 0;
    font: 500 11px / 120% var(--font) !important;
    text-transform: lowercase;
    color: #2c2c2c !important;
    padding: 4px 11px !important;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    border: 1px solid var(--beg100);
}

div#queue-list {
width: 345px;
    margin-left: 13px;
}

.content hr {
    opacity: 0.5;
}

.headbut {
    display: inline-flex;
    /* outline: 1px solid red; */
    position: absolute;
    width: 248px;
    height: 30px;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    z-index: 4;
}

.headbut[id="1"] {
    margin: 233px 0 0 120px;
}

a.trigger {
    font: 800 10px / 120% var(--font) !important;
    text-transform: lowercase;
    color: #e6e6e6 !important;
}

a.trigger.darker {
    color: #585a5d !important;
}

.headbut[id="2"] {
    margin: 233px 0 0 643px;
    width: 230px;
}

.gamedate {
    font: 800 10px / 120% var(--font) !important;
    text-transform: lowercase;
    color: #e6e6e6 !important;
}


        .content {
            position: absolute;
            display: none;
            /* margin-top: 142px; */
            top: 40px;
            padding: 15px;
            width: 218px;
            border: 0.3px solid #add8e63b;
            background: linear-gradient(45deg, #ffffff70, #4d4d4da8);
            z-index: 4;
            backdrop-filter: blur(8px);
            border-radius: 9px;
        }

        .content.active {
            display: block;
        }

        .trigger, .gamedate {
            display: flex;
            cursor: pointer;
            width: 30px;
            flex: 1 94px;
            align-items: center;
            justify-content: center;
        }

        .trigger:hover {
            filter: opacity(0.9);
        }
/*****************
//trigger 
*****************/

/*****************
//forms
*****************/
.f_desc {
	line-height: 120%;
}

.f_link {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin-top: 6px !important;
}

.f_link a {
	background: var(--accent);
	color: var(--beg300) !important;
	!i;!;
	font: 300 7.5px var(--font);
	padding: 6px 18px;
	letter-spacing: 0.5px;
	border-radius: 100px;
	text-transform: uppercase;
	transition: all .2s linear 0s !important;
}

.f_link a:hover {
	background: var(--links);
	color: var(--beg300) !important;
}

/*****************
//forms
*****************/


/*****************
//quiet-quote
*****************/
.quiet-quote{
  position:relative;
  display: block;
  margin: 4px 15px 0px 19px!important; 
  font-style: italic;
  color: #695f5f;
  /*text-align:justify;
  border:red solid 1px;*/
}
.quiet-quote>p{
  line-height:normal!important;
}
@media (max-width:  540px) {.quiet-quote{font-size:16px;} }

.quiet-quote:before, 
.quiet-quote:after{
  font-size: 11px;
  display: inline-block;
  position:absolute;
  z-index:1;
  font-weight: 300;
  color: #695f5f; 
  font-family:System, Arial, sans-serif;
}
.quiet-quote:before{
  content: "\00bb";  
  left:-13px;
  top: 0 px;
}
.quiet-quote:after{
  content: "\201D";   
  right: -15px;
  bottom: -20px;
font-size: 0;}
/*************************
/END//quiet-quote
*************************/


/*************************
//Smena akkaunta Deff
*************************/
#pun-navlinks a:not(.NextShow)+span.odd{ 
display:none!important; 
}

#pun-navlinks a:not(.NextShow)+span.odd{ 
display:none!important; 
}

#pun-navlinks a#New-exit {
  background: transparent!important; 
  position:absolute;
  z-index:100000!important;
  margin-top: -21px !important;
  margin-left: 23px !important;
  display:inline-block!important; 
}

#pun-navlinks #New-exit img{ 
position: absolute;
width: 26px;
height: auto;
transition: .63s;
}

#pun-navlinks #New-exit:hover img{
transition: .63s;
filter: invert(100%);
}

.punbb #pun-navlinks a#New-exit:before {
    content:none;
}

.punbb #pun-navlinks #form-login input{
text-align: center;
border: 1px solid #5D6755;
text-rendering: auto; 
color: #000000!important;  
margin-top: 4px!important;
margin-bottom: 3px!important;
border-radius: 5px; 
letter-spacing: 0.2; 
word-spacing: normal; 
text-transform: none; 
text-indent: 0px; 
text-shadow: none; 
display: inline-block!important; 
text-align: center;
box-sizing: border-box;
height:20px;
width:67px;
width: 110px;
padding: 4px;
font: normal normal 400 11px/normal Verdana!important; rgb(250, 255, 189)
background-color: rgba(250,255,189,.88);
}

.punbb #form-login #fld1:empty,#form-login #fld2:empty,
.punbb #form-login #fld1,#form-login #fld2{ 
background-color: #DFDFDF;
height:23px;
} 

.punbb #pun-navlinks #form-login input[type="submit"]{margin: 13px 0 2px!important;box-sizing: border-box;height:26px;width:67px;font-size: 11px!important;color: #ffffff !important;background: var(--beg500);/* border: 1px outset rgba(161,172,152,.8)!important; */text-align: center;padding: 0 4px!important;border-radius: 13px;font-family: helv!important;font-weight: 700!important;transition: all 0.5s ease-in-out 0s;letter-spacing: 0.8;cursor:pointer;color: #000000 !important;} 

.punbb #pun-navlinks #form-login input[type="submit"]:hover{
  opacity:0.6;
}

.punbb #pun-navlinks #form-login {background: #130F0F;min-height:183px;border: 1px solid var(--dark500);border-radius: 0px 0px 6px 6px;color: #fff;/*BCBCBC;*/display: block;font: 11px "Verdana";left: 0px;padding: 8px 12px;margin: 1px 0;position: absolute !important;text-align: center;word-spacing: normal;white-space: normal;/*text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.235);*/text-transform: none;letter-spacing: 0.2px!important;top: 7px;width: 122px;z-index: 100000!important;}
#pun-navlinks #navlogin #form-login {
  margin-left: -30px;
} 
#pun-navlinks #navlogout #form-login { 
  margin-left: -30px;
} 
.ismoderator #pun-navlinks #navlogout #form-login {
  margin-left: -30px!important;
} 

#pun-navlinks #form-login input[value="Âîéòè"]+p{ 
 margin: 11px auto;
} 
.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 200 10px/normal Verdana!important; 
letter-spacing: 0.4px!important; 
display:inline;
background: none!important;
padding: 0 0 0 3px!important;
color: #76333C;
font-size: 9px!important;
/*text-shadow: 1px 1px 1px rgba(40, 52, 61, 0.39);*/
}
.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:90px;width:220px;right:100%;padding: 12px 19px 12px 17px;background: #130F0F;border-color: var(--dark500);border-style: solid;border-width: 1px 1px 1px 1px;border-radius:0 0 0px 6px;text-align:center;} 

.punbb #List-UserNames ul{display: block!important;padding: 0!important;overflow:hidden;overflow-y:auto;min-height:36px;max-height:151px;} 
.punbb #List-UserNames li {display: block!important;position: relative;background: var(--dark500);text-align: left;box-shadow: 2px 2px 1px rgb(19, 20, 15);padding-left: 5px!important;font: normal normal 700 12x/normal Verdana!important;letter-spacing: 0.4;margin: 1px auto!important;padding: 2px 0;transition: .33s;}
.punbb #List-UserNames li:hover{ 
opacity:.84; 
} 

.punbb #List-UserNames li>b{ 
cursor: pointer;
opacity: .9;
color: #fffefe;;
text-shadow: 1px 1px 1px rgb(0, 0, 0);
letter-spacing: 0.3;
} 
.punbb #List-UserNames li>b:hover{ 
opacity:.93; 
text-shadow:1px 1px 1px rgba(0,0,0,.6); 
} 
#List-UserNames ul::-webkit-scrollbar { 
width: 3px; 
height: 5px; 
} 
#List-UserNames ul::-webkit-scrollbar-track { 
background-color: #393A38; 
border: 0px solid #d7d8d9; 
box-shadow: none; 
} 
#List-UserNames ul::-webkit-scrollbar-thumb {
background-color: #C0BFBD;
border: 0px solid #d7d8d9; 
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 Verdana; 
text-shadow:1px 1px 1px rgba(0,0,0,.6); 
} 

#List-UserNames ul:empty:before{ 
display:inline-block; 
content: "Ó Âàñ íåò çàïîìíåííûõ íèêîâ, ââåäåííûõ ÷åðåç ôîðìó ñïðàâà, èëè ÷åðåç ïåðåíîñ íèæå!"; 
} 

#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 Verdana;
} 

.punbb #List-UserNames input {border: 1px solid var(--accentdark)!important;text-shadow: none!important;color:#333!important;background-color: var(--dark500);font: normal normal 400 11px/normal Verdana!important;/* box-shadow: inset 0px 0px 3px rgba(100,102,80,.97); */margin-top: 9px;padding: 2px !important;vertical-align: middle;} 

#List-UserNames ul+span b{ 
font: normal normal 400 13px/normal Verdana; 
padding:0 3px; 
color: #fff;
} 

#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 Verdana!important; 
margin-top:-22px!important; 
margin-left: 148px!important; 
max-width:170px; 
} 
/************************* 
//Smena akkaunta
*************************/

/************************* 
//Personal page start
*************************/

/* page edit */
#pun-pages .main.pages .container .reveal-modal.xlarge.main.container {
    visibility: visible;
    position: relative;
    margin: 0 auto;
    top: 0;
    left: 0;
}


.reveal-modal-bg {
position: fixed;
height: 100%;
width: 100%;
background: #000;
background: rgba(0,0,0,.8);
z-index: 100;
display: none;
top: 0;
left: 0;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px)
}
.reveal-modal {
visibility: hidden;
top: 100px;
left: 50%;
margin-left: -380px;
width: 615px;
position: absolute;
z-index: 101;
}

.reveal-modal.xlarge {width: 800px;background: #181818 url(https://forumstatic.ru/files/001c/6b/d4/18951.png?v=1) no-repeat top;border-radius: 10px;padding: 47px 34px 32px;box-sizing: border-box;color: var(--beg100);font: 400 9px/130% var(--font);height: 700px;}

.reveal-modal .close-reveal-modal, .reveal-modal .edit-reveal-modal {
    font-size: 15px;
    position: absolute;
    top: 10px;
    right: 10px;
    color: var(--beg100) !important;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    background: var(--dark600);
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}

a.edit-reveal-modal {
    top: 33px !important;
}

.isadmin a.edit-reveal-modal {
    display: flex !important;
}

a.edit-reveal-modal {
    top: 33px !important;
    display: none !important;
}

.personal_page-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 10px;
}

.menu {
	align-self: stretch;
}

.menu-links {
	display: flex;
	gap: 10px;
	justify-content: flex-start;
	height: 90px;
	align-items: flex-end;
	position: relative
}

.menu-links span {
	border: 8px solid #181818;
	border-radius: 100%;
	border-color: transparent;
	position: relative
}

.menu-links .tabactive {
	border-color: #181818
}

.menu-links .tabactive:after {
	content: "";
	background: var(--accent);
	display: block;
	width: 9px;
	height: 9px;
	position: absolute;
	border-radius: 100%;
	top: -12px;
	left: 50%;
	transform: translateX(-50%)
}

.personal_page-ava {
border-radius: 100%;
filter: grayscale(100%) brightness(.7);
width: 50px;
height: 50px;
object-fit: cover;
	transition: all .3s linear 0s;
	cursor: pointer
}

.tabactive .personal_page-ava {
border-radius: 100%;
filter: grayscale(100%) brightness(1);
width: 50px;
height: 50px;
object-fit: cover;
}

#submenu {
	align-self: stretch
}

.submenutext {
	display: none
}

.personal_page-item {
display: flex;
gap: 10px;
align-items: flex-start;
}

.p_page-person-info {
display: flex;
flex-direction: column;
gap: 1px;
width: 195px;
}

.p_page-name {
text-transform: uppercase;
font-weight: 700;
}

.p_page-desc {
font-size: 8px;
margin-bottom: 8px;
max-height: 20px;
overflow-y: auto;
padding-right: 10px;
}

.p_page-adress {
position: relative;
font-size: 10px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
padding-left: 22px
}

.p_page-adress:before {
content: "";
background: url(https://forumstatic.ru/files/001c/44/5e/74171.svg);
width: 12px;
height: 12px;
display: block;
position: absolute;
left: 0;
}

.p_page-adress.page-workplace {
position: relative;
font-size: 10px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
padding-left: 22px;
margin: 5px 0;
}

.p_page-adress.page-workplace:before {
content: "";
background: var(--accent);
display: block;
position: absolute;
left: 0;
    mask: url(https://forumstatic.ru/files/001c/44/9e/41569.svg) no-repeat center left;
-webkit-mask: url(https://forumstatic.ru/files/001c/44/9e/41569.svg) no-repeat center left;
width: 12px;
height: 12px;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
}

.p_page-ability {
padding: 0 !important;
display: flex;
gap: 8px;
flex: 1;
}

.p_page-ability li {
background: #373737;
border-radius: 5px;
height: 54px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 7px;
box-sizing: border-box;
flex: 1;
font-size: 13px;
gap: 5px
}

.p_page-ability span {
font-size: 8px;
}

.p_page-board {display: flex;gap: 14px;margin-top: 27px;flex-wrap: wrap}

.board-wrap {background: #373737;border-radius: 10px;position: relative;padding: 19px 16px 16px;/* flex: 1; */height: 151px;min-width: 326px;}

.board-wrap.board-bgs li, .board-wrap.board-banners li {
    cursor: pointer;
}

.board-title {
background: #373737;
border-radius: 10px;
height: 21px;
position: absolute;
top: -11px;
font-weight: 700;
text-transform: uppercase;
padding: 5px 16px;
box-sizing: border-box;
display: flex;
align-items: center;
left: 50%;
transform: translateX(-50%)
}

.board-items {display: flex;flex-direction: column;gap: 7px;height: 100%;overflow-y: auto;padding-right: 5px;align-items: center;}

ul.board-items .p_banner {
    height: 48px!important;
    mask: none;
    justify-content: center;
    padding: 6px 0 0 0!important;
    margin-bottom: 4px;
}

.board-coupons {margin-top: 10px;height: 84px;width: 800px;box-sizing: border-box;}

.board-coupons .board-items {
flex-direction: row;
width: 100%;
align-items: flex-start;
justify-content: flex-start;
gap: 15px;
}

.board-coupons .board-items li {
background: #181818;
border-radius: 4px;
padding: 4px;
}

.board-coupons .board-items img {
width: 30px;
height: 30px;
}

.page-buttons-wrap {
  position: absolute;
  right: 35px;
  top: 87px;
  height: 21px;
  display: flex;
  display: none;
}

.page-button {
  background: #181818;
  display: flex;
  align-items: cener;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: bold;
  padding: 5px 8px;
  box-sizing: border-box;
  border-radius: 10px 10px 0 0;
  cursor: pointer
}

.page-button.active {
  background: #373737;
}

.p_page-board {
  /* position: absolute; */
  width: calc(100%);
  top: 211px;
  /* display: none; */
}

.p_page-board.open_block {
  display: flex;
}

.board-achievements {
	height: 65px;
	width: 100%;
	/* margin: 317px 0 0 0; */
}

.board-achievements .board-items {
	flex-direction: row;
	flex-wrap: wrap;
}

.achievements-item {
	background: #181818;
	height: 50px;
	width: 180px;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: 10px 8px 10px 52px;
	box-sizing: border-box;
	position: relative;
}

.achievements-item img {
	width: 30px;
	height: 30px;
	position: absolute;
	left: 8px;
}

.achievements_max {
	font-size: 9px;
	font-weight: bold
}

.achievements_min {
	font-size: 8px
}

/************************* 
//Personal page end
*************************/


/************************* 
//Header themes start
*************************/

.ams-wrap {
	position: absolute;
	margin: 279px 0 0 377px;
	width: 250px;
	text-align: center;
	font-size: 9px;
	/* outline: 1px solid red; */
	display: inline-flex;
	color: var(--beg500);
	align-items: center;
	gap: 4px;
	justify-content: center;
	z-index: 3;
}

.header_ams a {
	color: var(--links) !important;
	text-transform: uppercase;
}

.header_ams a:hover {
	color: var(--beg100) !important;
}

 hid {
    display: none;}

.ams-wrap a:hover hid {
    display: block;
    position: absolute;
    background: black;
    padding: 6px 16px;
    margin: 4px 0 0 -38%;
    z-index: 5;
    box-shadow: 0px 0px 3px 1px black;
    font-size: 10px;
    border-radius: 11px;
}

.ams-wrap a {
    /* display: flex; */
    color: var(--beg100)!important;
    font-family: var(--font);
    flex-direction: column;
}


.best-post {
	position: absolute;
	margin: 129px 0 0 558px;
	text-align: center;
	width: 430px;
	max-height: 83px;
	overflow-y: auto;
	color: #dedfdf;
	font-size: 9px;
	line-height: 13px;
	/* outline: 1px solid red; */
	text-shadow: 1px 1px #0000006e, -1px -1px #0000006e, -1px 1px #0000006e, 1px -1px #0000006e;
	z-index: 3;
	}

.best-post span, .ams-wrap span {
    font-family: var(--font2);
    font-size: 14px;
    /* width: 414px; */
    display: flex;
    /* float: left; */
    color: var(--accent)!important;
    text-shadow: 1px 1px #0000006e, -1px -1px #0000006e, -1px 1px #0000006e, 1px -1px #0000006e;
    padding-bottom: 3px;
}

.best-post span a {
    color: var(--accent)!important;
}

.persons {
	position: absolute;
	/* outline: 1px solid red; */
	display: flex;
	gap: 7px;
	margin: -5px 0 0 -15px;
	padding: 0 30px;
	z-index: 3;
	/* flex: 1; */
}

.persons a {
    border: 2px solid var(--accent);
    border-radius: 100%;
    overflow: hidden;
    width: 29px;
    height: 29px;
    transition: all .2s linear 0s !important;
}

.persons a:hover {
	border-color: var(--dark550) !important;
}

.persons img {
	width: 29px;
	height: 29px;
	filter: grayscale(100%)
}

.persons empty {
	width: 734px;
}

.plashki {
    z-index: 3;
    position: absolute;
    margin: 313px 0 0 127px;
    height: auto;
    width: 803px;
    overflow-x: hidden;
    display: flex;
    gap: 9px;
    padding-bottom: 3px;
    padding-left: 95px;
    justify-content: flex-start;
    mask: linear-gradient(90deg, rgba(217, 217, 217, 0) 9%, #181818 11%);
    /* outline: 1px solid red; */
}

.tab_banner {
	background: #dbdbdb;
	border-radius: 13px;
	padding: 6px 15px 6px 8px;
	white-space: nowrap;
	display: flex;
	align-items: center;
	gap: 8px;
	transition: all .2s linear 0s;
	box-shadow: inset -1px 1px #ffffff52;
}

.tab_banner:hover {
	filter: brightness(1.1);
}

.tab_banner date {
	background: #d1d1d1;
	color: #7d7d7d;
	font-weight: 700;
	font-size: 10px;
	font-family: 'helv';
	border-radius: 9px;
	padding: 6px 5px;
}

.tab_banner em {
	font-style: normal;
	text-transform: uppercase;
	color: var(--dark500);
	font-weight: 600;
	font-size: 10px;
	font-family: 'helv';
	/* letter-spacing: .05em; */
}

.tab_banner.newpl {background: var(--accent);color: #e8e8e8;}

.tab_banner.newpl date {
    background: var(--accentdark);
    color: #e8e8e8;
    font-weight: normal;
}

.tab_banner.newpl em {
    color: #e8e8e8;
    /* font-weight: 200; */
}

#html_themes-wrapper {
	width: 800px;
	/* height: 782px; */
	margin: 0 auto 20px;
	border-radius: 10px;
	background: #171717;
	/* background: url(https://forumstatic.ru/files/001c/6b/d4/41251.png); */
	color: var(--beg100);
	font: 400 12px/150% var(--font);
	overflow: hidden;
	display: flex;
	flex-direction: column
}

div#html_themes-wrapper.guestbook {
    background: url(https://forumstatic.ru/files/001c/6b/d4/41251.png) no-repeat;
    height: 782px;
    padding-top: 23px;
    }

div#html_themes-wrapper.news-block {
    width: 615px;
}

.guestbook .html_themes-heading {
	height: 139px;
}

.html_themes-body {
	padding: 0px 42px 22px;
	display: flex;
	flex-direction: column;
	gap: 13px;
}

.guestbook-rules {
	/* background: var(--beg100); */
	border-radius: 10px;
	color: var(--dark600);
	padding: 21px 25px 21px;
	height: 269px;
	text-align: justify;
}

.guestbook-links {
	display: flex;
	justify-content: center;
	gap: 20px;
	font-size: 9px;
	font-weight: 600;
}

.guestbook-links a {
    background: var(--accentdark);
    border-radius: 13px;
    padding: 6px 15px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--beg300)!important;!i;!;
    text-transform: uppercase;
    font-size: 9px;
    font-family: var(--font);
}

.guestbook-faceclaim {
	display: flex;
	justify-content: space-between;
	gap: 14px;
	margin-top: 11px
}

.faceclaim-item {
	background: #373737;
	border-radius: 10px;
	padding: 9px 17px;
	height: 214px;
	box-sizing: border-box;
	flex: 1;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.faceclaim-heading {
	background: #373737;
	position: absolute;
	height: 21px;
	padding: 0 25px;
	display: flex;
	align-items: center;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 9px;
	top: -11px;
	border-radius: 20px;
}

.faces-list {
	width: 303px;
	overflow-y: auto;
	padding: 0 !important;
	padding-right: 14px !important;
	height: 100%;
	display: flex;
	flex-direction: column;
	gap: 0px;
	font-weight: bold;
}

.faces-date {
	background: var(--links);
	color: var(--dark600);
	font-weight: 700;
	font-size: 11px;
	border-radius: 25px;
	padding: 1px 12px !important;
	align-self: self-start;
	margin-top: 8px
}

.face_claims .html_themes-heading {
	background: url(https://forumstatic.ru/files/001c/6b/d4/24678.png?v=1);
	height: 124px;
}

.face_claims-desc {
	text-align: center
}

.face_claims-divider {
	text-align: center;
	color: var(--links);
	font-weight: 600;
	font-size: 11px;
}

.face_claims .faceclaim-item {
	height: 200px;
}

.vacancies .html_themes-heading {
	background: url(https://forumstatic.ru/files/001c/6b/d4/28947.png?v=1);
	height: 136px;
}

.vacancies-section {
	background: #373737;
	border-radius: 10px;
	padding: 25px;
	/* height: 320px; */
	box-sizing: border-box;
	display: flex;
	gap: 15px;
	flex-direction: column;
}

.vacancies-section:first-child {
	margin-top: 10px
}

.vacancies-desc {
	display: flex;
	flex-direction: column;
	gap: 10px;
	font-size: 11px;
	line-height: 130%;
	border-bottom: 1px solid #6A6A6A;
	padding-bottom: 10px
}

.vacancies-desc > div {
	overflow-y: auto;
	padding-right: 10px;
	max-height: 157px;
	font-size: 12px;
	text-align: justify;
}

.vacancies-title {
	text-transform: uppercase;
	font-weight: 600;
	color: var(--accent);
	font-size: 15px;
}

.vacancies-list {
	flex: 1;
	display: flex;
	flex-direction: column;
	overflow-y: auto;
	line-height: 130%;
	background: #2D2D2D;
	border-radius: 10px;
	padding: 9px !important;
	max-height: 150px;
	font-weight: bold;
}

.news-block .html_themes-body {
	background: url(https://forumstatic.ru/files/001c/6b/d4/57696.png?v=1) no-repeat;
	padding: 138px 35px 29px;
}

.newsblock-sammary {
	background: var(--beg100);
	color: var(--dark600);
	border-radius: 5px;
	padding: 23px 20px;
	padding-right: 10px !important;
	position: relative
}

.newsblock-text {
	max-height: 190px;
	overflow-y: auto;
	padding-right: 10px
}

.newsblock-text p:last-child {
	padding-bottom: 0 !important;
}

.newsblock-text p {
	font: normal 11px/130% var(--font) !important;
}

.newsblock-numb {
	position: absolute;
	background: var(--accent);
	width: 28px;
	height: 28px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--beg300);
	font-weight: 600;
	font-size: 11px;
	top: -14px;
	left: 50%;
	transform: translateX(-50%);
}

.newsblock-besties-wrapper {
	display: flex;
	gap: 17px;
}

.newsblock-best-post {
	display: flex;
	flex-direction: column;
	gap: 6px;
	flex: 1
}

.newsblock-best-post span {
	font: 400 12px var(--font2);
	letter-spacing: .1em;
}

.newsblock-best-post div {
	height: 74px;
	overflow-y: auto;
	padding-right: 10px;
}

.newsblock-right-bests {
	width: 264px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.best_episode {
	background: #373737;
	border-radius: 5px;
	padding: 8px 18px;
	display: flex;
	align-items: center;
	gap: 19px;
	transition: all .2s linear 0s !important;
}

.best_episode:hover {
	background: var(--dark550);
	color: var(--beg300) !important;
}

.best_episode em {
	background: var(--links);
	width: 24px;
	height: 24px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

.best_episode img {
	width: 14px;
	height: 14px;
	background: url(https://forumstatic.ru/files/001c/44/5e/95707.svg)
}

.newsblock-persons {
	display: flex;
	gap: 10px;
	justify-content: center;
        margin-top: 20px;
}

.newsblock-persons a {
	width: 29px;
	height: 29px;
	border-radius: 100%;
	border: 3px solid var(--accent) !important;
	line-height: 0;
	position: relative
}

.newsblock-persons a:before {
	content: attr(data-text);
	background: #373737;
	position: absolute;
	z-index: 1;
	width: auto;
	display: block;
	height: auto;
	line-height: 150%;
	text-align: center;
	border-radius: 10px;
	color: var(--beg300);
	bottom: -55px;
	padding: 2px 10px;
	left: 50%;
	transform: translateX(-50%);
	visibility: hidden;
	opacity: 0;
	transition: all .3s linear 0s !important;
	white-space: nowrap
}

.newsblock-persons a:hover:before {
	opacity: 1;
	visibility: visible
}

.newsblock-persons img {
	width: 29px;
	height: 29px;
	object-fit: cover;
	border-radius: 100%;
	margin: 0 !important;
	filter: grayscale(100%);
}

/************************* 
//Settings start 
*************************/

.settings_wrap {
	position: fixed;
	left: 10px;
	top: 55px;
	z-index: 999;
	width: 26px;
	height: 26px;
	border-radius: 8px;
	background: var(--dark500);
	display: flex;
	align-items: center;
	justify-content: center
}

.settings_wrap .slide_button {
	width: 26px;
	height: 26px;
	font-size: 0;
	cursor: pointer;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--dark500);
	border-radius: 8px;
}

.settings_wrap .slide_button:before {
	content: "";
	mask: url(https://forumstatic.ru/files/001c/37/2a/84490.svg) no-repeat center center;
	-webkit-mask: url(https://forumstatic.ru/files/001c/37/2a/84490.svg) no-repeat center center;
	mask-size: contain;
	-webkit-mask-size: contain;
	background: var(--beg100);
	width: 12px;
	height: 12px;
	display: block;
}

.settings_wrap .slide_block {
	position: absolute;
	width: 250px;
	top: 0;
	display: none;
	left: calc(100% + 10px);
}

.settings_container {
	display: flex;
	flex-direction: column;
	gap: 5px;
	background: var(--beg100);
	border-radius: 10px;
	padding: 14px 13px;
	color: var(--dark500);
	border: 1px solid var(--beg500);
	filter: drop-shadow(2px 4px 16px var(--accentdark));
}

#chfont {
	text-align: center;
	display: flex;
	gap: 3px;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	box-sizing: border-box;
	/* background: var(--beg100); */
	/* border-radius: 10px; */
	/* padding: 10px 15px; */
	/* color: var(--dark500); */
}


#chfontbut {
	/* display: none !important; */
	font: 700 9px var(--font);
	color: var(--dark500);
	display: block;
	margin-bottom: 5px;
	width: 100%;
	text-align: left;
	text-transform: uppercase;
}

#chfont select {
	cursor: pointer;
	height: 25px
}

#chfontsize {
	width: auto;
	display: flex;
	align-items: center;
	font: 700 12px var(--font);
	gap: 5px;
	margin-left: 5px
}


.fsizeplus,
.fsizeminus {
	box-sizing: border-box;
	color: var(--text4);
	cursor: pointer;
	font-size: 0;
	width: 25px;
	height: 25px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #A5A5A5;
	align-self: stretch;
	border-radius: 10px
}

.fsizeplus::after {
	content: "";
	mask: url(https://forumstatic.ru/files/001c/37/2a/27804.svg) no-repeat center center;
	-webkit-mask: url(https://forumstatic.ru/files/001c/37/2a/27804.svg) no-repeat center center;
	mask-size: contain;
	-webkit-mask-size: contain;
	background: var(--dark500);
	width: 13px;
	height: 13px;
	display: block;
}

.fsizeminus::after {
	content: "";
	mask: url(https://forumstatic.ru/files/001c/37/2a/92207.svg) no-repeat center center;
	-webkit-mask: url(https://forumstatic.ru/files/001c/37/2a/92207.svg) no-repeat center center;
	mask-size: contain;
	-webkit-mask-size: contain;
	background: var(--dark500);
	width: 13px;
	height: 13px;
	display: block;
}

/************************* 
//Settings end
*************************/

/************************* 
//updown start
*************************/
.arrow_wrap {
    margin-left: 1049px !important;
    position: fixed;
    top: 0;
    width: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    gap: 16px;
    z-index: 11;
    padding: 0px 0;
    box-sizing: border-box;
}

.go-up span {
    background: var(--goup);
    width: 62px;
    height: 39px;
}

.go-down span {
    background: var(--godown);
    width: 85px;
    height: 90px;
}

.go-up, .go-down {
    cursor: pointer;
    display: block;
    opacity: 0;
    transition: opacity .4s linear 0s;
	width: auto;
	height: auto;
	pointer-events: none;
}

.go-down {
	margin-right: -31px !important;
	margin-top: -15px;
}

.go-up.slow, .go-down.slow {
	opacity: 1;
	pointer-events: auto;
}


.go-up span, .go-down span {
	padding: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: filter .5s linear 0s;
}


.go-up:hover span, .go-down:hover span {
	filter: drop-shadow(5px 5px 10px black);
}

/************************* 
//updown end
*************************/



/************************* 
//buttons start
*************************/

div#font-area {
    height: 300px;
    overflow: auto;
}

div#font-area::-webkit-scrollbar {
    width: 1px;
}

div#font-area::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.26);
}

div#font-area::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.26);
}

#pun-edit #tags .container {
    top: 24px !important;
}

#form-buttons {
    display: inline-flex;
    width: auto;
    height: 36px;
    margin-top: 12px;
    gap: 3px;
    margin-left: 44px;
    margin-right: 0;
    justify-content: center;
    flex-wrap: nowrap;
    border: 1px solid #a5a5a5 !important;
    background: var(--beg500);
    border-radius: 0 10px 0 0;
    }

#form-buttons td {
    height: 33px;
    font-family: fa-regular;
    position: relative;
    font-size: 15px;
    background-image: none !important;
    opacity: 0.7;
}


#form-buttons > table {
    border: none;
    background: transparent;
    padding: 0px;
    padding: 8px 4px 0px;
}

#form-buttons td img {
    width: 100%;
    display: inline-block;
    z-index: 100;
}

#form-buttons td img {
    width: 100%;
    margin-top: -13px;
    height: 26px !important;
}

#button-ChangeCase:before {
    content: "\f88e";
}

#button-font:before {
    content: "\f031";
}

#button-transL:before {
    content: "\e1bf";
}

#button-size:before {
    content: "\f894";
}

#button-bold:before {
    content: "\f032";
}

#button-italic:before {
    content: "\f033";
}

#button-underline:before {
    content: "\f0cd";
}

#button-strike:before {
    content: "\f0cc";
}

#button-indent:before {
    content: "\f03c";
}

#button-left:before {
    content: "\f036";
}

#button-center:before {
    content: "\f037";
}

#button-right:before {
    content: "\f038";
}

#button-justify:before {
    content: "\f039";
}

#button-indpost:before {
    content: "\e0b5";
}

#button-lower:before {
    content: "\f8f2";
}

#button-link:before {
    content: "\f0c1";
}

#button-spoiler:before {
    content: "\e0c0";
}

#button-image:before {
    content: "\f03e";
}

#button-video:before {
    content: "\f03d";
}

#button-hide:before {
    content: "\f070";
}

#button-quote:before {
    content: "\f10d";
}

#button-dice:before {
    content: "\f527";
}

#button-code:before {
    content: "\f121";
}

#button-color:before {
    content: "\f53f";
}

#button-table:before {
    content: "\f00b";
}

#button-smile:before {
    content: "\f1b0";
}

td#button-smile {
    display: none;
}

#button-sticker:before {
    content: "\f1b0";
    top: 10px!important;
    left: 7px;
    position: absolute;
}

#button-keyboard:before {
    content: "\f11c";
}

#button-addition:before {
    content: "\f013";
}

#button-files_rusff:before {
    content: "\e9cd";
}


#button-float:before {
    content: "\e1b9";
    position: absolute;
    top: 10px;
    margin-left: -7px;
}

#button-mask:before {
    content: "\f630";
}

#button-graffiti_rusff:before {
    content: "\eae9";
}

.icons-vkladka:before {
    content: '\f0ce'!important;
    margin: -7px 0 0 1px !important;
    display: block;
}

li.pl-email.email {
    display: none !important;
}

li.pl-delete, li.pl-edit, li.pl-quote, li.pl-BBquote, li.pl-email.profile, li.pl-email.pm, li.pl-advlink, li.pl-shyquote, li.editpole, li.pl-quiet_quote, li.pl-mailquote, li.pl-email {
    font: 700 10px var(--font);
    text-transform: lowercase;
}

li.pl-advlink a::before, li.pl-delete a::before, li.pl-edit a::before, li.pl-quote a::before, li.pl-BBquote a::before, li.pl-email.profile a::before, li.pl-email.pm a::before, li.pl-shyquote a::before, li.editpole a::before, li.pl-quiet_quote a::before {
    font-family: 'fa-thin';
    color: hsl(0deg 0% 0%);
    font-size: 10px;
    transition: all 1s ease 0s;
    width: 19px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

li.pl-advlink a:before {
    content: '\f0c5';
background: var(--color-accent2);
    border-radius: 100%;
    border: 1px solid black;
    padding: 2px;}

li.pl-email.pm a:before {
    content: '\f0e0';}

li.pl-email.profile a:before {
    content: '\f007';
}

li.pl-delete a:before {
    content: '\f2ed';}

 li.pl-edit a:before {
    content: '\f304';}

li.pl-quote a:before {
    content: '\f10d';}

li.pl-quiet_quote a:before {
    content: '\f2e2';}

li.pl-BBquote a:before {
    content: '\f7e9';}

li.pl-shyquote a:before {
    content: '\f120';}

li.editpole a:before {
    content: '\f31c';
}

li.pl-delete:hover::before, li.pl-edit:hover::before, li.pl-quote:hover::before, li.pl-BBquote:hover::before, li.pl-email.profile:hover::before, li.pl-email.pm:hover::before, li.pl-advlink:hover::before, li.pl-shyquote:hover::before, li.editpole:hover::before {
position: absolute;
    display: block;
    height: auto;
    width: auto;
    margin-top: -20px;
    margin-left: -6px;
    padding: 3px 10px;
    background: rgb(11, 11, 11);
    z-index: 999;
    max-width: 200px;
    font-family: var(--font-title);
    font-size: 9px;
    font-weight: bold;
    color: var(--color-accent);
    text-align: center;
    text-transform: lowercase;
    letter-spacing: 1px;
    border-radius: 4px;
    filter: brightness(2.6) saturate(1.2);
}

/************************* 
//buttons end
*************************/


/************************* 
//writer start
*************************/

.writer-desc {
	margin-bottom: 10px !important;
	font-size: 11px;
	margin: 0px 0px 10px !important;
	padding: 0px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	font-size: 10px;
}

.writer-counter-wrapper {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	background: var(--beg300);
	padding: 15px
}

.writer-counter-wrapper button {
	width: 100%;
	margin-top: 10px !important;
}

#writer-top-start-date {
	margin-right: 20px
}

#writer-top {
	display: flex;
	flex-direction: column;
	gap: 1px;
	padding: 0px;
	margin: 0px 0px
}

.writer-item__container {
	padding: 15px;
	display: flex;
	gap: 0px 10px;
	flex-wrap: wrap;
	background: var(--beg300)
}


.writer-item__username {
	font-weight: bold;
	font-size: 13px
}

.writer-item__numb {
	background: var(--accent);
	border-radius: 10px;
	padding: 0 10px 1px;
	color: var(--dark600);
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	font-size: 11px
}

.writer-item__details {
  width: 100%;
	padding-top: 5px;
	cursor: pointer
}

.writer-item__details:before {
	content: "Information";
	text-transform: uppercase;
	border: 1px solid var(--beg100);
	border-radius: 10px;
	padding: 2px 10px;
	font-size: 9px;
	opacity: .75
}

.writer-item__details.open .writer-item__details-list {
	display: flex
}

.writer-item__details-list {
	display: none;
	flex-direction: column;
	gap: 0;
	font-size: 10px;
	margin-top: 10px !important;
}

.writer-item__details-list a {
	font-size: 12px;
	font-weight: 500
}

.writer-item__details-list li {
	border-bottom: 1px solid var(--beg100);
	padding: 5px 0 !important;
}

.writer-item__details-list li:last-child {
	border: none !important;
	padding-bottom: 0 !important;
}

#writer-summary {
	display: flex;
	gap: 5px;
	flex-wrap: wrap;
	font-weight: bold;
	background: var(--beg300);
	padding: 15px;
}

/************************* 
//writer end
*************************/


/************************* 
//chonology
*************************/
.cloc span.highlight-text {
display: block;
    width: 0px;
    height: 0px;
    font-size: 0;
}

.post-content .cep {
    border: 1px solid #a5a5a5 !important;
    padding: 13px 20px;
    border-radius: 10px;
    margin: 0 0 7px 0;
}

.finder {
    width: 927px;
    margin: 0 auto;
    height: 65px;
}

li.allcep {
    display: inline-flex;
    flex-direction: row;
    width: 900px;
    border: 1px solid #00000057;
    /* border-radius: 10px; */
    background: #f0eeee;
    /* padding: 10px!important; */
    margin: -5px 0 0 0;
    /* gap: 20px; */
    font-family: var(--font);
    flex-wrap: wrap;
}

li.allcep.main {
    margin-bottom: 0;
}

.cedit {
    display: inline-flex;
    position: inherit;
    margin-left: 863px;
    margin-top: 5px;
    margin-bottom: -6px;
    font-size: 0px;
    gap: 6px;
    flex-direction: row;
    display: none;
    height: 0;
    z-index: 2;
}

a.asrc:before, a.editsrc:before {font-size:10px; font-family:fa-solid;}

a.asrc:before {content:'\f0c1';}
a.editsrc:before {content:'\f304';}

li.allcep .cnames {
    width: 144px;
    border-left: 1px solid #a5a5a5;
    border-right: 1px solid #a5a5a5;
    padding: 15px;
    font-size: 10px;
}

li.allcep .chead {
    width: 144px;
    display: inline-flex;
    flex-direction: column;
    padding: 15px;
}

.allchrono {
    display: inline-flex;
    flex-direction: column;
    max-height: 680px;
    overflow-y: auto;
}

.allchrono h5 {
    margin: 2px 0px 3px 0px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    font-family: var(--font);
    border-radius: 10px 10px 0 0;
    border: 1px solid #a5a5a5;
    background: var(--beg500);
    padding: 10px 0 8px;
    width: 900px;
}

span.cdate {
    font-size: 18px;
    font-family: var(--font2);
}

.allchrono ul {
    padding: 0 0 0em 0em!important;
}

span.cloc {
    font-size: 10px;
    line-height: 10px;
    padding: 6px 0 0 0;
}

li.allcep .ctext {
    padding: 15px 30px 15px 15px;
    width: 505px;
    font-size: 12px;
}

.allcep:hover .cedit {
    display: inline-flex;
}

.hideme {
    display: none !important;
}

.showme {
    display: inline-flex !important;
}

.ishow {
    background-color: lightgreen!important;
}

.ihide {
    background-color: lightcoral!important;
}

.allfgroups ul li {
    border: 1px solid #9d9d9d;
    padding: 2px 10px;
    font-size: 11px;
    background: var(--beg500);
    cursor: pointer;
    text-transform: lowercase;
    font-family: var(--font);
    }

.allfgroups ul {
    display: inline-flex;
    max-height: 170px;
    padding: 0!important;!importan;!
    margin: 31px 0 20px;
    overflow-y: auto;
}

ul.fgroup1 {
    display: grid;
    grid-template-columns: 80px 80px 80px;
    gap: 5px;
    width: 316px;
    align-items: center;
    height: auto;
}

.allfgroups {
    display: inline-flex;
    width: 926px;
}

ul.fgroup2 {
    width: 644px;
    display: grid;
    grid-template-columns: 190px 190px 190px;
    gap: 7px;
}

ul.fgroup3 {
    position: absolute;
    margin: -17px 0 0 344px;
    display: inline-flex;
    flex-direction: row;
    width: 500px;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

ul.fgroup3 li {
    margin: 0!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
    border-radius: 20px;
    padding: 2px 13px;
}

ul.fgroup1 li {
    display: flex;
    height: auto;
    align-self: stretch;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}



.sbros a {
    background: var(--dark500);
    border: none !important;
    color: var(--beg100)!important;
    font-family: var(--font) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 4px 15px 6px !important;
    text-decoration: none;
    transition: all 0.3s ease-in-out 0s;
    border-radius: 10px;
    text-transform: lowercase;
}

.sbros {
    position: absolute;
    margin: -16px 0 0 0;
}

.finder textarea {
    border-radius: 0px;
}

/************************* 
//chonology end
*************************/

/* styles for FILL CODE AS FORM  (info: https://github.com/4eDo/mybb/tree/main/fill_code_as_form#readme )*/
#templateBtn {
	border: 1px solid #000;
	width: 150px;
	text-align: center;
}
 
.tmpl_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 1000;
}
 
.tmpl_popup {
	position: absolute;
	top: 0px;
	left: 50%;
	transform: translate(-50%, -60%);
	justify-content: space-evenly;
	padding: 15px;
	background-color: var(--beg300);
	border: 1px solid var(--dark500);
	border-radius: 20px;
	padding: 20px;
	height: 500px;
	width: 650px;
	overflow: auto;
	display: none;
	z-index: 1001;
	color: #000 !important;
}
 
#tmpl_close-button {
	position: absolute;
	cursor: pointer;
top: 6px;
    right: 13px;
	font-size: 17px;
	color: #000 !important;
	font-weight: 700;
	text-decoration: none;
	border: 0px !important;
}
 
#tmpl_back-button,
#tmpl_get-code-button {
	display: inline-flex;
	/* top: 1px; */
	width: 150px;
	background: var(--dark500);
	border: none !important;
	color: var(--beg100);
	font-family: var(--font) !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	padding: 4px 15px 6px !important;
	text-decoration: none;
	transition: all 0.3s ease-in-out 0s;
	border-radius: 10px;
	text-transform: lowercase;
	margin: 0 auto;
	justify-content: center;
}
 
#tmpl_back-button:hover,
#tmpl_get-code-button:hover,
#tmpl_get-code-button {
	/* background-color: #1474C3 !important; */
}
 
#tmpl_get-code-button:hover {
	background-color: #1474C3 !important;
}
 
#targetForm table {
	width: 100%;
	border-collapse: collapse;
	flex-grow: 1;
}
 
#targetForm td {
	padding: 5px;
	vertical-align: top;
}
 
#targetForm td:first-child {
	text-align: right;
	padding-right: 10px;
}
 
#targetForm td:first-child label {
	font-weight: 700;
}
 
#targetForm td:first-child div {
	/* font-style: italic; */
}
 
#targetForm input,
#targetForm select,
#targetForm textarea {
	width: 292px;
	color: #000000 !important;
	border-radius: 10px!important;
}
 
#targetForm,
#templatesList {
	height: 380px;
	display: flex;
	margin-top: 21px;
	flex-direction: column;
	align-items: center;
	gap: 9px;
}
 
#templateFormName {
	align-self: center;
	font-size: 17px;
	padding: 2px;
	font-family: var(--font);
	text-transform: uppercase;
}
 
.tmpl_template {
	margin-bottom: 10px !important;
	margin-top: 10px !important;
	color: #000;
	text-align: center;
	background: var(--accent);
	border: 1px solid var(--dark500);
	border-radius: 10px;
	padding: 8px;
	font-weight: bold;
	font-size: 14px;
	font-family: var(--font);
	text-transform: uppercase;
	cursor: pointer;
	filter: brightness(1.2);
}
#targetForm td div {
    max-height: 200px;
    overflow: auto;
    padding: 5px 0;
    line-height: 10px;
    font-size: 10px;
}
/* END styles for FILL CODE AS FORM*/

/*****************
// (done by Kolobdur)
*****************/

.wrapper{
  display: grid;
  grid-template:
    ". buttop ." auto
    "butleft windows butright" auto
    ". butbottom ." auto 
                 / auto 1fr auto;
  /* overflow: hidden; */
  background: url(https://forumstatic.ru/files/001c/6b/d4/10028.jpg) fixed;
  /* background-size: contain; */
  margin: 13px 0 0 0;
  border-radius: 30px;
  width: 1000px;
}

.buttop {grid-area: buttop;}
.butleft {grid-area: butleft;}
.butright {grid-area: butright;}
.butbottom {grid-area: butbottom;}

.buttons {z-index: 2;}

.buttons div {
  padding: 12px 20px;
  transition: background-color .3s;
  text-align: center;
  cursor:pointer;
  text-transform: uppercase;
  color: var(--dark500);
  font-weight: 600;
  font-size: 10px;
  font-family: 'helv';
  border-radius: 20px;
  background: var(--beg100);
  border: 1px solid var(--dark500);
width: 200px;}

.buttop, .butbottom {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: 50px;
  justify-content: center;
  padding: 0 86px;
  margin: -15px 0 0 0;
}

.windows{
  display: grid;
  grid-area: windows;
  /* max-height: 900px; */
  /* border: 2px solid #4EC6DE; */
  /* background: var(--beg100); */
  /* overflow: hidden; */
  color: #000;
  padding: 25px 15px 30px 15px;
  height: -webkit-fill-available;
}

.window {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  /* overflow: auto; */
  line-height: 1.4em;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.2s, transform 0.2s;
  transition-delay: 0.4s;
  padding: 21px;
  z-index: 0;
  background: var(--beg100);
  border-radius: 23px;
}

.wrapper > br, .wrapper > p, .buttons > br, .buttons > p, .windows > br, .windows > p {
  display: none;
}

.windows > div {
  transition: transform 0.2s;
  transform: translateX(86%);
}
 
.windows > .activevkladka {
  transform: translateY(0px);
  transform: translateX(0%);
  opacity: 1;
  z-index: 1;
}

.buttons div:hover,
.buttons > .activevkladka {
  background: var(--accent);
  color: var(--beg300);
}


.icons-vkladka:before {
  content: '\412\043A\043B\0430\0434\043A\0438';
  font-size: 12px;
} 

#vkladka-area div {
  cursor: pointer;
  font-weight: normal;
  width: 220px;
  margin-bottom: 10px;
}
#vkladka-area div:hover {overflow: hidden;}
.tab-list:hover {transform-origin: center left;}
#vkladka-area span {display: none;}

td#button-vkladka {
    display: none;
}

/*****************
// (done by Kolobdur)
*****************/

/*****************
// (insta by hagalnaud)
*****************/
.instagram-post {
    width: 350px;
    background-color: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 10px auto;
}

/* Header */
.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
}

.profile-info {
    display: flex;
    align-items: center;
}

.profile-picture {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 10px;
}

.username {
    font-weight: bold;
    color: black;
}

.location {
    color: gray;
    font-size: 12px;
    margin-left: 10px;
}

.options {
    font-size: 20px;
}

/* Image */
.image-container {
    position: relative;
}

.post-image {
    width: 100%;
    height: auto;
}

/* Actions */
.actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
}

.action-buttons {
    display: flex;
    align-items: center;
gap: 9px;}

.like-button {
    display: flex;
    align-items: center;
gap: 4px;}

/* Icons */
.heart,
.comment,
.share,
.bookmark,
.verified,
.more-options {
    font-size: 20px;
    color: gray;
}

.options::before {
    content: "\f142";
    font-family: fa-solid;
}
.like-button::before {
    content: "\f004";
    font-family: fa-solid;
}
.comment-button::before {
    content: "\f075";
    font-family: fa-solid;
}
.share-button::before {
    content: "\f1e0";
    font-family: fa-solid;
}


/* Caption */
.caption {
    padding: 10px 15px;
}

.caption p {
    margin-bottom: 5px;
}

.view-comments {
    color: gray;
    text-decoration: none;
}

.view-comments:hover {
    text-decoration: underline;
}
/*****************
// (insta by hagalnaud)
*****************/

/************************* 
//achivki
*************************/
.badge {
  display: flex;
  align-items: center;
  width: 260px;
  height: 54px;
  background-color: #373737; /* чёрный фон */
  color: #ffffff; /* белый шрифт */
  border-radius: 10px; /* закруглённые края */
  padding: 0 16px;
  box-sizing: border-box;
  font-family: helv, sans-serif;
  font-size: 11px;
  box-shadow: 0px 1px 5px -1px #373737, inset 0px 0px 0px -5px #373737;
}

.badge-icon {
  width: 30px; /* размер иконки */
  height: 30px;
  margin-right: 10px; /* отступ между иконкой и текстом */
}
/************************* 
//achivki konec
*************************/