<!-- ------------------------ копирайт ------------------------ -->
<a class="cop" href="https://imagiart.ru/viewtopic.php?id=19438#p1326422">mrazeus + rae rae</a>

<div class='banners'>
<div class='banners_wrap'>
<a href="https://funeralrave.ru/"> <img src="https://forumstatic.ru/files/0019/41/eb/61230.png" title="funeral rave"></a>
<a href="https://funeralrave.ru/"> <img src="https://forumstatic.ru/files/0019/41/eb/61230.png" title="funeral rave"></a>
<a href="https://funeralrave.ru/"> <img src="https://forumstatic.ru/files/0019/41/eb/61230.png" title="funeral rave"></a>
<a href="https://funeralrave.ru/"> <img src="https://forumstatic.ru/files/0019/41/eb/61230.png" title="funeral rave"></a>
<a href="https://funeralrave.ru/"> <img src="https://forumstatic.ru/files/0019/41/eb/61230.png" title="funeral rave"></a>
<a href="https://funeralrave.ru/"> <img src="https://upforme.ru/uploads/001c/31/0c/2/673741.png" title="funeral rave"></a>
<a href="https://funeralrave.ru/"> <img src="https://forumstatic.ru/files/0019/41/eb/61230.png" title="funeral rave"></a>
<a href="https://funeralrave.ru/"> <img src="https://forumstatic.ru/files/0019/41/eb/61230.png" title="funeral rave"></a>
<a href="https://funeralrave.ru/"> <img src="https://forumstatic.ru/files/0019/41/eb/61230.png" title="funeral rave"></a>
<a href="https://funeralrave.ru/"> <img src="https://forumstatic.ru/files/0019/41/eb/61230.png" title="funeral rave"></a>
<a href="https://funeralrave.ru/"> <img src="https://forumstatic.ru/files/0019/41/eb/61230.png" title="funeral rave"></a>
<a href="https://funeralrave.ru/"> <img src="https://forumstatic.ru/files/0019/41/eb/61230.png" title="funeral rave"></a>
<a href="https://funeralrave.ru/"> <img src="https://forumstatic.ru/files/0019/41/eb/61230.png" title="funeral rave"></a>
<a href="https://funeralrave.ru/"> <img src="https://forumstatic.ru/files/0019/41/eb/61230.png" title="funeral rave"></a>
<a href="https://funeralrave.ru/"> <img src="https://forumstatic.ru/files/0019/41/eb/61230.png" title="funeral rave"></a>
<a href="https://funeralrave.ru/"> <img src="https://forumstatic.ru/files/0019/41/eb/61230.png" title="funeral rave"></a>
<a href="https://funeralrave.ru/"> <img src="https://forumstatic.ru/files/0019/41/eb/61230.png" title="funeral rave"></a>
<a href="https://funeralrave.ru/"> <img src="https://forumstatic.ru/files/0019/41/eb/61230.png" title="funeral rave"></a>
<a href="https://funeralrave.ru/"> <img src="https://forumstatic.ru/files/0019/41/eb/61230.png" title="funeral rave"></a>
<a href="https://funeralrave.ru/"> <img src="https://forumstatic.ru/files/0019/41/eb/61230.png" title="funeral rave"></a>
<a href="https://funeralrave.ru/"> <img src="https://forumstatic.ru/files/0019/41/eb/61230.png" title="funeral rave"></a>
<a href="https://funeralrave.ru/"> <img src="https://forumstatic.ru/files/0019/41/eb/61230.png" title="funeral rave"></a>
<a href="https://funeralrave.ru/"> <img src="https://forumstatic.ru/files/0019/41/eb/61230.png" title="funeral rave"></a>
<a href="https://funeralrave.ru/"> <img src="https://forumstatic.ru/files/0019/41/eb/61230.png" title="funeral rave"></a>
<a href="https://funeralrave.ru/"> <img src="https://forumstatic.ru/files/0019/41/eb/61230.png" title="funeral rave"></a>
<a href="https://funeralrave.ru/"> <img src="https://forumstatic.ru/files/0019/41/eb/61230.png" title="funeral rave"></a>
<a href="https://funeralrave.ru/"> <img src="https://forumstatic.ru/files/0019/41/eb/61230.png" title="funeral rave"></a>
<a href="https://funeralrave.ru/"> <img src="https://forumstatic.ru/files/0019/41/eb/61230.png" title="funeral rave"></a>
<a href="https://funeralrave.ru/"> <img src="https://forumstatic.ru/files/0019/41/eb/61230.png" title="funeral rave"></a>
</div>
</div>

<!-- Перемешать баннеры при перезагрузке © TheBanana, max, the murderer! 2022 -->  
<script>
$(document).ready(function(){
	$('.banners_wrap').each(function () {
	    var block = $(this);
	    var banners = (block).children('a').not('.static');
	    $(banners).sort(function (a, b) {
	        return (-1 + Math.random() * 2);
	    })
	    .appendTo(block).show();
	});
});
</script>

<!-- ---------------- новый скрипт навигации духа ------------- --> 
<script type="text/javascript" src="https://forumstatic.ru/files/001a/08/74/57494.js"></script>
<!-- -----------------------------------конец скрипта навигации ------------------------------- -->

<!-- ------------------------ Универсальный скрипт замены © Alex_63 ---------------------------------- -->
<script>
function Change(sc,ch,st){$(sc).parent().each(function(){$(this).html($(this).html().replace(ch,st));});}
Change('#pun-stats li.item1','Всего тем','Выпусков пророка');
Change('#pun-stats li.item2','Всего сообщений','Заметок на полях');
Change('#pun-stats li.item3','Зарегистрированных пользователей','Вершат судьбы');
Change('#pun-stats li.item4','Последним зарегистрировался','Засветился в сводках');
Change('#pun-stats .onlinelist div > a','Активны','Были замечены:');
Change('#pun-stats .users_24h div > a','Посетили за сутки','Ушли в подполье:');    
Change('li#navindex','Форум','Хогсмид');
Change('li#navuserlist','Участники','Волшебники');
Change('li#navsearch','Поиск','Поиск');
Change('li#navprofile','Профиль','Иеналеж');
Change('li#navpm','Сообщения','Совиная почта');
Change('li#navadmin','Администрирование','АМС');
Change('li#navlogout','Выход','Скрыться');
Change('li#navlogin','Войти','Вернуться домой');
Change('li#navregister','Регистрация','Рискнуть');
</script>

<!-- ----------------------- Мгновенный предпросмотр сообщения © Alex_63 -------------------------- -->
<script type="text/javascript">
var PPREV = {};
PPREV.position = 0; //Положение окна Предпросмотра: 0 - над полем ввода, 1 - под полем ввода, 2 - справа
PPREV.quote_cite = 'написал(а):'; //Надпись в окне цитаты
</script>
<script type="text/javascript" src="http://forumstatic.ru/files/0015/c4/3f/10524.js"></script>

<!-- Кнопка отключения мгновенного предпросмотра -->
<style>#togglePreview{}</style>
<script type="text/javascript">(function (){
  var a='Включить быстрый предпросмотр';
  var b='Отключить быстрый предпросмотр';
  var d='_PreviewToggle';
  setCookiePPrev=function(a,b,c){if(c){var d=new Date();d.setTime(d.getTime()+c);}if(a && b)document.cookie=a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
  getCookiePPrev=function(a){var b=new RegExp(a+'=([^;]){1,}');var c=b.exec(document.cookie);if(c)c=c[0].split('=');else return false;return c[1] ? c[1] : false;}
  $('<small id="togglePreview"><input type="button" class="button" value="'+ b +'" onclick="togglePreview(this)"/></small>').insertAfter('#post fieldset:last legend');
  var x = ParseContent;
  window.togglePreview = function(sel){//alert(sel.value);
    if(sel.value==a){sel.value=b;setCookiePPrev(d,'0',-1000);ParseContent=x;ParseContent();$('#post-preview').show(); return}
    if(sel.value==b){sel.value=a;setCookiePPrev(d,'OFF',30*3600*24*30*1000);if($('#pun-viewtopic').length){$('#post-preview').hide()}ParseContent=function(){return};return}
  }; if(getCookiePPrev(d)=='OFF'){$('#togglePreview>.button').click()};
}())
</script>

<!-- ----------------------- конец предпросмотра сообщения © Alex_63 -------------------------- -->

<!--------------------------- ЧАСТЬ 2 Код кастомизированного плеера (c) forumd --------------------->
<script type="text/javascript" src="https://forumstatic.ru/files/001c/35/64/25222.js"></script>
<!--------------------------- конец ЧАСТЬ 2. Код кастомизированного плеера (c) forumd ------------>

<!---------------------------- личная страница ---------------------------->
<!-- личная страница -->
<script src="https://forumstatic.ru/files/0011/e9/e1/56920.js" type="text/javascript"></script>
    <div id="character" class="reveal-modal xlarge main container">
    <div class='modal_wrap'></div>
    <a class="close-reveal-modal">×</a>
    </div>

    <script type="text/javascript">
    function showTab(elem){
        $(".menu span").removeClass("tabactive");
        $(elem).addClass("tabactive");
        $("div.submenutext").hide();
        var activeDiv = $(elem).attr("alt");
        $("div."+activeDiv).fadeIn();
        return false;
    }
    $(".modal-link").click(function() {
            var modId = $(this).attr('id');
    $('.modal_wrap').html('');
    $.get('pages/'+modId, function (data){
        $('.modal_wrap').html($(data).find('.character').html());
    });
    $(".submenutext").hide();
    $(".submenutext:first").show();
    });
    </script>

<!---------------------------- конец личной страницы ---------------------------->

<!-- ---------------------тег абзаца со своими отступами ----------------------- -->
<style>#button-indent {background:url(http://s7.uploads.ru/t/mnkgq.png)no-repeat center 6px!important;}</style>
<!--ТЕГ  абзаца - [indent=X,Y] --><script type="text/javascript">
(function(){var c="[indent",h,e='<span style="display:inline-block;margin:YYem XXem;"></span>';
$("#button-strike").after('<td id="button-indent" title="Отступы"><img src="/i/blank.gif"  onclick="smile(\''+c+'=2,1]\')\"></td>');
function a(b,d){if(!d){return e.replace("XX","2").replace("YY","1")} /*удвоенные Отступы слево и сверху по умолчанию*/
else{return d.replace(/=(\d+(?:\.\d+)?)((?:,\d+(?:\.\d+)?)?)$/,function(f,i,g){h=e.replace("XX",i);v=g.substr(1);return h.replace("YY",(v?v:"0"));
})}}$('.post-content p:contains("'+c+'")').each(function(){$(this).html($(this).html().replace(/\[indent([=\d\.,]*?)\]/gm,a))})}());
</script>
<!-- ---------------------конец тега абзаца со своими отступами ----------------------- -->

<!-- ------------------- регулировка размера шрифта в постах © Alex_63 ------------------- -->
 <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script>
<!-- ------------------- конец регулировки размера шрифта в постах © Alex_63 ------------------- -->



<!-- ------------------------ вверх-вниз ------------------------ -->
<div class="go-up" id='ToTop'></div>
<div class="go-down" id='OnBottom'></div>
<!--кнопки вверх вниз-->
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>
<!-- ------------------------ конец вверх-вниз'а ------------------------ -->

<!-- ----------------- маска профиля ----------------------------- -->
<script src="https://forumstatic.ru/files/0017/95/29/89289.js"></script>
<script>
hvScriptSet.addMask({
    guestAccess: ['Тестовый форум'],
    forumAccessExtended: {
        'Тестовый форум': ['Пользователи'],
        'ТЫ ЗНАЛ ОБЛИЧИЕ ПРОКЛЯТОЙ ЖАЖДЫ СТРАНСТВИЙ': ['Пользователи']
    },
    changeList: {
        'pafld1': {
            title: 'лз',
            description: '',
            tag: 'fauxlz',
            class: 'pa-fld1',
            defaultCode: '<a href="ссылка либо пусто" target="_blank">ФИО, 00</a><pp>краткое описание</pp> <ps>красивая цитата и <a href="ссылка на зазнобу" target="_blank">зазноба</a> тут можно продолжение цитаты</ps>',
            type: 'html'
        }
    },
    userFields: ['pa-fld2', 'pa-author', 'pa-title', 'pa-avatar', 'pa-fld1', 'prof-wrapper', 'pa-online', 'pa-fld5', 'pa-ua', 'pa-gifts', 'pa-awards']
});
</script>
<!-- ----------------- конец маски профиля ----------------------------- -->

<!------------------------- Индикатор активности пользователя © Alex_63 ------------------------->

<script type="text/javascript">
    $('.post-author:not(.online)').find('.pa-author>a').addClass('offline');
    $('.post-author.online').find('.pa-author>a').addClass('online');
    $('.post').each(function(){
      var PostAuthorLogin = $(this).find('li.pa-author>a').text();
      var activeTime = $(this).find('.pa-online').text().split('Активен')[1];
      $(this).find('.pa-author>a.online').after('<img src="/i/blank.gif" class="indOnline" title="'+PostAuthorLogin+' шалупонит'+activeTime+'" />');
      $(this).find('.pa-author>a.offline').after('<img src="/i/blank.gif" class="indOffline" title="'+PostAuthorLogin+' прячется от инквизиции" />');
    });
    </script>
<!-----------------------конец индикатор активности пользователя © Alex_63 ------------------------->

<!-------------------- Ссылка на авторский пост в цитате // v.3 © Alex_63 -------------------->
<script type="text/javascript">
var quote_img = 'http://forumstatic.ru/files/0015/ec/20/41408.png'; //Кнопка "Перейти к сообщению" в цитате
$('.quote-box>cite:not(:contains("Скрытый текст:"))').each(function() {
  var cntq=$(this).text(),sp0='<span class="qcn">письмо от</span> ',
  sp1='<span class="qc-uname">###</span>';
  if(cntq.indexOf('#p')!=-1){var pid=cntq.split(',')[0],autq=cntq.split(',')[1].split(' написал')[0],
    lnkq='<a class="qc-post-link" href="',imgq='<img src="'+quote_img+'" title="Перейти к сообщению"/>',
    sp2='&nbsp;<span class="qc-post-link">'+lnkq;sp1=sp1.replace('###',autq);
    if($('.post'+pid).length){$(this).html(sp0+sp1+sp2+pid+'">'+imgq+'</a></span>');}else
    {$(this).html(sp0+sp1+sp2+'/viewtopic.php?pid='+pid.split('#p')[1]+pid+'">'+imgq+'</a></span>');}
  }else{var autq=cntq.split(' написал')[0];sp1=sp1.replace('###',autq);$(this).html(sp0+sp1);}
});$('#pun-viewtopic .pl-quote>a').each(function() {
  $(this).attr('href',$(this).attr('href').replace('(\'','(\'#'+$(this).parents('.post').attr('id')+','));
});
</script>
<!-------------------- конец ссылки на авторский пост в цитате // v.3 © Alex_63 -------------------->

<!-- Аватар для гостя и по умолчанию / Deff, Alex_63 
mod by ForumD.ru  -->
    <script type="text/javascript">
    var DefAvtr = ''; //Ссылка на аватар по умолчанию
    var GuestAvtr = ''; //Ссылка на аватар для Гостя

   $('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){
      var b = DefAvtr;
      if (+$(this).parents('.post').attr('data-group-id') == 3) b = GuestAvtr;
      var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li>';
      if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s);
    });
    $('#profile-left strong:contains("Нет аватара")')
    .parent().html('<div><img src="'+DefAvtr+'"/></div>');
    </script>
<!-- Конец -->


<!------------------- убрать пожаловаться ------------------->
<script type="text/javascript">
RusffCore.sets.show_reportBtn = 0;
</script>
<!------------------- конец убрать пожаловаться  ------------------->

<!----------------- между никами запятая --------------->
<style type="text/css">
div#topic-users-in a:after {
    content: ',    ';
}
div#topic-users-in a:last-child::after {
    content: ' ';
}
</style>

<!----------------- после ника запятая --------------->
<script type="text/javascript">
function to(username)
{insert('[b]' + username + '[/b]' + ', ');}
</script>

<!-----------------конец запятых --------------->

<!--------------------------- тултип ---------------------------------->
<script> 
jQuery.fn.quicktip = function(options) {
    // Значения по умолчанию
    var defaults = {
        speed: 500,
        xOffset: 0,
        yOffset: -310
    };

    // Объединяем переданные опции с дефолтными
    var settings = $.extend({}, defaults, options);

    // Для каждого элемента, к которому применяется плагин
    return this.each(function() {
        var $this = jQuery(this);

        // Сохраняем title в data-атрибут, чтобы восстановить его позже
        var tipTitle = $this.attr('title') || $this.attr('original-title') || 'Quick tip';
        $this.data('title', tipTitle).removeAttr('title');  // Удаляем атрибут title

        // Обработка событий наведения мыши
        $this.hover(function(e) {
            $this.css('cursor', 'pointer');
            $("body").append("<div id='tooltip'>" + tipTitle + "</div>");
            
            $("#tooltip")
                .css("top", (e.pageY + settings.yOffset) + "px")
                .css("left", (e.pageX + settings.xOffset) + "px")
                .fadeIn(settings.speed);
                
        }, function() {
            // Удаляем подсказку при уходе мыши
            $("#tooltip").remove();
        });

        // Обновляем позицию подсказки при движении мыши
        $this.mousemove(function(e) {
            $("#tooltip")
                .css("top", (e.pageY + settings.yOffset) + "px")
                .css("left", (e.pageX + settings.xOffset) + "px");
        });
    });
};
</script>
<script>
$(function(){
$('*[title]').quicktip({
speed:300, //Скорость появления подсказки
fade: true 
});
});
</script>

<script>
$('.pa-online, .postlink:not(.postlink.long), .subscribelink, .postlink .new-poll, .postlink .new-topic, #pun-viewforum .modmenu strong a, #profile .container li.view a').each(function(){
  $(this).attr('title',$(this).text());
});

// Подсказка для кнопки с #togglePreview .button
$('#togglePreview .button').each(function() {
  // Получим значение атрибута value и установим его в title
  var value = $(this).val(); // Получаем значение value
  $(this).attr('title', value); // Устанавливаем это значение как title
});
</script>
<!------------------------------------------ конец тултипа --------------------------------------->

<!---------------------------- бургерное меню для адаптива ---------------------------->
<script>// Добавляем кнопку "бургерное меню"
window.addEventListener('load', function() {
    var menu = document.querySelector('#pun-ulinks .container');
    
    if (menu) {
        // Создаем кнопку
        var burgerButton = document.createElement('button');
        burgerButton.className = 'burger-menu';
        burgerButton.innerHTML = '☰';
        burgerButton.onclick = function() {
            menu.classList.toggle('active');
        };

        // Вставляем кнопку перед списком ссылок
        var section = document.querySelector('#pun-ulinks');
        section.insertBefore(burgerButton, section.firstChild);
    }
});</script>
<!---------------------------- конец бургерного меню для адаптива ---------------------------->

<!--// скрипт снега (с) astaarus //-->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" rel="stylesheet">
<script>
/**
 * скрипт снега
 * автор: astaarus
 * версия с включением по умолчанию
 */

document.addEventListener("DOMContentLoaded", () => {
    const snowContainer = document.createElement("div");
    snowContainer.className = "snow-container";
    document.body.appendChild(snowContainer);

    const toggleButton = document.createElement("button");
    toggleButton.className = "snow-toggle";
    document.body.appendChild(toggleButton);

    // ===== СОСТОЯНИЕ СНЕГА =====
    let snowActive = localStorage.getItem("snowActive");

    if (snowActive === null) {
        snowActive = true;
        localStorage.setItem("snowActive", "true");
    } else {
        snowActive = snowActive === "true";
    }

    let snowInterval;
    const maxSnowflakes = 100;
    const activeSnowflakes = [];

    // ===== КНОПКА =====
    function updateButton() {
        toggleButton.innerHTML =
            `<i class="fas fa-${snowActive ? "times" : "snowflake"}"></i>`;
    }

    // ===== СОЗДАНИЕ СНЕЖИНКИ =====
    function createSnowflake() {
        const snowflake = document.createElement("i");
        snowflake.className = "fas fa-snowflake snowflake";

        Object.assign(snowflake.style, {
            left: Math.random() * 100 + "vw",
            animationDuration: `${Math.random() * 10 + 20}s`,
            fontSize: `${Math.random() * 5 + 3}px`,
            opacity: Math.random()
        });

        snowContainer.appendChild(snowflake);
        activeSnowflakes.push(snowflake);

        snowflake.addEventListener("animationend", () => {
            snowflake.remove();
            activeSnowflakes.shift();
        });

        if (activeSnowflakes.length > maxSnowflakes) {
            activeSnowflakes.shift().remove();
        }
    }

    // ===== ПЕРЕКЛЮЧЕНИЕ =====
    function toggleSnow() {
        snowActive = !snowActive;
        localStorage.setItem("snowActive", snowActive);

        if (snowActive) {
            snowInterval = setInterval(createSnowflake, 300);
        } else {
            clearInterval(snowInterval);
            activeSnowflakes.splice(0).forEach(s => s.remove());
        }

        updateButton();
    }

    toggleButton.onclick = toggleSnow;

    // ===== СТАРТ =====
    if (snowActive) {
        snowInterval = setInterval(createSnowflake, 300);
    }

    updateButton();
});
</script>

theme
hd
themeInfo
themePara
tH
themeWrap
qm
pm
personalinfo
li
face
tHq
daily
ditem
ddate
dinfo

.pun-viewtopic .subscribelink a {
  position: absolute;
  width: 200px;
  right: 10px;
  top: -90px;
}

/* меню модератора */
.modmenu .container {
  padding: 0px 0px;
  font-size: 11px !important;
  text-align: right;
  margin: 10px 0px 10px;
}
.modmenu strong,
.modmenu a {
  height: 15px;
  padding-bottom: 10px;
}
.modmenu .container strong {
  float: left;
}
.modmenu input {
  margin-left: 1em;
}

#pun-viewforum .modmenu .container strong {
  float: right;
}
#pun-viewforum .modmenu .container strong a,
#pun-viewforum .postlink .new-topic a,
#pun-viewforum .postlink .new-poll a {
  font-size: 0;
  position: relative;
}
#pun-viewforum .modmenu .container strong a:after {
  content: "\f085";
  left: -30px;
}

#pun-viewforum .postlink .new-topic a:after {
  content: "\f15b";
  left: -37px;
}

#pun-viewforum .postlink .new-poll a:after {
  content: "\f044";
  left: -23px;
}

#pun-viewforum .modmenu .container strong a:after,
#pun-viewforum .postlink .new-poll a:after,
#pun-viewforum .postlink .new-topic a:after {
  position: absolute;
  font-family: "Font Awesome";
  font-size: 18px;
  color: var(--t-body);
  opacity: 0.7;
  transition: opacity 0.3s ease-in-out;
}

#pun-viewforum .modmenu .container strong a:hover:after,
#pun-viewforum .postlink .new-poll a:hover:after,
#pun-viewforum .postlink .new-topic a:hover:after {
  opacity: 0.4;
}

/* КНОПКИ И ФОРМЫ ЗАПОЛНЕНИЯ BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ*/
/* формы заполнения*/
.punbb select,
.punbb option {
  font: 600 10px / 9px var(--body-font);
  text-transform: lowercase;
}

.checkbox {
  width: auto !important;
}
.punbb option {
  background-color: var(--modal);
}

/* КНОПКИ ОТПРАВИТЬ ПОСМОТРЕТЬ
-------------------------------------------------------------*/
input.button,
#post fieldset .hashelp div input,
button {
    color: #CCC;
    padding: 4px 14px;
    margin-right: 6px;
    width: auto;
    height: 22px;
    background: var(--back);
    text-shadow: 0 0 1px BLACK;
    border-radius: 6px;
    cursor: pointer !important;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    text-transform: uppercase;
    font: 700 9px var(--body-font) !important;
}

#post input.button {
}
#post input.button:hover {
}

input[type="checkbox"],
input[type="radio"] {
  box-shadow: none !important;
}

#move_posts_form fieldset {
  margin: 10px;
}

#pun-admain textarea,
#pun-admain input,
#pun-admain select,
#pun-admain optgroup {
  border-bottom-right-radius: 0px;
  font: 700 9px "Raleway";
}

#pun-admain textarea,
#pun-admain .longinput input {
  width: 92% !important;
  padding: 10px !important;
  font-size: 11px !important;
}

#pun-admain fieldset .handle,
#pun-admain fieldset p {
  padding: 6px 0px 15px !important;
  position: relative;
  background-color: transparent !important;
}

#pun-admain .tcr input {
  width: 90% !important;
}

/* при наведении */
input.button:hover,
#post fieldset .hashelp div input:hover {
    background: var(--back) bottom;
}

/* КОДЫ И ЦИТАТЫ
-------------------------------------------------------------*/
/* расположение */
#pun-main table .quote-box,
#pun-main table .code-box {
  margin: 5px 1px 5px;
}
#pun-message #pun-main .info .container {
  margin: 20px 0px;
}

/* бокс под цитаты/код итд */
.scrollbox {
  overflow: auto;
  margin: 0;
  padding: 0;
  height: auto !important;
  max-height: 200px;
}

blockquote {
  margin: 0;
}

/* ЦИТАТЫ BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ
-------------------------------------------------------------*/
/* цитаты, спойлер, выделить код */

.post-content .quote-box,
.post-content .code-box {
    margin: 18px 3px;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    background: var(--forcol);
    border: 1px solid #AAAAAA;
}

.post-content .quote-box blockquote {
  padding: 8px 20px;
}

.post-content .quote-box,
.post-content .code-box,
.pun-modal .modal-inner,
#mask_dialog .inner,
.editBookmark,
#pun-redirect.punbb .info,
#pun-report .inner,
#pun-reputation .inner,
#pun-admin-award-form .inner,
#MyBookmarks {
  font-size: 11px !important;
  font-family: var(--h1-font) !important;
}

#pun-reputation .inner {
  font-family: "Mulish" !important;
}

.post-content .spoiler-box > div:before {
  font-family: "Font Awesome";
  font-size: 14px;
  content: "\2b";
  position: absolute;
  top: 50%;
  left: 25px;
  transform: translateY(-50%);
}

.post-content .spoiler-box > div.visible:before {
  content: "\f00d";
}
.spoiler-box > div table,
.spoiler-box > div table td p {
  margin: 0 !important;
}

/* фон проставления репутации */
.post_reputation {
  background: var(--back-color);
  border-radius: 5px;
  box-shadow: none !important;
  padding: 20px 20px 20px 10px !important;
}

/* написал и выделить код */
.post-content .spoiler-box > div,
.post-content .spoiler-box > div.visible {
    position: relative;
    align-content: center;
    box-sizing: border-box;
    text-transform: uppercase;
    padding: 5px 50px 6px 55px;
    cursor: pointer;
    min-height: 27px;
    background: url(https://forumstatic.ru/files/001c/2f/41/61493.png) -436px 425px;
    font: 600 11px / 15px var(--body-font);
    color: #CACACA;
}

.post-content .spoiler-box > div.visible {
  border-bottom: 1px solid #bbb8af;
}

.code-box strong.legend {
    flex-wrap: wrap;
    align-content: center;
    box-sizing: border-box;
    position: relative;
    z-index: 0;
    display: flex;
    padding: 6px 64px 7px;
    margin-top: 15px;
    width: 350px;
    background: url(https://forumstatic.ru/files/001c/2f/41/61493.png) -436px 425px;
    font: 600 11px / 15px var(--body-font);
    color: #CACACA;
    border: 1px solid #AAAAAA;
    left: -1px;
}

.code-box strong.legend a {
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
  position: relative;
}

.code-box strong.legend a:after {
  position: absolute;
  content: "\f0c5";
  font: 400 13px "Font Awesome";
  left: -21px;
  top: 1px;
  transition: all 0.3s ease-in-out;
}

.code-box strong.legend a:hover,
.code-box strong.legend a:hover:after {
  color: var(--hovlink) !important;
  text-shadow: 1px 1px 0 #000;
}

.code-box .blockcode {
  padding: 5px 20px;
}

.quote-box cite {
    width: 350px;
    min-height: 20px;
    position: relative;
    padding: 7px 50px 7px 30px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    box-sizing: border-box;
    text-transform: uppercase;
    margin-top: 15px;
    background: url(https://forumstatic.ru/files/001c/2f/41/61493.png) -436px 425px;
    font: 600 11px / 15px var(--body-font);
    color: #CACACA;
    border: 1px solid #AAAAAA;
    left: -1px;
}

.quote-box cite .qc-uname {
  margin: 0px 3px;
}

.quote-box cite a.qc-post-link {
  position: relative;
  display: block;
  width: 15px;
  height: 15px;
}

.quote-box cite a.qc-post-link:after {
    position: absolute;
    content: "\f0a9";
    font: 400 10px "Font Awesome";
    left: 2px;
    top: 2px;
    color: #cacaca;
    transition: all 0.3s 
ease-in-out;
}

.quote-box cite a.qc-post-link:hover:after {
  color: var(--hovlink);
}

.quote-box cite .qc-post-link img {
  filter: grayscale(1);
  margin-bottom: 1px;
  position: relative;
  display: none;
}

/* СПОЙЛЕР BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ. ПРОДОЛЖЕНИЕ В НАСТРОЙКАХ */
.post-content .spoiler-box > div:after {
}

.post-content .spoiler-box > div.visible:after {
  transform: rotate(45deg);
}

/* выделить код (скопировать код) */
#pun-main .code-box .scrollbox pre {
  font-family: verdana !important;
}

/* ВЫПАДАЮЩИЕ ОКНА ШРИФТОВ, РАЗМЕРА ТЕКСТА И ТД
-------------------------------------------------------------*/
#color-area,
#table-area,
#keyboard-area {
  width: auto;
}
#keyboard-area {
  text-align: center;
  padding-bottom: 4px;
}
#imageup-area {
  width: 170px;
}
#imageattach-area {
  width: 770px;
  height: 200px;
  padding: 0px !important;
}
#spoiler-area {
  width: 266px;
  left: 38%;
}
#video-area {
  width: 300px;
  left: 45%;
}
#smilies-area {
  width: 670px;
  left: 28%;
}
#image-area {
  width: 450px;
  left: 40%;
}
#color-area * {
  border: 0;
}
#color-area table {
  width: 320px;
  height: 20px;
  padding: 0;
  margin: 0;
}
#table-area table {
  width: auto !important;
  padding: 0;
  margin: 0;
  border-collapse: collapse;
}
#table-area div {
  margin-top: 1em;
  text-align: center;
}
#table-layout {
  margin-right: 0.5em;
}
#table-area td {
  background-color: #fff;
  width: 20px;
  height: 20px;
  border-width: 1px !important;
  border-style: solid !important;
  border-color: #dadada !important;
}
#table-area td.selected {
  background-color: #c8c8ff;
}
#color-area td,
#table-area td {
  margin: 0;
  padding: 0;
  line-height: 0;
}
#color-area td img,
#table-area td img {
  width: 20px;
  height: 20px;
  cursor: pointer !important;
}
#font-area span,
#font-area img,
#size-area span,
#size-area img {
  display: block;
  position: relative;
}
#font-area span,
#font-area img {
  height: 15px;
}
#size-area span,
#size-area img {
  height: 24px;
}
#font-area span,
#size-area span {
  padding: 1px 0;
}
#addition-area div {
  height: 24px;
  vertical-align: middle;
}
#font-area img {
  width: 100%;
  margin-top: -15px;
}
#size-area img {
  width: 100%;
  margin-top: -24px;
}
#keyboard-span {
  text-align: center;
  padding-bottom: 10px;
  width: auto;
}
#keyboard-span input {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 13px;
  color: #666;
  background-color: #fff;
  margin: 1px 1px 0 0;
  border: 1px solid #ddd;
  cursor: pointer;
  height: 25px !important;
  padding: 0 !important;
  min-width: 33px !important;
}
#imageup-area input {
  font-size: 0.8em;
}
#imageup-area p {
  padding: 0;
  margin: 0;
}
#imageup-title {
  margin-bottom: 10px !important;
}
#imageup-submit {
  margin-top: 10px !important;
}

/* настройки оформления */
#font-area,
.popup_graffiti,
#size-area,
#image-area,
#color-area,
#addition-area,
#video-area,
.inner .popup_graffiti,
#table-area,
#keyboard-area,
#video-area-msg,
#smilies-area,
#video-area,
#spoiler-area,
#float,
#meny-styles {
  padding: 15px 10px 10px 10px !important;
  background: var(--body);
  border-radius: 0 0 10px 10px;
  top: 33px;
  color: var(--t-body);
  border: var(--forcol-border);
  margin: 0;
}

#meny-styles {
  left: 64%;
  width: 160px;
}
#meny-styles p {
  transition: color 0.3s ease-in-out;
}
#meny-styles p:hover {
  color: var(--doptext);
}
#size-area {
  width: 50px;
  left: 205px;
}
#video-area-msg {
  display: none;
}
#font-area span,
#font-area img {
  height: 15px;
}

#font-area {
  height: 160px;
  width: 140px;
  overflow-y: auto;
  padding: 10px !important;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  left: 70px;
}
#font-area div {
  -webkit-flex-basis: 12em;
  flex-basis: 12em;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

#tags .container {
  position: absolute;
  z-index: 2;
  right: 50px;
}

#addition-area {
  width: auto !important;
}

#pun-edit #tags .container {
  margin-top: 25px;
}

/* мини аватар на главной
-------------------------------------------------------------*/

.user-avatar {
  height: 40px;
  width: 40px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.user-avatar .avatar-image {
  height: 40px;
  width: 40px;
  opacity: 0.85;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 50%;
  filter: grayscale(0.6) brightness(0.9);
  transition: all 0.3s ease-in-out;
  box-sizing: border-box;
  display: block;
}

#pun-searchtopics .user-avatar .avatar-image {
  display: none;
}

.user-avatar .isonline {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 1px;
  right: 36px;
  animation: blinkColor 0.9s linear infinite;
  -moz-animation: blinkColor 0.9s linear infinite;
  -webkit-animation: blinkColor 0.9s linear infinite;
  background: var(--hovlink);
  z-index: 100;
}

.punbb .user-avatar a {
  padding: 0 !important;
  background: none transparent !important;
}
.punbb .user-avatar a::after {
  content: none !important;
}
.punbb .user-avatar .avatar-image:hover {
  opacity: 1;
}
@keyframes blinkColor {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes blinkColor {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes blinkColor {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}

#pun-viewforum .user-avatar {
  float: left;
  position: relative;
  height: 30px;
  width: 30px;
  margin: 0px 10px 0px -15px;
}

#pun-messages .user-avatar {
  float: left;
  position: relative;
  height: 34px;
  width: 34px;
  margin: 0px 20px 0px 0px;
}

#pun-viewforum .user-avatar .avatar-image,
#pun-messages .user-avatar .avatar-image {
  border: 1px solid !important;
  height: 30px;
  width: 30px !important;
  opacity: 0.85;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  float: left;
  filter: grayscale(0.5);
  border-radius: 50%;
  position: relative;
  top: 50%;
}

#pun-messages .user-avatar .isonline {
  top: -4px;
  right: 29px;
}
#pun-viewforum .user-avatar .isonline {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 13px !important;
  right: 27px !important;
  animation: blinkColor 0.9s linear infinite;
  -moz-animation: blinkColor 0.9s linear infinite;
  -webkit-animation: blinkColor 0.9s linear infinite;
  background: var(--hovlink);
  z-index: 100;
}

/* СТРАНИЦА ЛИЧНЫХ СООБЩЕНИЙ
-------------------------------------------------------------*/
#pun-messages .post h3 {
    width: calc(100% - 270px);
    margin-top: 20px;
    background: var(--forcol);
    background-size: contain;
    border-radius: 4px;
    height: 20px;
    margin-left: 264px;
    box-shadow: none;
}

#pun-messages .post h3 span {
  display: flex;
  justify-content: space-between;
  flex-flow: row-reverse;
  text-transform: uppercase;
  font-size: 9px;
  position: absolute;
  top: 25%;
  text-shadow: none;
}

#pun-messages .post .pa-posts .fld-name {
  text-shadow: none;
}

#pun-messages #messages .fs-box {
  padding: 0 20px;
}
#pun-messages .post-author ul {
}
#pun-messages .pa-author a {
  text-shadow: none !important;
}
#pun-messages .pa-author {
  text-shadow: none !important;
  margin: 25px 0px 10px;
}
#pun-messages .pa-title {
}

#pun-messages .pa-posts {
}

#pun-messages .pa-posts {
}
#pun-messages .post-body {
  margin-left: 270px;
  margin-right: 10px;
  width: auto !important;
}

#pun-messages .post .container {
  border: none !important;
}
#pun-messages #post-form {
  margin-top: 0px !important;
  border: none !important;
}

#pun-messages .indOnline,
#pun-messages .indOffline,
#pun-messages .pa-reg {
  display: none;
}

.pmtc22 {
  width: 20% !important;
  line-height: 30px;
}

.pmtcl1 {
  width: 50% !important;
}

/* ПРОКРУТКА, ВЫДЕЛЕНИЕ, ВВЕРХ-ВНИЗ, БЕГУНОК УВЕЛИЧЕНИЯ ТЕКСТА 
-------------------------------------------------------------*/
/* выделенный текст */
::selection {
  background: var(--hovlink);
  color: #bebab8;
}

/* ширина прокрутки  */
::-webkit-scrollbar {
  width: 1.5px;
  height: 1px;
}

#pun-admain textarea::-webkit-scrollbar {
  width: 5px !important;
}

/* движущаяся часть прокрутки */
::-webkit-scrollbar-thumb {
  background-color: var(--head-text);
}

.blockcode .scrollbox::-webkit-scrollbar-thumb,
#main-reply::-webkit-scrollbar-thumb,
#tags .container::-webkit-scrollbar-thumb,
#imageQueue::-webkit-scrollbar-thumb,
#uploaded-images::-webkit-scrollbar-thumb,
#mask_dialog .hv-form-block::-webkit-scrollbar-thumb,
.punbb #mask_dialog .hv-preview-block::-webkit-scrollbar-thumb,
.hv-masks-storage::-webkit-scrollbar-thumb,
#form-login #List-UserNames ul::-webkit-scrollbar-thumb,
.pun-modal .container::-webkit-scrollbar-thumb,
.unread-notifications #notifications-wrap::-webkit-scrollbar-thumb,
#history_selected_version textarea::-webkit-scrollbar-thumb,
.adinput textarea::-webkit-scrollbar-thumb,
#post #wrapper div::-webkit-scrollbar-thumb,
#post #wrapperBottom div::-webkit-scrollbar-thumb,
.hvStickerPackModalContent::-webkit-scrollbar-thumb,
.materielbag::-webkit-scrollbar-thumb {
  background: var(--t-body) !important;
}

/* подложка прокрутки */
::-webkit-scrollbar-track {
  background-color: black;
}

.blockcode .scrollbox::-webkit-scrollbar-track,
#main-reply::-webkit-scrollbar-track,
#tags .container::-webkit-scrollbar-track,
#imageQueue::-webkit-scrollbar-track,
#uploaded-images::-webkit-scrollbar-track,
#mask_dialog .hv-form-block::-webkit-scrollbar-track,
.punbb #mask_dialog .hv-preview-block::-webkit-scrollbar-track,
.hv-masks-storage::-webkit-scrollbar-track,
#form-login #List-UserNames ul::-webkit-scrollbar-track,
.pun-modal .container::-webkit-scrollbar-track,
.unread-notifications #notifications-wrap::-webkit-scrollbar-track,
#history_selected_version textarea::-webkit-scrollbar-track,
.adinput textarea::-webkit-scrollbar-track,
#post #wrapper div::-webkit-scrollbar-track,
#post #wrapperBottom div::-webkit-scrollbar-track,
.hvStickerPackModalContent::-webkit-scrollbar-track,
.Select_Topics tbody::-webkit-scrollbar-track,
.materielbag::-webkit-scrollbar-track {
  background-color: #6c6c6c30 !important;
}

/* ПРОФИЛЬ ПРИ НАСТРОЙКЕ + ЛИЧНЫЕ СООБЩЕНИЯ
-------------------------------------------------------------*/
#profilenav h2 {
}

/* контейнер */
#profile .container {
  padding-left: 210px;
  padding-top: 70px;
}
#pun-messages #profile .container {
  padding: 0;
  margin: 0 auto 20px;
}

/* навигация */
#profilenav {
  float: left;
  width: 175px;
  margin-left: -200px;
}
#pun-messages #profilenav {
  margin-left: 0px;
}

/* отступы между строк в меню*/
#profilenav li {
  padding-bottom: 10px;
  font-weight: normal;
}

/* отступ в управлении  */
#setmods dl {
  padding: 0 0 0 110px;
}
#setmods dt {
  float: left;
  width: 150px;
  margin-left: -190px;
  padding: 10px;
  display: inline;
}
#setmods dd {
  display: block;
  padding: 10px;
  font-weight: normal;
}

/*настройки списка */
#profilenav ul {
  padding: 0px;
}

/* заголовки  в настройках профиля (у меня отключены) */
#viewprofile h2,
#profilenav h2 {
  text-align: left;
  margin: 0px !important;
}
#viewprofile h2 span,
#profilenav h2 span {
  font-size: 15px;
  text-align: center;
  text-transform: uppercase;
}

/* ПРОФИЛЬ в ПРЕДПРОСМОТРЕ
-------------------------------------------------------------*/
#viewprofile ul {
  padding: 0px;
}
#viewprofile li {
}
#viewprofile li span {
  font-weight: 800;
  text-align: center;
  margin-bottom: 5px;
  text-shadow: 0.5px 0 0px #2c2b2a;
  color: #a09e95;
line-height: 11px;
}

#viewprofile #pa-fld2 span,
#viewprofile #pa-fld1 span,
#viewprofile #pa-fld5 span {
  display: none;
}

#viewprofile li strong,
#viewprofile li div {
  display: block;
  font-weight: normal;
  text-align: center;
}
#profile-name strong {
  font-size: 14px;
}
#profile-left strong {
}
#profile-signature {
  padding: 10px;
}
#viewprofile > .container tbody {
  display: flex;
}

#viewprofile .lzname,
#viewprofile .lztext {
  background: transparent;
  text-align: left;
  width: auto;
  border: none;
  outline: none;
  margin: 0 !important;
  padding: 0px !important;
  padding-bottom: 2px !important;
  text-shadow: none;
  font-weight: bolder !important;
}

/* ОСНОВНЫЕ НАСТРОЙКИ. НЕ ТРЕБУЮТ ИЗМЕНЕНИЙ
-------------------------------------------------------------*/
* html .tclcon {
  height: 1px;
}
/* html:has(+ :not(.day)) { min-width: 1200px; }

body {min-width: 1200px;} */

/* отключить прокрутку снизу */
body {
  overflow-x: hidden;
}

/* отступы по умолчанию у тела */

/* элементы списка */
ul,
dl,
li,
dd,
dt {
  list-style: none;
}

/* убрать курсив с текста везде кроме поста */
address,
em {
  font-style: normal;
}

/* убрать подчеркивание с ссылок */
a {
  text-decoration: none;
}

/* скрытые элементы */
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after,
#pun-title h1 span,
#pun-main h1,
#pun-debug h2 {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow: hidden;
  line-height: 0;
  font-size: 0;
}

#button-files_rusff,
#button-graffiti_rusff {
  display: none !important;
}
#post fieldset legend {
  display: none !important;
}
.punbb-admin #pun-status {
  display: none !important;
}

.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,
#navawards a span {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0;
  position: absolute;
  left: -9999px;
  overflow: hidden;
}
#pun-ulinks .item5,
.modlist,
li.pa-ua,
.pa-author imgб li#navawards,
.lastedit,
.pa-gifts,
div#pun-live-rusff {
  display: none;
}

/* информация при регистрации */
.info-box {
  padding: 0 0px;
  margin: 0 0 20px 0;
}

.info-box * {
  padding: 0;
}
#pun-main .info-box .legend {
  font-weight: bold;
}

/* СКОПИРОВАНО ИЗ ЭКСТРЫ
-------------------------------------------------------------*/
#poll-special table.poll1 {
  width: auto;
}
#poll-special td {
  border: 0;
}
.punbb .post-content img.postimg {
  max-width: 100%;
  margin: 0.4em 0;
}
#poll-special td {
  text-align: left !important;
  cursor: default !important;
}
#poll-special td.tac {
  text-align: center !important;
}
#poll-special td.tar {
  text-align: right !important;
}
#form-buttons table,
.punbb .formal textarea {
  width: 100%;
}
#form-buttons td {
  padding: 0 !important;
  line-height: 0;
  background-position: center;
  background-repeat: no-repeat;
  border: 0;
  cursor: pointer;
}
#form-buttons tr {
  text-align: center;
}
#form-buttons td img {
  height: 26px;
  width: 100%;
}
#formkey,
#formetc {
  display: none;
}
#main-reply {
  width: 100%;
}
#pun-messages #post-form div.container {
  padding-left: 2.3em;
}
#similar-topics {
  margin-top: 1em;
}
#similar-topics div.container {
  padding-top: 1.1em;
}
#similar-topics td {
  border: 0;
  padding: 0;
}
#similar-topics td.st-tcl {
  width: 60%;
}
#similar-topics td.st-tc2 {
  width: 25%;
  padding-right: 1em;
  text-align: right;
}
#similar-topics td.st-tcr {
  width: 15%;
  padding-right: 1em;
  text-align: right;
}
.postlink.long {
  width: 30em;
}
.postlink.long .new-topic {
  padding-right: 12px;
}
#pun-online .tcl.action {
  width: 35%;
}
#pun-online .tc3 {
  width: 10%;
}
#pun-index .isub .tcl {
  padding-left: 3em !important;
}
#pun-main #subforums {
  padding: 1em 0 1em 1em;
  margin-bottom: 5px;
}

/** подгрузка видео и картинок 
---------------------------------------------------------------*/
#video-host-list {
  margin-top: 0.3em;
  line-height: 1.8em;
}
#video-area-tinp,
#image-area-tinp {
  margin: 0.5em 0;
  padding: 0.3em;
  width: 100% !important;
}
#video-area-msg,
#image-source-list,
#image-area-actions,
#spoiler-sels {
  line-height: 2em;
}
p[class="checkfield"] img,
div[class="checkfield"] img,
fieldset[class="radiofield"] img {
  height: auto;
  max-height: 50px;
}
#image-area-tcon-computer {
  margin: 0 0 1em;
}
#image-area-tcon-computer td {
  border: none !important;
  padding: 0;
}
#imageupload-left {
  width: 140px;
}
#imageupload-right {
  padding-left: 9px !important;
  background: transparent !important;
  max-width: 380px;
}
#image-area-actions {
  text-align: right;
}
* html #imageQueue {
  height: expression(this.scrollHeight > 65 ? "66px": "auto");
} /* sets max-height for IE */
* html #uploaded-images {
  height: expression(this.scrollHeight > 143 ? "144px": "auto");
}
#imageQueue {
  max-height: 72px;
  overflow-y: auto;
  margin-bottom: 10px;
}
#uploaded-images {
  max-height: 144px;
  overflow-y: auto;
}
#uploaded-images img {
  width: 88px;
  height: 66px;
  border: 1px solid;
  margin-right: 4px;
  cursor: pointer;
}
#upload-button-container,
#image-width,
#image-thumb-width,
#image-insert-format,
#insert-all-images-container {
  margin-top: 10px;
}
#image-source-list a,
#image-area-actions a,
#spoiler-sels a {
  margin-right: 15px;
  cursor: pointer;
}
#insert-image-tip {
  margin-top: 10px;
}
#upload-button-container img {
  cursor: pointer;
  width: 120px;
  height: 30px;
}
#image_upload_input {
  position: absolute;
  z-index: -1;
  left: -9999px;
}
#selected-image-width,
#selected-thumb-width {
  width: 6em;
}
#imageupload-left input[type="button"] {
  width: 11em;
  text-align: center;
}
#upload-button-container input[type="button"] {
  font-weight: bold;
}
#image-width,
#image-thumb-width,
#image-insert-format strong {
  font-size: 0.9em;
}
.uploadQueueItem {
  padding: 0.8em 1em;
  border: solid 1px #ddd;
  border-radius: 5px;
  margin-bottom: 0.5em;
  background: rgba(238, 238, 238, 0.22);
}
.uploadQueueItem.error {
  border-color: rgba(255, 0, 0, 0.25);
  background-color: rgba(255, 0, 0, 0.08);
}
.uploadQueueItem .cancel {
  font-size: 20px;
  font-weight: 700;
  font-family: Arial;
  float: right;
  margin: -0.25em 0 0;
}
.uploadQueueItem .cancel a {
  text-decoration: none;
  color: #333 !important;
}
.uploadProgress {
  display: block;
  width: 98%;
  height: 3px;
  margin: 2px 0 0;
  background: #ddd;
  position: relative;
}
.uploadProgressBar {
  position: relative;
  background: #00adff;
  height: 3px;
  width: 0.1%;
  transition: width 0.1s linear;
}

/** подсказки и затемнение фона при всплывающих страницах 
---------------------------------------------------------------*/
.tipsy {
  padding: 5px;
  font-size: 11px;
  font-family: tahoma, helvetica, verdana, arial;
  position: absolute;
  z-index: 100000;
  opacity: 1 !important;
  width: 200px !important;
}
.tipsy-inner {
  padding: 5px 8px 4px;
  background-color: black;
  color: white;
  min-width: 200px !important;
  text-align: center;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  position: absolute !important;
  top: -300px !important;
  opacity: 1 !important;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  z-index: 999999 !important;
}
.tipsy-arrow {
  display: none;
}
.tipsy-n .tipsy-arrow {
  display: none;
}
.tipsy-nw .tipsy-arrow {
  display: none;
}
.tipsy-ne .tipsy-arrow {
  display: none;
}
.tipsy-s .tipsy-arrow {
  display: none;
}
.tipsy-sw .tipsy-arrow {
  display: none;
}
.tipsy-se .tipsy-arrow {
  display: none;
}
.tipsy-e .tipsy-arrow {
  display: none;
}
.tipsy-w .tipsy-arrow {
  display: none;
}

.jGrowl {
  z-index: 9999;
  color: #fff;
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: fixed;
}
.jGrowl.top-left {
  left: 0;
  top: 0;
}
.jGrowl.top-right {
  right: 0;
  top: 0;
}
.jGrowl.bottom-left {
  left: 0;
  bottom: 0;
}
.jGrowl.bottom-right {
  right: 0;
  bottom: 0;
}
.jGrowl.center {
  top: 0;
  width: 50%;
  left: 25%;
}
.jGrowl.center .jGrowl-closer,
.jGrowl.center .jGrowl-notification {
  margin-left: auto;
  margin-right: auto;
}
.jGrowl-notification {
  background-color: #000;
  opacity: 0.9;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
  zoom: 1;
  width: 250px;
  padding: 10px;
  margin: 10px;
  text-align: left;
  display: none;
  border-radius: 5px;
  min-height: 40px;
}
.jGrowl-notification .ui-state-highlight,
.jGrowl-notification .ui-widget-content .ui-state-highlight,
.jGrowl-notification .ui-widget-header .ui-state-highlight {
  border: 1px solid #000;
  background: #000;
  color: #fff;
}
.jGrowl-notification .jGrowl-header {
  font-weight: 700;
  font-size: 0.85em;
}
.jGrowl-notification .jGrowl-close {
  background-color: transparent;
  color: inherit;
  border: none;
  z-index: 99;
  float: right;
  font-weight: 700;
  font-size: 1em;
  cursor: pointer;
}
.jGrowl-closer {
  background-color: #000;
  opacity: 0.9;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
  zoom: 1;
  width: 250px;
  padding: 10px;
  margin: 10px;
  display: none;
  border-radius: 5px;
  padding-top: 4px;
  padding-bottom: 4px;
  cursor: pointer;
  font-size: 0.9em;
  font-weight: 700;
  text-align: center;
}
.jGrowl-closer .ui-state-highlight,
.jGrowl-closer .ui-widget-content .ui-state-highlight,
.jGrowl-closer .ui-widget-header .ui-state-highlight {
  border: 1px solid #000;
  background: #000;
  color: #fff;
}
@media print {
  .jGrowl {
    display: none;
  }
}
.pun-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 100000;
}
.pun-modal .modal-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  z-index: 110000;
}
.pun-modal .modal-inner {
  width: 700px;
  max-width: 94%;
  height: auto;
  max-height: 44em;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  border-radius: 5px;
  box-shadow: 0 0 14px rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 120000;
  overflow: hidden;
}
.pun-modal h2,
.pun-modal h1 {
  max-width: 700px;
  margin: 0 !important;
  background-color: #b4ad9c;
}
.pun-modal .container {
  padding: 0.6em 1em;
  max-height: 40em;
  overflow: auto;
}
.pun-modal .closer {
  position: absolute;
  font-size: 1.5em !important;
  line-height: 0.8em;
  right: 0.4em;
  padding: 0.3em !important;
  margin: -0.3em !important;
  cursor: pointer;
  background: none 0 transparent !important;
}
.noscroll {
  overflow: hidden !important;
}

.notify-message.jg-notice,
.notify-message.jg-reputation,
.notify-message.jg-report,
.notify-message.jg-award {
  border-left: 12px solid transparent !important;
}

.jGrowl-notification .jGrowl-header,
.jGrowl-notification .jGrowl-message {
  font-weight: 600 !important;
  color: var(--doptext) !important;
  font-family: "Mulish" !important;
}

.jGrowl-notification .jGrowl-header a,
.jGrowl-notification .jGrowl-message a {
  font-weight: 700 !important;
  font-family: "Mulish" !important;
}

.jGrowl-notification .jGrowl-message a {
  color: var(--doptext) !important;
}

.jGrowl-notification .jGrowl-close {
  border: none !important;
  color: var(--doptext);
  padding: 2px 8px !important;
  font-size: 12px !important;
}

.flag-i {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
  margin-right: 1em;
}

.flag-i:before {
  content: "\00a0";
}

.social {
  background-image: url(/i/social.1.png);
  background-repeat: no-repeat;
  float: left;
  display: block;
  margin: 3px 5px;
  width: 16px;
  height: 16px;
}
.social-vkontakte {
  background-position: -130px 0;
}
.social-odnoklassniki {
  background-position: -78px 0;
}
.social-mailru {
  background-position: -52px 0;
}
.social-google {
  background-position: -26px 0;
}
.social-yandex {
  background-position: -156px 0;
}

.icons-pencil:before {
  content: "\270E";
} /* '' */

.hide-author .post-body {
  margin-left: 0px;
  margin-right: 0px;
  position: relative !important;
  padding: 10px 21px;
  box-sizing: border-box;
}

.hide-author .post-content {
  overflow: visible;
}

/*Регулировка размера шрифта в постах © Alex_63 */

.FNTslider {
    border-radius: 4px;
    position: absolute;
    z-index: 1000;
    background: #d1d0d0;
    width: 109px;
    height: 2px;
    margin: 4px 5px;
    border: solid 1px #d1d0d0;
    float: right;
    margin-right: 10%;
}

#pun-messages .FNTslider {
  margin-right: 20%;
}

.FNTslider .before {
    height: 2px;
    border: solid 1px transparent;
    border-right: none 0;
    border-radius: 4px 0 0 4px;
    position: absolute;
    background: var(--hovlink);
    margin-top: -1px;
    margin-left: -1px;
}

.FNTslider .thumb {
    width: 5px;
    height: 11px;
    border-radius: 3px;
    position: relative;
    top: -4.5px;
    background: var(--hovlink);
    cursor: pointer;
}pointer;
}

/* Подсказки */

#tooltip,
.tipsy-inner,
#unitip {
  z-index: 999999;
  padding: 6px;
  letter-spacing: 0.5px;
  border-radius: 5px;
  font: 700 10px var(--body-font);
  text-transform: lowercase;
}

#tooltip,
.tipsy-inner,
#respect figure .prof,
.tipsy-inner a,
#unitip {
  color: var(--t_color) !important;
  text-decoration: none !important;
  text-align: center;
  font: 700 9px var(--body-font);
  padding: 6px;
}

#tooltip,
#unitip {
  position: absolute;
  max-width: 200px;
  display: none;
}

#tooltip,
.tipsy-inner,
.num_msg,
.bubble,
.jGrowl-notification,
.jGrowl .messag_theme,
#messages-list a.Author,
#unitip {
  z-index: 50;
      background: #222!important;
}

.tipsy .post-rating p,
.jGrowl .post-rating p,
.tooltipsy .post-rating p,
.tipsy-inner .post-rating p {
  left: -200px !important;
  margin-top: -300px !important;
}

.jGrowl .messag_theme {
  font-size: 10px !important;
  background: rgba(0, 0, 0, 0.75);
  padding: 0px 0 3px !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  font-family: Tahoma;
  width: 277px !important;
  min-height: 0 !important;
  opacity: 1 !important;
}

.jGrowl .messag_theme h2 {
  color: var(--proftext) !important;
}
.messag_theme .jGrowl-close {
  font-size: 15px !important;
  margin-top: 3px !important;
  margin-right: 2px !important;
}

/*************************************************************

ЛИЧНАЯ СТРАНИЧКА

**************************************************************/

.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #00000033;
  backdrop-filter: blur(25px);
  z-index: 100;
  display: none;
  top: 0;
  left: 0;
    z-index: 9999;
}

.reveal-modal {
  visibility: hidden;
  top: -160px;
  left: 50%;
  width: 900px;
  position: absolute;
  z-index: 101;
  padding: 1px 1px 1px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  -box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.reveal-modal.xlarge {
  width: 900px;
}

.reveal-modal .close-reveal-modal {
    font-size: 30px;
    line-height: 0.5;
    position: absolute;
    top: -17px;
    right: -13px;
    color: #242523cc;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    transition: color 0.3s ease-in-out !important;
}

#character {
    opacity: 1;
    z-index: 99999;
    position: fixed;
    top: 50% !important;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: none;
    background: transparent !important;
}

.modal_wrap {
    width: 850px;
    height: 464px;
    margin: 0 auto;
    background: var(--header) no-repeat center -117px;
    background-color: #C0C0C0;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 66px 43px 50px;
    gap: 0 20px;
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0px 0px 5px 0px #0000001a;
    justify-content: center;
}

.modal_wrap > div {
    display: flex;
    position: relative;
    border-radius: 10px;
    flex-wrap: wrap;
    box-sizing: border-box;
    background: #CBCBCB;
    border: 1px solid #AAAAAA;
}

.l_prof {
    width: 230px;
    height: 350px;
    padding: 50px 25px;
    display: block!important;
}

.l_prof h3 {
    margin: 0;
    font: 700 15px var(--fancy-font);
    text-transform: uppercase;
}

.l_aff {
    display: flex;
    width: 100%;
    gap: 5px;
    margin: 20px 0;
    position: relative;
}

.l_aff:after,
.l_aff:before {
  content: '';
  position: absolute;
  background: linear-gradient(90deg, #C3C3C3 0%, #AAAAAA 50%, #CBCBCB 100%);
  height: 1px;
  width: 180px;
}

.l_aff:after {top: -10px;}
.l_aff:before {bottom: -10px;}

.l_aff p,
.l_aff span {
    min-width: 30px;
    min-height: 30px;
    background: var(--forcol);
    border-radius: 5px;
    border: 1px solid #AAAAAA;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}

.l_active {
    background: var(--t-body)!important;
    color: #c1c1c1;
}

.l_prof .hog:after { content: '\f72b' }
.l_prof .mm:after { content: '\f002' }
.l_prof .order:after { content: '\f7e4' }
.l_prof .de:after { content: '\f54c' }

.l_aff p:after {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   font: 15px 'Font Awesome';
}

.l_prof > p {
    margin: 0;
    font: 500 10px / 13px var(--body-font);
}


/* ------------вкладки---------------*/

#lstabs>input[type="radio"] { display: none; }
#lstabs>input[type="radio"]:checked+label {
    background: #CBCBCB;
    border: 1px solid #C5C5C5;
    border-bottom: none;
}

#lstabs>label {
    width: 90px;
    height: 22px;
    color: #313131;
    font: 500 9px var(--body-font);
    border-radius: 10px 10px 0 0;
    cursor: pointer;
    background: #B4B4B4;
    border: 1px solid #C5C5C5;
    position: absolute;
    top: -23px;
    display: flex;
    border-bottom: none;
    justify-content: center;
    align-items: center;
    transition: background .3s ease-in-out;
}

#lstabs>label:hover {
    background: #CBCBCB;
    border: 1px solid #C5C5C5;
    border-bottom: none;
}

label[for="lstab1"] { left: 78px; }
label[for="lstab2"] { left: 162px; }
label[for="lstab3"] { left: 247px; }
label[for="lstab4"] { left: 332px; }

#lstabs {
    width: 500px;
    height: 350px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

#lstabs > div {
    display: none;
    flex-wrap: wrap;
    box-sizing: border-box;
    overflow: auto;
    align-content: baseline;
    justify-content: center;
}

#lstabs > div::-webkit-scrollbar-track,
#decor > div::-webkit-scrollbar-track {
   background-color: #1e191947 !important;
}

#lstab1:checked~#feats, #lstab2:checked~#decor,
#lstab3:checked~#gifts, #lstab4:checked~#coupons  {  display: flex; }

#feats {
    width: 386px;
    height: 250px;
    gap: 5px;
}

#gifts {
    width: 343px;
    height: 250px;
    gap: 5px;
}

#feats img,
#gifts img,
.decor_tops img {
    object-fit: cover;
    border: 1px solid #AAAAAA;
    border-radius: 5px;
    flex-shrink: 0;
}

#feats img {
    width: 90px;
    height: 90px;
}

#gifts img {
    width: 40px;
    height: 40px;
}

.decor_tops img {
    width: 150px;
    height: 84px;
}

#decor {
    height: 290px;
    width: 460px;
    gap: 8px;
}

#decor > div {
    flex-wrap: wrap;
    display: flex;
    gap: 5px;
    background: var(--forcol);
    border: 1px solid #AAAAAA;
    box-sizing: border-box;
    padding: 20px 17px;
    overflow: auto;
    margin-top: 20px;
    position: relative;
    height: 270px;
}
.decor_tops {  width: 190px;}
.decor_bottoms { width: 260px; }

#decor h4 {
    width: 150px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    background: #CBCBCB;
    border: 1px solid #AAAAAA;
    border-radius: 5px;
    z-index: 1;
    left: 40px;
    position: absolute;
    margin: 0;
    font: 700 10px var(--fancy-font);
}

#decor h4:last-of-type { left: 270px; }

#coupons {
    width: 458px;
    height: 300px;
    gap: 5px 10px;
    padding-right: 5px;
}

#coupons > div {
    background: url(https://forumstatic.ru/files/001c/2f/41/92847.svg) no-repeat;
    width: 220px;
    height: 70px;
    display: flex;
    padding: 18px 22px 20px 18px;
    box-sizing: border-box;
    justify-content: space-between;
}

#coupons > div * {
    margin: 0;
    display: flex;
    align-items: center;
}

#coupons p {
    width: 15px;
    font: 700 12px var(--fancy-font);
}

#coupons span {
    width: 130px;
    font: 500 10px var(--body-font);
}

/* ---------------- конец личной странички --------------*/

.jGrowl-notification {
  transform: unset !important;
}
.jGrowl-notification,
.jGrowl-closer,
.notification-spoiler {
}
.jGrowl-notification .jGrowl-header,
.jGrowl-notification .jGrowl-message {
  color: var(--body-color) !important;
  text-shadow: 0 0 1px #000 !important;
}


/*ЧАСТЬ 3. CSS-стили кастомизированного плеера*/
.player-wrapper {
    background: none;
    width: 0px;
    height: 40px;
    position: absolute;
    top: -16px;
    z-index: 1;
    left: 295px;
}

.pa-fld1 .player-wrapper { 
    top: 72px;
    right: 105%;
}

.play-pause.paused:before {
    content: "\f04b";
    position: absolute;
    font-size: 16px;
    font-family: Font Awesome;
    color: var(--t_color);
    top: 50%;
    left: 54%;
    transform: translateX(-50%) translateY(-50%);
}

.play-pause {
    padding: 0 !important;
    box-shadow: none !important;
    background: #222 !important;
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50% !important;
    padding: 0;
    border: none !important;
    box-shadow: none !important;
}

.play-pause:after {
    content: "";
    position: absolute;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    left: -5px;
    top: -5px;
    z-index: -1;
    transform: rotate(180deg);
    background: var(--t_back);
    border-radius: 50px;
}

.post-content .play-pause  { top: -10px; }

.post-content .play-pause:after {
    content: "";
    position: absolute;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    left: -6px;
    top: -6px;
    z-index: -1;
    border-radius: 50px;
    background: #c0c0c0;
    border: 1px solid #AAAAAA;
}

.play-pause:before {
    content: "\f04c";
    position: absolute;
    font-size: 16px;
    font-family: Font Awesome;
    color: var(--t_color);
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.track, .volume{height: 100%; background: linear-gradient(0deg, transparent 0, transparent 50%, black 50%, transparent calc(50% + 1px), transparent); display: inline-block; margin-left: 10px; position: relative;}
.track {
    width: calc(80% - 60px);
}
.volume {
    width: 20%;
}
.thumb {
    height: 0px;
}

/* мелодия в профиле */

audio::-webkit-media-controls-panel {
  background: #3dbfda;
}
audio::-webkit-media-controls-play-button {
  color: #fff;
}


audio::-webkit-media-controls-mute-button,
audio::-webkit-media-controls-timeline-container,
audio::-webkit-media-controls-current-time-display,
audio::-webkit-media-controls-time-remaining-display,
audio::-webkit-media-controls-timeline,
audio::-webkit-media-controls-volume-slider-container,
audio::-webkit-media-controls-volume-slider,
audio::-webkit-media-controls-seek-back-button,
audio::-webkit-media-controls-seek-forward-button,
audio::-webkit-media-controls-fullscreen-button,
audio::-webkit-media-controls-rewind-button,
audio::-webkit-media-controls-return-to-realtime-button,
audio::-webkit-media-controls-toggle-closed-captions-button {
  display: none!important;
}




.newtext { 
    width: 45px;
    display: inline-block; 
}
.newtext .bracket { display: none; }
.newtext a { font-size: 0px; position: relative; }
.newtext a:after {
    position: absolute;
    content: '[ new ]';
    font-size: 12px;
    width: 50px;
    font-weight: 700;
    left: -2px;
   color: var(--hovlink);
}

/* ---------------- СТИЛИЗАЦИЯ АДМИНКИ -------------------*/

.punbb-admin {
  position: relative;
  padding: 30px 40px 20px;
  font-family: "Raleway";
}

.punbb-admin .submitend input,
.punbb-admin .submittop input,
.punbb-admin  input[type="submit"] {
    background: url(https://forumstatic.ru/files/001c/2f/41/61493.png);
}

.adformal h2,
#pun-adnav h2 {
  font-family: "Mulish";
  text-transform: uppercase;
  text-align: center;
  color: #302f2c !important;
  background-color: var(--forcol) !important;
  background: rgba(0, 0, 0, 0.05);
  box-shadow: 0px 1px 0px #878e96 !important;
  border-radius: 6px;
  border: none !important;
}

#adnav-standard ul li {
  text-align: center;
  text-transform: none;
  padding: 4px 0;
  margin: 5px 5px;
  background: rgba(0, 0, 0, 0.05);
  box-shadow: 0px 1px 0px #878e96;
  border-radius: 6px;
}

#adnav-standard ul li ul li {
  margin: 5px;
}

#pun-adnav a,
#adnav-standard ul li a {
  transition: all 0.3s ease-in-out;
}
#pun-adnav a:hover,
#adnav-standard ul li a:hover {
  color: var(--hovlink) !important;
}

#adnav-standard > ul {
  display: flex !important;
  flex-direction: column !important;
}

#adnav-standard ul .item1 {
  order: -5;
}

#adnav-standard ul .item6 {
  order: -4;
}

#adnav-standard ul .item-forms {
  order: -3;
  position: relative;
}

#adnav-standard ul .item-forms sup {
  display: none;
}

#adnav-standard ul .item15 {
  order: -2;
  position: relative;
}

#adnav-standard ul .item20 {
  order: -1;
}

#adnav-standard ul .item15:after,
#adnav-standard ul .item-forms:after {
  content: "\f02e";
  font-family: Font Awesome;
  position: absolute;
  font-size: 11px;
  left: 4px;
  top: 0;
  color: var(--hovlink);
}

#adnav-standard ul li::marker {
  color: transparent !important;
  font-size: 0 !important;
}

.adcontainer {
  border-style: unset !important;
}

.adminmain {
  padding-left: 155px;
  margin-bottom: 6px;
  margin-top: 70px;
}

#pun-admain legend span {
  padding: 4px 9px !important;
  margin: 0 0 0 -15px;
  background: var(--backcol) !important;
  border-radius: 5px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  border: var(--bordin) !important;
  box-shadow: 0 0 3px 0.2px #00000017 !important;
}

#pun-admain fieldset {
  border-color: var(--forcol) !important;
}

.adformal {
  border-style: none !important;
}

#pun-admain fieldset .handle,
#pun-admain fieldset p {
  border-color: var(--forcol) !important;
  border-radius: 5px !important;
}

#pun-admain span[class="adinput"] input,
#pun-admain span[class="adinput"] label {
  max-width: 94% !important;
}

.punbb #pun-admain p.contains-textarea {
  border-left-width: 0px !important;
  border-left-style: none !important;
  background-color: transparent !important;
}

/* Контейнер */
.theme-toggle {
    width: 50px;
    height: 30px;
    cursor: pointer;
    position: absolute;
    top: -315px;
    z-index: 99;
    left: 95px;
}

.theme-toggle:after {
    content: '';
    position: absolute;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    background: var(--t_back);
    border-radius: 50px;
    left: -5px;
    top: -5px;
    z-index: -1;
    transform: rotate(180deg);
}

/* Скрываем input */
.theme-toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* Ползунок */
.slider {
  position: absolute;
  inset: 0;
    border-radius: 50px;
  transition: all 0.3s ease-in-out;
  background: #222222; 
}

.slider:before {
  content: "";
  position: absolute;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  transition: all .3s ease-in-out;
  top: 8px;
}

.dark .slider:before {
  left: 8px;
  background: #6E7668;
}

.light .slider:before {
  right: 8px;
  background: #7D6B59;
}


.adcontainer { background: var(--body)!important; }
#showsetsadvert { box-shadow: 0px 0px 4px 0 #0000005e; }

.snow-container { z-index:100!important; }

.g hr { margin: 8px 0 20px !important; }

.custom_tag_hd p {
    margin: 0 0 15px !important;
    text-align: center;
       font: 400 25px / 100% var(--fancy-font) !important;
    text-transform: uppercase;
    color: #A8A8A8;
    text-shadow: 1px 1px 0px #000;
}

.hideprofile .custom_tag_hd p  {
    margin: 0 0 20px !important;
    text-align: center;
    font: 400 30px / 100% var(--fancy-font) !important;
}

.custom_tag_themeInfo {
    box-sizing: border-box;
    border: 1px solid #AAAAAA;
    display: flex;
    flex-direction: column;
    position: relative;
    border-radius: 10px;
    background: #CBCBCB;
    padding: 30px 52px 30px;
}

.hideprofile .custom_tag_themeInfo {
    background: url(https://forumstatic.ru/files/001c/2f/41/11941.png) bottom no-repeat;
    background-color: #CBCBCB;
    padding: 30px 50px 90px;
    border-radius: 0 0 10px 10px;
}

.g .custom_tag_themeInfo { background: var(--guest_bottom) bottom no-repeat; background-color: #CBCBCB; }

.custom_tag_themePara {
    background: var(--forcol);
    border: 1px solid #AAAAAA;
    padding: 10px 30px;
    box-sizing: border-box;
    border-radius: 0 0 5px 5px;
    margin-bottom: 20px;
    position: relative;
}

.custom_tag_themePara:has(.custom_tag_tH) { margin-top: 30px; }

.custom_tag_tH {
    position: absolute;
    top: -28px;
    width: calc(100% + 2px);
    left: -1px;
    height: 30px;
    padding: 6px;
    box-sizing: border-box;
    border-radius: 10px 10px 0 0;
    background: #222222;
    display: flex;
    justify-content: center;
    align-items: center;
}

.g .custom_tag_tH {  background: var(--header); }

.custom_tag_tH p {
    margin: 0 !important;
    font: 700 13px var(--fancy-font) !important;
    text-transform: uppercase;
    color: #A8A8A8;
    text-align: center;
}

.custom_tag_themeWrap {
    display: flex;
    flex-wrap: wrap;
    gap: 0 16px;
}

.custom_tag_themeWrap .custom_tag_themePara { width: 288px; }

.hideprofile .custom_tag_themeWrap .custom_tag_themePara { width: 400px; }

.g_title p {
    margin: 0 0 20px!important;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font: 400 40px 'Charming' !important;
    color: var(--t_color);
    text-shadow: 1px 1px 0px #000;
}

.g_lead p {
    margin: 0 !important;
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background: #C1C1C1;
    width: 424px;
    height: 20px;
    border-radius: 5px;
    border: 1px solid #AAAAAA;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font: 500 10px var(--body-font) !important;
}

.g_links p {
    display: flex;
    justify-content: center;
    gap: 4px;
    margin: 10px 0 !important;
}

.g_links p a {
    height: 20px;
    min-width: 150px;
    padding: 4px 8px;
    box-sizing: border-box;
    font: 700 10px / 12px var(--fancy-font) !important;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--t-body) !important;
    border: 1px solid #AAAAAA;
    background: var(--forcol);
    border-radius: 5px;
}

.g_links p a:hover { color: var(--hovlink)!important; }

.g .code-box {
    bottom: 10px !important;
    position: absolute !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
}

.g strong.legend {
    margin: 0!important;
    background: transparent!important;
    border: none!important;
    font: 700 13px var(--fancy-font)!important;
    padding: 0px 0px 0px 43px!important;
}

.g strong.legend a {
    color: #A8A8A8 !important;
}

.g .scrollbox pre {
    margin: 5px 0 0;
    color: #A8A8A8;
    font: 500 10px var(--body-font) !important;
}

.g_info {
    padding: 0px 300px 0px 20px;
    box-sizing: border-box;
    position: relative;
}

.dark .g_w,
.light .g_w {
    position: absolute;
    width: 152px;
    height: 13px;
    background: url(https://forumstatic.ru/files/001c/2f/41/41439.png);
    right: 108px;
    top: 46%;
    transform: translateY(-50%) rotate(15deg);
}

.dark .g_w:after,
.light .g_w:after {
  position: absolute;
  content: '';
  width: 41px;
  height: 38px;
  transform: translateY(-50%);
  transition: all .3s ease-in-out;
    left: -18px;
    top: calc(50% + -2px);
}

.dark .g_w:after {  background: url(https://forumstatic.ru/files/001c/2f/41/45165.png);  }
.light .g_w:after {     background: url(https://forumstatic.ru/files/001c/2f/41/31504.png); }

.custom_tag_pm,
.custom_tag_qm { position: relative;}

.custom_tag_pm:after { content: '\f303'; }
.custom_tag_qm:after { content: '\f059'; }

.custom_tag_pm:after,
.custom_tag_qm:after {
    font: 14px 'Font Awesome';
    position: absolute;
    top: 1px;
    left: -20px;
}

.custom_tag_theme:has(.q_info) .custom_tag_themePara strong {
    text-transform: uppercase;
    font: 600 10px var(--body-font) !important;
}

.custom_tag_tHq p {
    margin: 0 !important;
    height: 30px;
    padding: 6px;
    box-sizing: border-box;
    border-radius: 10px 10px 0 0;
    background: #222222;
    display: flex;
    justify-content: center;
    align-items: center;
    font: 700 13px var(--fancy-font) !important;
    text-transform: uppercase;
    color: #a8a8a8;
}

.q_info {
    display: flex;
    gap: 20px;
}

.custom_tag_face p {
    margin: 0 !important;
    display: flex;
    background: var(--forcol);
    border: 1px solid #AAAAAA;
    border-radius: 0 0 10px 10px;
    padding: 17px 10px 5px;
    box-sizing: border-box;
    align-items: center;
    width: 170px;
    height: 200px;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2px;
}

.custom_tag_face p img {
    margin: 0 !important;
    width: 150px;
    height: 150px;
    object-fit: cover;
}

.custom_tag_face p strong {
    font: 500 9px var(--body-font) !important;
    text-transform: lowercase;
}

.custom_tag_personalinfo {
    width: 410px;
    border: 1px solid #AAa;
    margin-top: 30px;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 0 0 5px 5px;
    background: var(--forcol);
    position: relative;
    min-height: 170px;
    height: fit-content;
    margin-bottom: 20px;
}

.custom_tag_personalinfo .custom_tag_hd p {
    font: 400 13px / 100% var(--fancy-font) !important;
    background: #222222;
    position: absolute;
    margin: 0 !important;
    width: calc(100% + 2px);
    left: -1px;
    top: -30px;
    height: 30px;
    border-radius: 5px 5px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom_tag_li {
    width: 100%;
    position: relative;
}

.custom_tag_li:after {
  content: '';
  position: absolute;
  background: linear-gradient(90deg, #AAAAAA 0%, #C1C1C1 100%);
  height: 1px;
  width: 370px;
    bottom: -7px;
}

.custom_tag_li p {
    margin: 0 0 13px !important;
    text-align: left !important;
    font: 500 10px var(--body-font) !important;
}

.custom_tag_li:last-of-type p {  margin: 0!important; }
.custom_tag_li:last-of-type:after { display: none!important; }

/* ------------------------- ПАРТНЕРКА И КОПИРАЙТ ------------------------------*/

.cop {
    position: absolute;
    display: block;
    bottom: -200px;
    left: 50%;
    transform: translateX(-50%);
    color: #cbcbcbcf !important;
    font: 700 var(--body-font) !important;
    text-shadow: 1px 1px 0 #000000a8;
}

.cop:hover {
  color: var(--hovlink) !important;
}

.partner {
  width: 1002px;
  max-height: 60px;
  overflow: auto;
  bottom: -215px;
  align-content: center;
  padding: 0 20px;
  opacity: 0.5;
  transition: all 0.3s ease-in-out;
}

.partner:hover {
  opacity: 1;
}

.partners {
  width: 1042px;
  height: 90px;
  position: absolute;
  bottom: -191px;
  align-content: center;
  box-shadow: var(--br-n-shadow);
  backdrop-filter: blur(5px);
}

/* ------------------------- РЕАКЦИИ И ПРОЧАЯ ШУШЕРА ------------------------------*/
/* кнопка реакции  */
.reactions-root button,
.reactions-root [type="button"],
.reactions-root [type="reset"],
.reactions-root [type="submit"] {
  -webkit-appearance: button !important;
  background-color: transparent;
  border: 1px solid transparent !important;
  background: var(--forcol);
}

.reactions-root button.reaction-picker-button {
  border-radius: 8px !important;
  border: var(--forcol-border) !important;
  box-shadow: none !important;
}

.reactions-root .emoji-mart-anchor {
  padding: 10px 4px !important;
  height: 40px !important;
}

.reactions-root button {
  box-shadow: none !important;
}

.reactions-root button.reaction-picker-button * {
  fill: #0d0b0b9c !important;
}

.reaction-chip.reaction-chip--clicked,
.reaction-chip:not(.reaction-chip--disabled):hover {
  background-color: var(--forcol) !important;
  border: var(--forcol-border) !important;
}

.emoji-mart-emoji {
  transition: all 0.3s ease-in-out;
}

.reaction-counter__count {
  color: var(--t-body);
}

.reactions-root {
  margin-top: -15px;
}

.reactions-root .emoji-mart .emoji-mart-emoji {
  padding: 0px !important;
  margin: 3px;
  cursor: pointer !important;
}

.reactions-root .emoji-mart-category-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.emoji-mart-emoji:hover:before {
  display: none !important;
}
.emoji-mart-emoji:hover {
  transform: scale(1.25);
}

.reactions-root .emoji-mart-category .emoji-mart-emoji span {
  cursor: pointer !important;
}

.hideprofile .reactions-root {
  margin-left: 25px !important;
}

.reactions-root .emoji-mart {
  font: var(--body-font) !important;
  display: inline-block !important;
  color: #424242 !important;
  border: var(--forcol-border) !important;
  border-radius: 0px !important;
background: var(--body) !important;
  width: 495px !important;
}

.reactions-root .emoji-mart-category-label span {
  background-color: var(--forcol) !important;
  border: var(--forcol-border) !important;
  border-radius: 5px;
  margin: 5px;
  width: 468px !important;
}

.reaction-counters-container {
  gap: 6px !important;
}

.reactions-root .emoji-mart-search {
  margin: 10px 15px 10px 10px;
  padding: 0 0px !important;
}

.reactions-root .emoji-mart-bar:first-child {
  border: none !important;
}

.reactions-root .emoji-mart-search input {
  font-size: 13px !important;
  display: block;
  width: 100%;
  padding: 8px 25px 8px 10px !important;
  border-radius: 5px;
  outline: 0;
  border: var(--forcol-border) !important;
}

/* рейтинг поста   */
div.post-rating p {
  float: right !important;
  border: 0 !important;
  padding: 3px !important;
}

div.post-vote p {
  float: right !important;
  border: 0 !important;
  padding: 3px 13px !important;
  margin-right: 5px !important;
  position: relative;
}

div.post-vote p .negative {
  margin-left: 13px;
}

div.post-rating a,
div.post-vote a {
  font-size: 12px !important;
  text-decoration: none !important;
  letter-spacing: -2px !important;
  color: transparent !important;
  font-family: verdana;
}

div.post-rating a {
  cursor: pointer !important;
  margin-right: 12px !important;
  position: relative;
  top: 20px;
  padding-right: 2px;
  z-index: 1;
  font-weight: 300;
  right: 8px;
}

div.post-rating a:before {
    content: '\f785';
    font: 40px 'Font Awesome Brands';
    position: absolute;
    z-index: -1;
    left: 3px;
    transform: translateX(-50%) rotate(310deg);
    top: -13px;
    color: var(--t-body);
    opacity: 0.4;
    transition: all 0.4s ease-in-out;
}

div.post-rating a:hover:before {
  opacity: 0.7;
}

.mylike div.post-rating a:before {
  opacity: 0.7;
}
.mylike div.post-vote a:before {
  opacity: 0;
}

div.post-vote a {
    color: transparent !important;
    position: absolute;
    right: -31px;
    top: 19px;
}

div.post-vote a:hover {
  color: transparent !important;
}

div.post-vote a:before {
    position: absolute;
    content: '\f785';
    font: 20px 'Font Awesome Brands';
    color: var(--t-body);
    opacity: 0.4;
    transform: rotate(40deg);
    transition: all 0.4s ease-in-out;
}

div.post-vote a:hover:before {
  opacity: 0.7;
}

/* перекрасить количество уведомлений и сообщений */
.icon[data-new-topics]:before,
.subforums span[data-new-topics]:before {
  background: #ab9e9a !important;
  border-radius: 8px;
  color: #fff;
  content: attr(data-new-topics);
  display: inline-block;
  font-size: 0.8em;
  font-weight: 700;
  height: 12px;
  line-height: 12px;
  margin: -6px;
  min-width: 12px;
  padding: 2px;
  position: absolute;
  text-align: center;
}

.notify-parent {
  position: relative;
}

.notify-bubble {
  background: lightblue;
  border-radius: 3px;
  color: black;
  font: bolder 12px/1.2 Tahoma;
  margin: 0;
  min-width: 14px;
  padding: 0 1px;
  position: absolute;
  text-align: center;
}

.notify-bubble:after {
  border-color: lightblue transparent;
  border-style: solid;
  border-width: 3px 3px 0;
  content: "";
  display: block;
  left: 5px;
  position: absolute;
  width: 0;
}

.bubble {
  background: var(--hovlink) !important;
  border: 0 none;
  border-radius: 3px;
  color: #d4d2ce !important;
  display: inline-block;
  font: bolder 9px Roboto !important;
  margin: 0;
  min-width: 12px;
  padding: 0 1px;
  position: absolute;
  right: 2px !important;
  text-align: center;
  top: -9px !important;
}

.bubble:after {
  border-color: #857a75 !important;
  border-style: solid;
  border-width: 2px 2px 0 !important;
  content: "";
  display: block;
  left: 5px;
  position: absolute;
  width: 0;
}

span.num_msg {
  position: absolute;
  margin-top: -15px;
  margin-left: -8px;
  font: 700 10px "Raleway" !important;
  background: var(--hovlink) !important;
  padding: 1px 4px;
  border-radius: 2px;
  height: 14px !important;
  color: #d6e4e9 !important;
  box-shadow: none !important;
  cursor: pointer;
}

span.num_msg:before {
  background: var(--hovlink) !important;
  top: 13px !important;
  margin-left: 0 !important;
}

/* вкладка стикеров  */
.hvStickerPackModal {
  padding: 20px !important;
  width: 910px !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px !important;
  border: var(--forcol-border) !important;
    background: var(--body) !important;
  box-shadow: none !important;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),
    0 3px 6px rgba(0, 0, 0, 0.23);
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  z-index: 100;
}

.hvStickerPackModalContainer {
  position: absolute !important;
  width: 957px !important;
  height: fit-content !important;
  left: 51% !important;
  transform: translateX(-50%) !important;
  z-index: 999 !important;
  margin-top: -400px;
}

.hvStickerPackModalTab {
  padding: 5px 15px !important;
  border-radius: 5px !important;
  background: var(--forcol) !important;
  border: var(--forcol-border) !important;
  font-size: 11px !important;
  font-family: "Mulish" !important;
  cursor: pointer;
  margin-top: 10px !important;
  text-transform: lowercase !important;
  margin-right: 8px !important;
  font-weight: 600;
}

.hvStickerPackModalTab:hover {
  background: rgb(191 191 191 / 20%) !important;
}
.hvStickerPackModalTab.active {
  background: rgb(31 31 31 / 20%) !important;
}

.hvStickerPackModalContent {
  border: none !important;
}

/* подложка маски  */
#mask_dialog .inner {
    cursor: default;
    margin: 0;
    width: 660px;
    overflow-x: auto;
    z-index: 100;
    padding: 30px;
    border: var(--forcol-border);
    background: var(--body);
    box-shadow: 0px 1px 0px #878e96;
    border-radius: 10px;
}

.hv-storage-count {
  color: var(--t-body);
  font: 700 11px "Mulish";
  text-transform: uppercase;
}

#mask_dialog .hv-add-template {
  cursor: pointer;
  float: right;
  margin: -4px 15px 8px;
  padding: 5px 10px;
  border: solid 1px #979390;
  background: var(--quotcol);
  border-radius: 10px;
}

#mask_dialog .hv-mask-dialog-title {
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  font-family: "Mulish";
  text-transform: uppercase;
  line-height: 34px;
  position: relative;
}

#mask_dialog .hv-form-block input,
#mask_dialog .hv-form-block textarea {
  width: 100% !important;
}
#mask_dialog .hv-form-block {
  max-height: 420px;
  overflow-y: auto;
}

#mask_dialog .hv-control {
  padding: 20px;
  text-align: center;
  position: relative;
}

#mask_form {
  padding: 0px 10px;
  max-height: 420px;
}

#float .vibor {
  display: block;
  width: 20px;
  height: 20px;
  position: relative;
}

#float > div:last-of-type {
  display: flex;
  justify-content: center;
  margin-top: -11px;
}

#floatbut:before {
  content: "\f03c";
}
#button-mask:before {
  content: "\f6fa";
}
#float .vibor:before {
  content: "\f03b";
}

#floatbut:before,
#button-mask:before,
#float .vibor:before {
  font-family: Font Awesome;
  position: absolute;
  font-size: 12px;
  top: 50%;
  left: 50%;
  cursor: pointer;
  color: var(--t-body);
  transform: translateY(-50%) translateX(-50%);
  transition: all 0.2s ease-in-out;
}

#float .vibor:last-of-type:before {
  transform: translateY(-50%) translateX(-50%) scale(-1, 1);
}

#float .vibor:before {
  font-size: 16px;
}

#button-styles:before {
  content: "\f044";
  font-family: Font Awesome;
  position: absolute;
  font-size: 14px;
  top: 50%;
  left: 50%;
  cursor: pointer;
  color: var(--back-color);
  transform: translateY(-50%) translateX(-50%);
  transition: all 0.2s ease-in-out;
}

#button-ChangeСase:after,
#pun-viewtopic[data-topic-id="5718"] #button-voice:after {
  position: absolute;
  content: "\f034";
  font-family: "Font Awesome";
  font-size: 12px;
  left: 50%;
  top: 105%;
  transform: translateX(-50%) translateY(-50%);
  height: 20px;
  color: var(--t-body);
  transition: all 0.3s ease-in-out;
}

#pun-viewtopic[data-topic-id="5718"] #button-voice:after {
  content: "\f130";
}

#button-ChangeСase:hover:after,
#button-mask:hover:before,
#button-styles:hover:before,
#pun-viewtopic[data-topic-id="5718"] #button-voice:hover:after,
#floatbut:hover:before,
#button-sticker:hover:before {
  color: var(--hovlink);
}

.pl-share {
  display: none !important;
}

.linksb .pagelink strong,
.linkst .pagelink strong {
  font: 10px 700 var(--body-font);
  padding: 1px 5px 2px;
  background: var(--forcol);
  border-radius: 5px;
  border: 1px solid #9f9e98;
}

.isguest #pun-viewtopic .topic {
  margin-bottom: 15px;
}

.lastedit {
  display: none;
}

#pre_placement > a {
  height: 0px !important;
  top: 30px !important;
  right: 4px !important;
}

#pre_placement > a:after {
  content: "\f358";
  font-family: Font Awesome;
  font-size: 16px;
}

.Form-Table {
  width: 95%;
  top: 30px;
  left: 20px;
  margin-bottom: 10px;
}

.table_GamePosts tr:nth-child(odd) {
  background: #00000010 !important;
}

.table_GamePosts {
  background: none !important;
}

.punbb .table_GamePosts td {
  border: 1px solid #74726e !important;
}

.punbb .table_GamePosts tbody tr:not(.first) .aa {
  color: #c4c0b9 !important;
  background: url(https://forumstatic.ru/files/0018/b2/d3/45858.png?v=1) !important;
}

/* убрать "кричалку" из хайда */
.hide-box .qcn {
  display: none;
}

/* тег лапслока */
.custom_tag_lower {
  text-transform: lowercase;
}

/* тег капслока */
.custom_tag_upper {
  text-transform: uppercase;
}

#notify-link .unreads,
#navpm .unreads {
  background: var(--hovlink) !important;
  font-size: 8px !important;
  color: #ccc7bf !important;
  right: -1.3em !important;
  top: -1em !important;
}

#notifications .notification-item {
  box-sizing: border-box;
  padding: 10px 15px 0px !important;
}

#notifications .notification-item:last-of-type {
  padding: 10px 15px 10px !important;
}

.unread-notifications .modal-inner {
  margin-top: 0 !important;
}
.unread-notifications h2 {
  background-color: #aaa69f !important;
  box-sizing: border-box !important;
  padding: 6px !important;
}
.notification-right span {
  font-weight: 600 !important;
}
.notification-right span a {
  font-weight: 700 !important;
}
#notifications-stored tbody tr {
  box-sizing: border-box;
  padding: 10px 15px 0px;
  display: flex;
}

.notification-image {
  opacity: 0.85;
  float: left;
  border-radius: 5px !important;
  filter: grayscale(0.5) brightness(0.9);
  border: 1px solid #978d7b;
  box-sizing: border-box;
}

.notification-image:hover {
  opacity: 1;
}


/* кнопка смены мобильного режима */

#viewport-toggle, #viewport-toggle:checked {
    border: none;
    width: 0px;
    height: 0px;
    position: absolute;
    top: -305px;
    left: 214px;
    z-index: 8;
}

#viewport-toggle:before {
    position: absolute;
    content: '\f10b';
    font-family: 'Font Awesome';
    font-size: 17px;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    color: var(--t_color);
    cursor: pointer;
    background: #222;
    transition: all 0.3s 
ease-in-out;
}

#viewport-toggle:after {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    background: var(--t_back);
    border-radius: 50px;
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%) rotate(180deg);
}

#viewport-toggle:checked:before {}

#viewport-toggle:hover:before {
color: var(--hovlinkt);
}

#viewport-toggle:checked:hover:before {
color: var(--hovlinkt);
}

.viewport-toggle_label  {
  font-size: 0!important;
}

#viewport-toggle:checked {
}

/* конец кнопки моб режима */

/* бургер */
.burger-menu {
       display: none;
        color: var(--head-link) !important;
        font-size: 20px !important;
        box-shadow: var(--head-border);
        padding: 5px;
        opacity: .9;
}

/* АДАПТИВ НАЧИНАЕТСЯ ЗДЕСЬ */

@media screen and (max-width: 580px) {

html  {
    -webkit-text-size-adjust: none;
    min-width: unset !important;
    max-width: none;
  }

body {
    width: 100vw!important;
    min-width: 0!important;
    background: var(--back) !important;
}

body:has(.punbb-admin)  {   background: url(https://forumstatic.ru/files/001c/2f/41/38354.png)!important; }

input,  button { -webkit-text-size-adjust: none; }

   #pun-index .tclcon {
    -webkit-text-size-adjust: none;
  }

   #pun-stats .container {
    -webkit-text-size-adjust: none;
  }

.theme-toggle {
    top: -286px !important;
    left: 19px !important;
}


#pun:before {
    bottom: -91px!important;
    left: 50%!important;
    max-width: 96%!important;
}

   #pun {
        width: 96vw !important;
        margin: 378px auto 265px !important;
  }

#pun-main {
      margin: 10px auto 8px;
}

.wnd_left,
.wnd_right,
.w_st_l,
.w_st_r,
.player-wrapper,
.t_post {
    display: none!important;
  }

#pun-title,
t {  width: 100% !important; }

#pun-title { background: var(--header) 208px!important; }

t h2,
.about,
.hourglass {
    left: 50% !important;
    transform: translateX(-50%) !important;
}

.t_news {
    background: #54535300 !important;
    backdrop-filter: blur(1px) !important;
    width: 100% !important;
    height: 70px !important;
    left: 0 !important;
    border: 1px solid #30362f !important;
    border-bottom: none !important;
    padding: 10px !important;
    border-radius: 10px 10px 0 0 !important;
    top: -70px!important;
}

#pun-crumbs1 {  margin: 0 auto !important; }
#pun-crumbs1 p {
        text-transform: uppercase !important;
        margin-bottom: 0px !important;
    }


#pun-index .hasicon tr:after {     width: 100% !important; }

.need {  display: none !important;}
.partners { width: 100%!important;}
.partner { width: 100%!important;}

.table:before, .table:after  { content: none!important; }
.table  {
       width: 100% !important;
        background-position: 873px;
        top: -300px !important;
        z-index: -1 !important;
}



.table_wrap { display: none!important; }
.table_links {
        width: unset !important;
        top: 34px !important;
        left: -2% !important;
        height: 186px !important;
        justify-content: start;
        transform: scale(.7);
        padding: 5px 5px !important;
}

.table_links::-webkit-scrollbar-thumb,
.table_links::-webkit-scrollbar-track {
  background-color: transparent!important;
}

/*НАВИГАЦИЯ КАРТИНКАМИ */

 #pun-navlinks {  margin: 0 !important; }

 #pun-navlinks .container {
        gap: 16px !important;
        margin: 30px 0 0px !important;
        margin-left: 16px !important;
    }

 .isguest #pun-navlinks { }
 .isguest #navindex {
  margin-left: 20px;
}

 #navindex {
  margin-right: 4px;
}

#pun-navlinks li a span {
  display: none;
}

#pun-navlinks li a {
  display: block;
  transition: all .2s ease-in-out;
  position: relative;
  width: 22px;
  height: 22px;
}

 #navextra1 a {
  font-size: 0px!important;
}

 #navindex a:after {
  content: '\f6f1';
}

 #navuserlist a:after {
  content: "\f0c0";
}

 #navpm a:after {
  content: "\f0e0";
}

 #navsearch a:after {
  content: "\f002";
}

 #navprofile a:after {
  content: '\f6e8';
}

 #navadmin a:after {
  content: '\f51a';
}

 #navlogout a:after {
  content: "\f52b";
}

 #navlogin a:after {
  content: "\f52b";
}

 #navregister a:after {
  content: "\f234";
}

 #navpr_1 a:after {
  content: "\f1d8";
}

 #navpr_2 a:after {
  content: "\f518";
}

 #navextra1 {  margin: 0 2px 0 -4px; }
 #navextra1 a:after {
    content: "\f279";
}

#pun-navlinks li a:after {
        position: absolute;
        text-align: center;
        font-size: 23px;
        color: var(--hovlink);
        filter: brightness(0.5);
        font-family: 'Font Awesome';
        transition: all .2s ease-in-out;
        left: 50%;
        top: 44%;
        transform: translateX(-50%) translateY(-50%);
    }

 #navawards {
  display: none !important;
}

#pun-navlinks li a:hover {
  transform: scale(1.2);
}

/* бургерное меню часть 2 */ 

     .burger-menu {
        display: block;
        color: var(--t_color) !important;
        font-size: 22px !important;
        padding: 0px 5px 4px;
        opacity: 1;
        background: #222;
        height: auto;
        backdrop-filter: blur(10px);
        border: none !important;
        margin: 0;
    }

 #pun-ulinks {
        position: absolute;
        top: -45px;
        left: 16px;
        z-index: 30;
    }

 #pun-ulinks:after {
        content: '';
        position: absolute;
        width: calc(100% + 8px);
        height: calc(100% + 8px);
        background: var(--t_back);
        left: -4px;
        top: -4px;
        z-index: -1;
        transform: rotate(180deg);
        border-radius: 10px;
    }

  #pun-ulinks .container {
    padding: 0 !important;
    display: flex;
    justify-content: center;
    gap: 10px;
    margin: 8px 0 45px;
    display: none!important;
    }

     #pun-ulinks .container.active {
        display: flex !important;
        flex-direction: column;
        gap: 6px;
        background-color: #222 !important;
        box-sizing: border-box;
        padding: 6px 10px !important;
        border-radius: 4px;
        opacity: .95;
        z-index: 0;
        position: absolute;
        width: 120px;
        top: -490% !important;
        margin: 0 !important;
    }

     #pun-ulinks .container li {
        margin: 0;
    }

 #pun-ulinks li a {
    font-family: 'Mulish';
    font-size: 10px !important;
    color: var(--doptext);
}

.t_news p { font: 600 11px / 12px var(--body-font) !important; }

/* конец бургерное меню часть 2 */ 

.banners {
    left: 0 !important;
    width: 100% !important;
    background: var(--header) !important;
    height: 200px !important;
    top: 0px !important;
    padding: 115px 20px 0 !important;
}

.banners_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}