/*************************************************************
Основа css by shady

**************************************************************/
@import url(style_cs.1750981635.css);

/* ПОДГРУЗКА ШРИФТОВ
-------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playfair:ital,opsz,wdth,wght@0,5..1200,87.5..112.5,300..900;1,5..1200,87.5..112.5,300..900&display=swap');

/* Font Awesome */
@import url('https://kit-pro.fontawesome.com/releases/v6.5.2/css/pro.min.css');

@font-face {
    font-family: 'Vetrino';
    src: local("Vetrino"), url('//forumstatic.ru/files/001b/11/27/48711.ttf');
}

@font-face {
    font-family: 'Alegreya SC';
    src: local("Alegreya SC"), url('//forumstatic.ru/files/001b/fd/b9/48566.ttf?v=1');
}

@font-face {
    font-family: 'Iron Lady';
    src: local("Iron Lady"), url('//forumstatic.ru/files/001b/fd/b9/24197.ttf');
    ;
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'Icons';
    src: local("MaterialSymbolsRounded-Regular"), url('//forumstatic.ru/files/001c/25/c8/12046.ttf?v=1');
}

@font-face {
    font-family: 'NARZISS';
    src: local("NARZISSPROCYRILLICDROPS"), url('https://forumstatic.ru/files/001c/70/90/30633.ttf');
}

@import url('//fonts.googleapis.com/css?family=Yeseva+One&subset=latin,cyrillic');

/* * {outline: 1px solid red} */


/* ROOT
-------------------------------------------------------------*/
:root {
    /* дизайн рифт */
    --t-body: #0e0b07;
    /*цвет основного текста */
    --doptext: #543c24;
    /*цвет дополнительного текста */
    --link: #560803;
    /* цвет основных ссылок */
    --doplink: #543c24;
    /* цвет дополнительных ссылок */
    --navlink: #63584A;
    /* цвет ссылок в шапке */
    --forlink: #806E48;
    /* цвет ссылок в подфоруме */
    --forcol: #8c7953;
    /* цвет подложки форумов/цитат */
    --h1-font: bold 15px "Alegreya SC";
    /* шрифт и размер заглавного текста */
    --h0-font: "Alegreya SC";
    /* шрифт и размер заглавного текста */
    --body-font: 10px "verdana";
    /* шрифт основного текста */
    --backcol: #725e3447;
    /* цвет подложки выпадающих меню */
    --bord: 3px double rgba(42, 14, 8, 0.28);
    /*цвет рамок форм */
    --proftext: #675b3f;
    /*цвет текста в профиле */
    --tablink: #5d553c;
    /* цвет ссылок в таблице */
    --button: linear-gradient(to top, #1e0a07, #28110c);
    /* фон кнопок */
    --headlink: #6b332a;
    /* цвет ссылок в шапке */
    --headspan: #fff2da;
    /* цвет заголовков в шапке */
    --hovlink: #8b7c5f;
    /* цвет ссылок при наведении */
    --anketa: #837452 !important;
    /* цвет ссылок в лз */
    --g-light: #b7b990;
    /* светло-зеленый фон гостевая */
    --dm1: rgb(50 24 4 / 10%);
    /* фон кастомного заголовка */

    /* дизайн сильвания */
    --t-body1: #544a38;
    /*цвет основного текста */
    --doptext1: #75593d;
    /*цвет дополнительного текста */
    --link1: #463f31;
    /* цвет основных ссылок */
    --doplink1: #05635d;
    /* цвет дополнительных ссылок */
    --navlink1: #75593d;
    /* цвет ссылок в шапке */
    --forlink1: #75593d;
    /* цвет ссылок в подфоруме */
    --forcol1: #cfc0a38a;
    /* цвет подложки форумов/цитат */
    --h1-font1: bold 15px/1.4 Iron Lady;
    /* шрифт и размер дополнительного текста */
    --body-font1: 10px "verdana";
    /* шрифт основного текста */
    --backcol1: #d5c8ad;
    /* цвет подложки выпадающих меню */
    --bord1: solid 1px #c4b396d9;
    /*цвет рамок форм */
    --headlink1: #877a60;
    /* цвет ссылок в шапке */
    --proftext1: #898989;
    /*цвет текста в профиле */
    --hovlink1: #05635d;
    /* цвет ссылок при наведении */
    --lightlink: #0a746e;
    /* ссылки еще ярче */

    --darktlink: #0c4948;
    --border: #413223;
    --h1-font: bold 15px "Alegreya SC";

    /* светлый базовый текущий */
    --bg-header: url(https://forumstatic.ru/files/001c/72/80/64683.svg);
    --bg-footer: url(https://forumstatic.ru/files/001c/70/90/81141.png);
    --bg-main: url(https://forumstatic.ru/files/001c/70/90/34243.jpg);
    --bg-header-width: 1300px;
    --bg-header-pos: -40px;
    --canvas-primary: 193, 200, 193;
    --canvas-secondary: 173, 173, 173;
    --accent: 136, 161, 157;
    --dark-accent: 76, 83, 84;
    --accent-secondary: 170, 195, 163;
    --canvas-tertiary: 210, 208, 199;
    --text-primary: 45, 45, 45;
    --text-light: 255, 255, 255;
    --font-title: "Playfair";

}


.light {
    --bg-header: url(https://forumstatic.ru/files/001c/72/80/64683.svg);
    --bg-footer: url(https://forumstatic.ru/files/001c/70/90/81141.png);
    --bg-main: url(https://forumstatic.ru/files/001c/70/90/34243.jpg);
    --bg-header-width: 1300px;
    --bg-header-pos: -40px;
    --font-cat-title: "Playfair", serif;
    --canvas-primary: 193, 200, 193;
    --canvas-secondary: 173, 173, 173;
    --accent: 136, 161, 157;
    --dark-accent: 76, 83, 84;
    --accent-secondary: 170, 195, 163;
    --canvas-tertiary: 210, 208, 199;
    --text-primary: 45, 45, 45;
    --text-light: 255, 255, 255;
    --font-title: "Playfair";
    --display: none;
    --display2: inherit;
}

.basic {
    --t-body: #0e0b07;
    /*цвет основного текста */
    --doptext: #543c24;
    /*цвет дополнительного текста */
    --link: #560803;
    /* цвет основных ссылок */
    --doplink: #543c24;
    /* цвет дополнительных ссылок */
    --navlink: #63584A;
    /* цвет ссылок в шапке */
    --forlink: #806E48;
    /* цвет ссылок в подфоруме */
    --forcol: #8c7953;
    /* цвет подложки форумов/цитат */
    --h1-font: bold 15px "Alegreya SC";
    /* шрифт и размер заглавного текста */
    --h0-font: "Alegreya SC";
    /* шрифт и размер заглавного текста */
    --body-font: 10px "verdana";
    /* шрифт основного текста */
    --backcol: #725e3447;
    /* цвет подложки выпадающих меню */
    --bord: 3px double rgba(42, 14, 8, 0.28);
    /*цвет рамок форм */
    --proftext: #675b3f;
    /*цвет текста в профиле */
    --tablink: #5d553c;
    /* цвет ссылок в таблице */
    --button: linear-gradient(to top, #1e0a07, #28110c);
    /* фон кнопок */
    --headlink: #6b332a;
    /* цвет ссылок в шапке */
    --headspan: #fff2da;
    /* цвет заголовков в шапке */
    --hovlink: #8b7c5f;
    /* цвет ссылок при наведении */
    --anketa: #837452 !important;
    /* цвет ссылок в лз */
    --g-light: #b7b990;
    /* светло-зеленый фон гостевая */
    --dm1: rgb(50 24 4 / 10%);
    /* фон кастомного заголовка */
    --backcol1: #d5c8ad;
}

/* дизайн сильвания */
.sylv {

}

/* * {outline: 1px solid red}  */



/* ОСНОВНЫЕ ШРИФТЫ ФОРУМА
-------------------------------------------------------------*/
/* основной шрифт текста форума */
body {
    font-size: 11px;
    font-family: "Verdana", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

#pun-index {
    font: normal 11px verdana, arial, sans-serif;
}

.basic h1,
.basic h2 {
    font: 15px Alegreya SC;
    font-weight: bolder;
    letter-spacing: 0.5px;
}

/* шрифты поля ввода*/
textarea,
input,
select,
optgroup {
    font: 12px verdana;
}

/*шрифт в поле кода */
.punbb pre {
    font: 10px verdana;
}


/* ЦВЕТ ТЕКСТА БОЛЬШИНСТВА ЭЛЕМЕНТОВ НА ФОРУМЕ
-------------------------------------------------------------*/
.section .container,
.post-body,
.post-links,
.punbb td.tc2,
.punbb td.tc3,
.formal fieldset .post-box,
#viewprofile li strong,
#viewprofile li div,
#setmods dd,
.info-box,
#pun-main .info-box .legend,
.main .container,
.post .container,
.post h3,
.punbb-admin #pun-admain .adcontainer,
#pun-title,
#pun-title .container,
.modmenu .container,
.punbb legend span,
#viewprofile h2 span,
#profilenav h2 span,
.punbb-admin #pun-admain legend span,
.post h3 span,
.punbb th,
#viewprofile li,
#setmods dl {
    color: #0e0b07;
}

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

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

/* ЦВЕТ ТЕКСТА ПОСТОВ
-------------------------------------------------------------*/
.post-box {
    color: var(--t-body);
}

/* ЦВЕТ ДЕЖУРНОГО ТЕКСТА (тему просматривают, страницы и т.д.)
-------------------------------------------------------------*/
.linkst .pagelink,
.linksb .postlink,
.linkst .postlink,
.punbb .post-links ul,
.punbb .modmenu .container,
.punbb .modmenu .container,
.subscribelink,
.punbb fieldset legend span,
.punbb .linksb {
    color: var(--t-body);
    letter-spacing: 0.5px;
}

/* ЦВЕТ ССЫЛОК НА ФОРУМЕ
-------------------------------------------------------------*/


.punbb a,
.punbb a:link,
.punbb a:visited,
.punbb-admin #pun-admain a,
.punbb-admin #pun-admain a:link,
.punbb-admin #punbb-admain a:visited,
.punbb li.isactive a,
.punbb li.isactive a:link,
.punbb li.isactive a:visited {
    transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
    color: rgba(97, 121, 117, 1);
    text-shadow: none;
}

.basic .punbb a,
.basic .punbb a:link,
.basic .punbb a:visited,
.basic .punbb-admin #pun-admain a,
.basic .punbb-admin #pun-admain a:link,
.basic .punbb-admin #punbb-admain a:visited,
.basic .punbb li.isactive a,
.basic .punbb li.isactive a:link,
.basic .punbb li.isactive a:visited {
    transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
    color: var(--link);
    border: none;
    text-shadow: #a9a37c99 1px 1px 2px;
}

.sylv .punbb a,
.sylv .punbb a:link,
.sylv .punbb a:visited,
.sylv .punbb-admin #pun-admain a,
.sylv .punbb-admin #pun-admain a:link,
.sylv .punbb-admin #punbb-admain a:visited,
.sylv .punbb li.isactive a,
.sylv .punbb li.isactive a:link,
.sylv .punbb li.isactive a:visited {
    transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
    color: var(--hovlink1);
    text-shadow: none;
    text-shadow: #ffffff3b 1px 1px 2px;
}


/* ЦВЕТ ССЫЛОК НА ФОРУМЕ ПРИ НАВЕДЕНИИ
-------------------------------------------------------------*/

.punbb a:hover,
.punbb a:focus,
.punbb a:active,
.punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover,
.punbb-admin #punbb-admain a:focus,
.punbb-admin #punbb-admain a:active,
abbr:hover {
    color: rgb(var(--accent))!important;
}


.basic .punbb a:hover,
.basic .punbb a:focus,
.basic .punbb a:active,
.basic .punbb-admin #pun-admain .nodefault,
.basic .punbb-admin #punbb-admain a:hover,
.basic .punbb-admin #punbb-admain a:focus,
.basic .punbb-admin #punbb-admain a:active,
.basic abbr:hover {
    color: black !important;
}

.sylv .punbb a:hover,
.sylv .punbb a:focus,
.sylv .punbb a:active,
.sylv .punbb-admin #pun-admain .nodefault,
.sylv .punbb-admin #punbb-admain a:hover,
.sylv .punbb-admin #punbb-admain a:focus,
.sylv .punbb-admin #punbb-admain a:active,
.sylv abbr:hover {
    color: var(--link1) !important;
}

.custom_tag_dm0 a:hover {
    text-decoration: none !important;
}

/* ТАБЛИЦЫ
-------------------------------------------------------------*/
/* стили таблиц */
.main table {
    table-layout: fixed;
    width: 100%;
}

/* отступы в ячейках */
.main td {
    padding: 1em 1em;
}

th {
    padding: 0 !important;
    font-size: 0px !important;
}

/* ширина подфорума */
.main .tcl {
    text-align: left;
}

#pun-viewforum .main .tcl {
    text-align: left;
    display: block;
}

#pun-index .main .tcl {
    width: 59%;
}

#pun-online .main .tcl {
    width: 30%;
}

/* ширина ячеек */
.tc2,
.tc3,
.tcmod {
    text-align: center;
}


/* ширина последнего сообщения */
.tcr {
    text-align: center;
    line-height: 15px;
}

.tcr span {
    display: inline-block;
}

/* ширина в поиске/модерировании */
#pun-searchtopics .tcl,
#pun-modviewforum .tcl {
}

#pun-userlist .tcl {
    width: 35%
}

#pun-userlist .tc2,
#pun-searchtopics .tc2 {
    text-align: left;
    overflow-wrap: break-word;
}

/*дебаг */
#pun-debug table .tcl {
    width: 15%;
    white-space: normal;
}

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

/* расположение последней активной темы */

.basic #pun-index .tcr,
.sylv #pun-index .tcr {
    width: 32%;
    text-align: center;
    font-size: 10px;
    line-height: 10px;
}

#pun-index .tcr {
    width: 36%;
    text-align: left;
    font-size: 10px;
    line-height: 10px;
}

.sylv #pun-index .tcr {
    color: #756953d4 !important
}

#pun-index .tcr span {
    display: initial;
}

/* последняя активная тема в подфоруме */
#pun-index .tcr a {
    text-transform: lowercase;
    letter-spacing: 0.5px;
    font: 700 11px Verdana;
    font-weight: 700;
    font-size: 11px;
    text-align: left;
}

.basic #pun-index .tcr a,
.sylv #pun-index .tcr a {
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font: var(--h1-font);
    font-weight: bolder;
    font-size: 13px;
}

/* количество тем и сообщений в подфоруме */
#pun-index .tc2,
#pun-index .tc3 {
    width: 5%;
    display: none;
}

/* заголовки */



#pun-viewtopic #pun-main h1,
#pun-viewtopic #pun-main h2,
#pun-profile #pun-main h1,
#pun-messages #pun-main h1,
#pun-userlist #pun-main h1,
#pun-search #pun-main h1,
#pun-searchposts #pun-main h1,
#pun-register #pun-main h1,
#pun-login #pun-main h1,
#pun-searchtopics #pun-main h1,
#pun-online #pun-main h1,
#pun-viewforum #pun-main h1,
#pun-debug h2,
#pun-searchtopics h2,
#pun-online h2,
.pun-modal h2 {
    background: rgba(var(--accent), .3);
    padding: 5px 15px;
    box-shadow: none;
    border: 1px solid transparent;
    border-radius: 98px;
    padding-top: 8px;
    padding-bottom: 5px;
    margin-left: auto;
    overflow: hidden;
    font: 700 15px Playfair;
    background-image: linear-gradient(#b0bdb6, #b0bdb6), radial-gradient(circle at top left, #dbe8e2, #88a19d);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    margin-right: auto;
    text-shadow: none !important;
    text-align: center !important;
    color: rgb(var(--text-primary), 0.6);
    text-transform: uppercase;
    width: 490px;
    font-weight: 700;
}

.sylv #pun-wrap #pun-online #pun-main h1 {
    width: 1042px !important;
    margin-left: -41px !important;
}

.basic #pun-viewtopic #pun-main h1,
.basic #pun-viewtopic #pun-main h2,
.basic #pun-profile #pun-main h1,
.basic #pun-messages #pun-main h1,
.basic #pun-userlist #pun-main h1,
.basic #pun-search #pun-main h1,
.basic #pun-searchposts #pun-main h1,
.basic #pun-register #pun-main h1,
.basic #pun-login #pun-main h1,
.basic #pun-searchtopics #pun-main h1,
.basic #pun-online #pun-main h1,
.basic #pun-viewforum #pun-main h1,
.basic #pun-debug h2,
.basic #pun-searchtopics h2,
.basic #pun-online h2,
.basic .pun-modal h2 {
    background: url(http://forumstatic.ru/files/001b/b2/f7/32094.jpg) 0 top no-repeat, rgba(27, 14, 4, 0.15) 0 top repeat-y;
    padding: 5px;
    box-shadow: 0px 0px 6px #1a0b06, 0px 0px 6px rgba(84, 60, 36, 0.78) inset;
    border: 0px solid #4F402B;
    border-radius: 10px;
    padding-top: 8px;
    padding-bottom: 5px;
    margin: 30px auto 15px;
    text-shadow: black 1px 1px !important;
    text-align: center !important;
    color: var(--forlink);
    text-transform: uppercase;
    width: 490px;
    font-weight: bolder;
}

#pun-messages #pun-main h2 {
    width: 150px;
}


.sylv {

    & #pun-viewtopic #pun-main h1,
    & #pun-viewtopic #pun-main h2,
    & #pun-profile #pun-main h1,
    & #pun-messages #pun-main h1,
    & #pun-userlist #pun-main h1,
    & #pun-search #pun-main h1,
    & #pun-searchposts #pun-main h1,
    & #pun-register #pun-main h1,
    & #pun-login #pun-main h1,
    & #pun-searchtopics #pun-main h1,
    & #pun-online #pun-main h1
    & #pun-debug h2,
    & #pun-searchtopics #pun-main h2,
    & #pun-online #pun-main h2,
    & .pun-modal h2 {
        margin-left: auto;
        margin-right: auto;
        text-shadow: none !important;
        text-align: center !important;
        color: var(--doplink1);
        text-transform: uppercase;
        /* width: 1040px; */
        font-weight: bolder;
        box-sizing: border-box;
        font: 700 15px Alegreya SC;
        margin: 0px 0px -6px -40px !important;
        width: calc(100% + 79px) !important;
        background: url(https://forumstatic.ru/files/001c/25/c8/36976.jpg) left center no-repeat, url(https://forumstatic.ru/files/001c/25/c8/31601.jpg) right center no-repeat, url(https://forumstatic.ru/files/001c/25/c8/83803.jpg) center repeat-x;
        padding-top: 36px !important;
        filter: none;
        height: 90px;
        box-shadow: none;
        border-width: 0px;
    }

    & #pun-viewforum #pun-main h1,
    & .multipage h1,
    & #pun-main.main h1 {
        margin-left: auto;
        margin-right: auto;
        text-shadow: none !important;
        text-align: center !important;
        color: var(--doplink1);
        text-transform: uppercase;
        /* width: 1040px; */
        font-weight: bolder;
        color: var(--doplink1)!important;
        box-sizing: border-box;
        font: 700 15px Alegreya SC;
        margin: 0px 0px -6px -71px !important;
        width: calc(100% + 141px) !important;
        background: url(https://forumstatic.ru/files/001c/25/c8/36976.jpg) left center no-repeat, url(https://forumstatic.ru/files/001c/25/c8/31601.jpg) right center no-repeat, url(https://forumstatic.ru/files/001c/25/c8/83803.jpg) center repeat-x !important;
        padding-top: 36px !important;
        filter: none;
        height: 90px;
        box-shadow: none;
}

    & #pun-viewtopic #pun-main>div>div h1,
    & div #pun-main>div>div h2 {
        background: none !important;
    }


}


.sylv {

    & div #pun-viewtopic #pun-main h1,
    & div #pun-viewtopic #pun-main h2,
    & #pun_wrap div#pun #pun-main h1,
    & .pun-modal h2,
    & .stena {
        span {
            background: url(https://forumstatic.ru/files/001b/fd/b9/92509.png) center !important;
            /* background: #0c0c0c !important; */
            border: solid 1px #3a2e23 !important;
            padding: 8px 24px;
            border-radius: 8px;
            filter: brightness(1.5);
        }
    }
}

.sylv #pun_wrap div#pun #pun-main h1 {
    width: 1042px !important;
    margin-left: -41px !important;
}


/* админка */
#pun-admain fieldset {
    padding: 0 18px 0 18px;
    margin: 0 0 1em 0;
    border: none !important;
}


/* НАВИГАЦИЯ ПО ФОРУМУ СВЕРХУ
-------------------------------------------------------------*/
#pun-navlinks .container {
    padding: 0px;
    width: 650px;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 0px;
}

.light #pun-navlinks .container {
    padding: 0px;
    width: 850px;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 28px;
    margin-bottom: 0px;
}

.basic #pun-navlinks .container {
    padding: 0px;
    margin: -0px 20px 0 31px;
    width: 930px;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 10px;
}

.sylv #pun-navlinks .container {
    padding: 0px;
    margin: 2px 20px 0 31px;
    width: 930px;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    flex-wrap: wrap;
    gap: 0px;
}

#pun-navlinks li {
    display: inline;
}

.basic .sticky #pun-navlinks .container {
    width: 945px;
    margin-left: 55px;
}

.basic .sticky #pun-ulinks {
    margin-left: 42px;
}

.basic .sticky #pun-navlinks #navadmin {
    right: -40px;
    top: 20px;
}

.sylv .sticky {
    border-radius: 0;
}

/* расположение*/
#ForumD-ru #pun-navlinks {
    position: absolute;
    z-index: 999;
    left: -153px;
    padding: 0px;
    width: 850px;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
}

.sylv #ForumD-ru #pun-navlinks {
    position: absolute;
    width: 930px;
    z-index: 999;
    left: 33px;
    padding: 0px;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 10px;
}

#ForumD-ru:not(.sticky) #pun-navlinks {
    margin: -115px 0 0 400px;
}

.basic #ForumD-ru:not(.sticky) #pun-navlinks {
    margin: -0px 0 0 190px;
    width: 930px;
}

.sylv #ForumD-ru:not(.sticky) #pun-navlinks {
    margin: -0px 0 0 0px;
    width: 975px;
}


#ForumD-ru.sticky #pun-navlinks {
    margin: -25px 0 0 190px;
}

.basic #ForumD-ru.sticky #pun-navlinks {
    margin: 0px 0 0 220px;
    width: 900px;
}

.sylv #ForumD-ru.sticky #pun-navlinks {
    margin: -0px 0 0 0px;
    width: 975px;
}

#ForumD-ru:not(.sticky) #pun-ulinks {
    margin: 457px 0px 0 115px;
}

.basic #ForumD-ru:not(.sticky) #pun-ulinks {
    margin: 0px 0px 0 0;
}

.sylv #ForumD-ru:not(.sticky) #pun-ulinks {
    margin: 2px 0px 0 0;
}

#ForumD-ru.sticky #pun-ulinks {
    margin: -10px 0px 0 -80px;
}

.basic #ForumD-ru.sticky #pun-ulinks {
    margin: 0px 0px 0 67px;
    width: 900px;
}

.sylv #ForumD-ru.sticky #pun-ulinks {
    margin: 2px 0px 0 18px;
    width: 930px;
}

.sylv #ForumD-ru #pun-navlinks {
    margin-top: -22px;
}

/* вид ссылок */
#pun-navlinks li a {
    color: rgb(var(--canvas-primary));
    text-transform: uppercase;
    font: 500 15px var(--font-title);
    text-shadow: none;
}

.light #pun-navlinks li a {
    color: rgb(var(--canvas-primary));
    text-transform: uppercase;
    font: 500 15px var(--font-title);
    text-shadow: none;
}

.basic #pun-navlinks li a,
.sylv #pun-navlinks li a {
    letter-spacing: 0.5px;
    color: var(--navlink);
    text-transform: uppercase;
    font: var(--h1-font);
    text-shadow: none;
}

/*  вид ссылок навигации при наведении */
.light #pun-navlinks li a:hover,
#pun-navlinks li a:hover {
    color: rgb(var(--accent));
}

.basic #pun-navlinks li a:hover {
    color: var(--hovlink) !important;
}


#ForumD-ru {
    position: absolute;
    margin-top: 0px;
    top: 30px;
    z-index: 999;
}

.Ultimate-menu {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 80px;
    position: absolute;
    margin-left: -40px;
    box-sizing: border-box;
    padding-top: 20px;
    z-index: 999;
    margin-top: 0px !important;
}

.sylv .Ultimate-menu {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    position: absolute;
    margin-left: -22px;
    box-sizing: border-box;
    padding-top: 50px;
    z-index: 999;
}

.sylv #ForumD-ru {
    background: url(https://forumstatic.ru/files/001b/fd/b9/70188.png?v=1) !important;
    width: 1004px;
    height: 90px;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 220px;
    margin-left: -1px;
}


.sylv #pun-navlinks {
    margin-top: -30px !important;
    margin-left: 42px;
}

.sylv #pun-navlinks li a {
    color: var(--headlink1);
    font: var(--h1-font1);
    text-transform: none;
    font-weight: 100 !important;
    font-size: 24px;
}

.sylv #pun-navlinks li a:hover {
    color: var(--hovlink1) !important;
    background: none !important;

}



/********* Навигация *********/
#pun-navlinks .UM-list li {
    display: block;
}

#pun-navlinks .UM-more,
#pun-navlinks #navextra1,
#pun-navlinks #navindex,
#pun-navlinks #navuserlist,
#pun-navlinks #navawards,
#pun-navlinks #navprofile,
#pun-navlinks #navsearch,
#pun-navlinks #navextra2,
#pun-navlinks #navlogout {
    position: relative;
}

#pun-navlinks .UM-list {
    top: 0px;
    padding: 0px;
    position: absolute;
    z-index: 999;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    left: 50% !important;
    right: auto !important;
    text-align: center !important;
    transform: translate(-50%, 0) !important;
    background: rgb(251 251 251 / 30%);
    box-shadow: none;
    border: none;
    border-radius: 5px;
    transition: opacity 0.4s ease, max-height 0s 0.4s, top 0s 0.4s, padding 0s 0.4s;
    word-spacing: 1px;
}

.basic #pun-navlinks .UM-list {
    top: 0px;
    padding: 0px;
    position: absolute;
    z-index: 999;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    left: 50% !important;
    right: auto !important;
    text-align: center !important;
    transform: translate(-50%, 0) !important;
    background: rgba(12, 12, 12, 0.8);
    box-shadow: 0px 0px 2px #1a0b06;
    border: 1px solid #654f26ab;
    border-radius: 0px;
    transition: opacity 0.4s ease, max-height 0s 0.4s, top 0s 0.4s, padding 0s 0.4s;
    word-spacing: 1px;
}

.sylv #pun-navlinks .UM-list {
    top: 0px;
    padding: 0px;
    position: absolute;
    z-index: 999;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    left: 50% !important;
    right: auto !important;
    text-align: center !important;
    transform: translate(-50%, 0) !important;
    background: rgba(12, 12, 12, 0.8);
    box-shadow: 0px 0px 2px #1a0b06;
    border: 1px solid #654f26ab;
    border-radius: 0px;
    transition: opacity 0.4s ease, max-height 0s 0.4s, top 0s 0.4s, padding 0s 0.4s;
    word-spacing: 1px;
}

#pun-navlinks .UM-list a {
    display: block;
    padding: 4px 5px 4px 5px;
    background: rgb(var(--accent));
    font: 700 11px verdana !important;
    text-transform: lowercase !important;
    color: #222c22 !important;
    border-radius: 3px;
    font-size: 11px;
    text-align: center;
    text-shadow: none;
    box-shadow: none;
    margin-bottom: 2px;
    transition: background 0.4s ease-in-out !important;

}

.basic #pun-navlinks .UM-list a {
    display: block;
    padding: 4px 5px 4px 5px;
    background: linear-gradient(to top, #1e0a07, #28110c);
    font: var(--h1-font) !important;
    color: var(--tablink) !important;
    font-size: 11px;
    text-align: center;
    text-shadow: 1px 0px 1px #000000 !important;
    box-shadow: 0px 0px 7px #000000 inset !important;
    font-weight: bolder;
}

.sylv #pun-navlinks .UM-list a {
    display: block;
    padding: 2px 5px;
    background: #171717 !important;
    font: var(--h1-font) !important;
    font-size: 11px !important;
    border: 1px solid #4a3827;
    margin-bottom: 2px;
    border-radius: 0px;
    background: linear-gradient(to top, #070604, #160E07);
    color: var(--headlink1) !important;
    font-weight: 800 !important;
}

#pun-navlinks #navextra1:hover .UM-list,
#pun-navlinks #navprofile:hover .UM-list,
#pun-navlinks #navuserlist:hover .UM-list,
#pun-navlinks #navadmin:hover .UM-list {
    overflow: visible;
    max-height: 1000px;
    opacity: 1;
    min-width: 90px;
    top: 28px;
    padding: 10px 6px 10px 6px;
    transition: opacity 0.4s ease;
}

#pun-navlinks #navadmin:hover .UM-list {
    top: 26px;
}

#pun-navlinks .UM-innerlist {
    font-size: 10px;
    left: 74px;
    top: -25px;
    position: absolute;
    z-index: 9999;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    background: rgb(251 251 251 / 30%);
    box-shadow: none;
    border: none;
    border-radius: 5px;
    padding: 10px;
}

.sylv #pun-navlinks .UM-innerlist,
.basic #pun-navlinks .UM-innerlist {
    font-size: 10px;
    left: 76px;
    top: -25px;
    position: absolute;
    z-index: 9999;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    background: rgba(12, 12, 12, 0.8);
    padding: 10px 6px 10px 6px;
    box-shadow: 0px 0px 2px #1a0b06;
    border: 1px solid #654f26ab;
}

#pun-navlinks .UM-more:hover .UM-innerlist {
    overflow: visible;
    max-height: 1000px;
    opacity: 1;
    z-index: 99999;
}

.light #pun-navlinks #navadmin,
#pun-navlinks #navadmin {
    position: absolute;
    font-size: small;
    top: 37px;
    padding-bottom: 6px;
    height: 2em;
}

#ForumD-ru.sticky #navadmin {
    right: -141px;
    font-size: small;
    top: 23px;
}


.basic #pun-navlinks #navadmin,
#pun-navlinks #navadmin {
    position: absolute;
    font-size: small;
    padding-bottom: 6px;
    height: 2em;
}


.sylv #pun-navlinks #navadmin,
.basic #pun-navlinks #navadmin {
    position: absolute;
    right: 15px;
    font-size: small;
    top: 20px;
    padding-bottom: 6px;
    height: 2em;
}

#pun-navlinks li#navadmin>a {
    font-family: 'Icons' !important;
    font-size: 0px !important;
    font-weight: 100;
}

#pun-navlinks li#navadmin>a::before {
    font-size: 20px !important;
    content: '\e8b8';
    filter: saturate(2.5) drop-shadow(0px 0px 1px black);
    display: block;
}

.sylv #pun-navlinks #navadmin {
    right: -15px;
}

#navadmin a span {
    overflow: hidden;
    width: 44px;
    display: inline-block;
}

#pun-navlinks .um-short1 {
    display: none !important;
}

#pun-navlinks #navuserlist .UM-list {
    display: none !important;
}

/* ПОЛЬЗОВАТЕЛЬСКАЯ НАВИГАЦИЯ 
-------------------------------------------------------------*/
.light #pun-ulinks .container,
#pun-ulinks .container {
    padding: 0 !important;
    text-align: center;
    margin: 1px 0px 0 0;
    display: flex;
    justify-content: flex-end;
    font-size: 10px;
}

.basic #pun-ulinks .container {
    padding: 0 !important;
    text-align: center;
    margin: 10px 0px 0 37px;
    display: flex;
    justify-content: space-evenly;
}

.sylv #pun-ulinks .container {
    padding: 0 !important;
    text-align: center;
    margin: 0px 0px 0 0;
    display: flex;
    margin-left: 18px;
    justify-content: center;
}


#pun-ulinks li,
#pun-ulinks li a {
    display: inline;
}

/*расположение */


#ForumD-ru #pun-ulinks {
    text-align: center;
    position: absolute;
    padding-top: 15px;
    width: 970px;
    margin: 0px;
}

#pun-ulinks {
    text-align: center;
    position: absolute;
    padding-top: 15px;
    width: 970px;
    margin: 456px 0px 0 0;
}

/* цвет ссылок */
.light #pun-ulinks a,
#pun-ulinks a {
    color: rgb(var(--canvas-tertiary));
    transition: color 0.5s linear 0s;
    text-transform: lowercase;
    padding-right: 20px;
    text-shadow: none;
}

.basic #pun-ulinks a {
    color: var(--navlink);
    transition: color 0.5s linear 0s;
    text-transform: lowercase;
    padding-right: 20px;
    text-shadow: none;
}

/* цвет ссылок при наведении */
.light #pun-ulinks a:hover,
#pun-ulinks a:hover {
    color: rgb(var(--accent));
}

.basic #pun-ulinks a:hover {
    color: rgb(var(--hovlink));
}

.sylv #pun-ulinks {
    top: 35px !important;
    width: 1000px !important;
    margin-left: 26px;
}

.sylv #pun-ulinks a {
    color: var(--headlink1);
}

.sylv #pun-ulinks a:hover {
    color: var(--hovlink1);
}


/* ВАШЕ МЕСТОРАСПОЛОЖЕНИЕ НА ФОРУМЕ СВЕРХУ И СНИЗУ 
-------------------------------------------------------------*/
/* расположение сверху */
#pun-crumbs1 {
    margin: 0px !important;
}

/* общий внешний вид */
.light #pun-crumbs2,
#pun-crumbs2 {
    font: 700 14px var(--font-cat-title);
    letter-spacing: -0.5px;
    font-weight: 700;
    position: absolute;
    text-transform: uppercase;
    width: 100%;
    /* margin-top: -15px !important; */
    text-align: center;
    text-shadow: none;
}

.light #pun-crumbs1,
#pun-crumbs1 {
    font: 700 14px var(--font-cat-title);
    letter-spacing: -0.5px;
    font-weight: 700;
    position: absolute;
    text-transform: uppercase;
    width: 100%;
    margin-top: 34px !important;
    text-align: center;
    text-shadow: none;
}

.basic #pun-crumbs1,
.sylv #pun-crumbs1 {
    font: var(--h1-font);
    letter-spacing: 0.5px;
    font-weight: 700;
    position: absolute;
    text-transform: none;
    width: 100%;
    margin-top: 0px !important;
    text-align: left;
    text-shadow: none;
}

.basic #pun-crumbs2,
.sylv #pun-crumbs2 {
    font: var(--h1-font);
    letter-spacing: 0.5px;
    font-weight: 700;
    position: absolute;
    text-transform: none;
    width: 100%;
    margin-top: 0px !important;
    text-align: left;
    text-shadow: none;
}

.light #pun-crumbs1 .container,
.light #pun-crumbs2 .container,
#pun-crumbs1 .container,
#pun-crumbs2 .container {
    color: rgba(26, 26, 26, 0.8);
}

.sylv #pun-messages #pun-crumbs1 {
    margin-top: -22px !important;
}


.sylv #pun-crumbs1,
.sylv #pun-crumbs2 {
    color: var(--link1) !important;
}

/* цвета ссылок */
.light #pun-crumbs2 a,
.light #pun-crumbs1 a,
#pun-crumbs2 a,
#pun-crumbs1 a {
    font-weight: bold;
    color: rgba(97, 121, 117, 1);
}

.basic #pun-crumbs2 a,
#pun-crumbs1 a {
    font-weight: bold;
    color: var(--link);
}

/* цвет ссылок при наведении */
#pun-crumbs2 a:hover,
#pun-crumbs1 a:hover {
    font-weight: bold;
    color: rgb(var(--accent));
}

.basic #pun-crumbs2 a:hover,
.basic #pun-crumbs1 a:hover {
    font-weight: bold;
    color: var(--hovlink);
}

.sylv #pun-crumbs2 a,
.sylv #pun-crumbs1 a {
    font-weight: bold;
    color: var(--link1);
}

.sylv #pun-crumbs2 a:hover,
.sylv #pun-crumbs1 a:hover {
    font-weight: bold;
    color: var(--hovlink1);
}

.sylv #pun-mod #pun-crumbs1 {
    color: var(--doptext);
    background: var(--forcol1);
    border: 1px solid #d1c5ac;
    border-radius: 3px;
    padding: 0px 10px !important;
    height: 40px;
}

/* СТРОКА ПРИВЕТСТВИЯ
-------------------------------------------------------------*/
#pun-status strong {
    font-weight: bold;
}

.basic #pun-status span {
    margin-right: 5px;
}

#pun-status .status-right {
    float: right;
}

/* расположение  */

.light #pun-status,
#pun-status {
    position: absolute;
    width: 1007px;
    display: flex;
    top: 550px;
    z-index: 1;
    opacity: 0.9;
    justify-content: center;
}

.basic #pun-status,
.sylv #pun-status {
    position: absolute;
    width: 890px;
    display: block;
    top: 665px;
    z-index: 1;
    opacity: 0.9;
}

/* внешний вид  */

.light #pun-status .container,
#pun-status .container {
    color: rgba(78, 78, 78, 1);
    font-size: 10px;
    display: flex;
    gap: 10px;
    /* text-transform: lowercase; */
}


.basic #pun-status .container {
    color: var(--doptext);
    display: block;
    font-size: 9px;
}

.sylv #pun-status .container {
    color: rgba(78, 78, 78, 1);
    display: block;
    font-size: 10px;
}

/* цвет ссылки  */
#pun-status a {
    font-weight: bold;
    color: var(--doplink);
}



/* Привет, последний визит - Сильвания
-------------------------------------------------------------*/

.sylv #pun-status {
    position: absolute;
    width: 280px;
    top: -18px;
    right: -8px;
    display: inline-block;
    text-shadow: #000000c9 1px 0px 1px;
}

.sylv {
    #pun-status .container {
        color: #6a5b41;
        font-size: 9px;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block;
        width: 235px;
        float: right;
    }


    #pun-status a {
        text-shadow: none;
    }

    #pun-status span.item1,
    #pun-status span.item2 {
        margin: 3px 0px;
    }

    span.item2 {
        display: block;
    }

    #pun-status p span.item3 {
        left: -638px;
    }

    span.item3.status-right,
    span.item4.status-right {
        position: absolute !important;
        top: -23px;
        opacity: 0.8;
    }

    span.item4.status-right {
        right: 138px;
    }

    .status_userava {
        margin: -2px 0px 0px -36px;
    }
}


/* ТЕМЫ
-------------------------------------------------------------*/
/* весь пост */



/* флекс пост */

.light .post .container,
.post .container {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.basic .post .container {
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
}


.post .container .toBlock {
    position: sticky !important;
    top: 50px;
    height: fit-content;
}

.basic .post .container .toBlock {
    top: 18px;
    margin-top: -25px;
}

.light .post-body,
.post-body {
    width: 758px;
}


.basic .post-body {
    width: 640px;
}

.basic .post-links {
    width: 100%;
    z-index: 100;
    position: relative;
}

.sylv .post-body {
    width: 708px;
    margin-left: 0px !important;
}

/* конец  */

/* разделитель между сообщения*/
.post h3 {
    margin: 25px 0px 10px;
}

.basic .post h3 {
    margin: 10px 0px;
}

.sylv .post h3 {
    margin: 10px 0px;
}

/* текст внутри разделителя */

.light .post h3 span, .post h3 span {
    display: block;
    font-size: 11px;
    letter-spacing: 0.5px;
    /* margin-left: 20px !important; */
    font-weight: normal;
    margin: 0px 17px 0 260px;
    padding: 1px 20px 3px;
    color: var(--doptext);
    max-width: calc(100% - 30px);
    box-sizing: border-box;
    background: linear-gradient(to right, #404f51, #25302b);
    border-radius: 3px;
}

#pun-messages .post h3 span {
    color: rgb(187 187 187);
    font: 500 15px 'Playfair';
    font-weight: 600;
    margin: -1px -1px 0 14px;
    padding-left: 103px;
}

.post.hideprofile h3>span {
    margin-left: calc(72px - min(56px, (100% - 806px))) !important;
}

.basic .post h3 span {
    display: block;
    /* font-size: 11px; */
    letter-spacing: 0.5px;
    font: 500 11px Verdana !important;
    /* margin-left: 20px !important; */
    /* font-weight: normal; */
    color: var(--doptext) !important;
    /* background: transparent; */
    background: #8b7b5b70 !important;
    margin: 5px 0px 5px 243px;
    border-radius: 0px;
    border: var(--bord);
    /* box-shadow: 0px 0px 2px rgb(26 11 6 / 48%), rgb(84 60 36 / 44%) 0px 0px 10px inset; */
    border-width: 1px;
    border-left: none;
    border-right: none;
    padding-top: 2px;
    border-image: linear-gradient(to right, rgba(211, 206, 189, 0) 5%, rgb(90 66 17 / 40%) 33%, rgb(90 66 17 / 40%) 68%, rgba(210, 205, 188, 0) 100%) 3% !important;
}

.sylv .post h3 span {
    display: block;
    font-size: 11px;
    letter-spacing: 0.5px;
    font-weight: normal;
    color: var(--doptext) !important;
    background: var(--forcol1);
    font: 400 11px Verdana !important;
    padding: 5px;
    border: 1px solid #d1c5ac;
    border-radius: 3px;
    padding-left: 7px !important;
}

/* ссылка-дата на сообщение */
.light a.permalink,
a.permalink {
    margin-left: 1%;
    font: 700 14px var(--font-cat-title);
    color: rgb(var(--canvas-primary));
}


.basic a.permalink {
    /* margin-left: 26%; */
    margin-left: 4%;
}



.sylv a.permalink {
    margin-left: 1%;
}


/* номер поста */

.post h3 strong {
    margin-right: -10px;
    color: rgba(210, 208, 199, 1);
    font-family: Playfair;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    text-align: right;
    float: right;
    text-transform: uppercase;
}

.sylv .post h3 strong,
.basic .post h3 strong {
    float: right;
    text-align: right;
    font-family: Verdana;
    font-weight: normal;
    margin-right: 25px;
    color: var(--link);
    font-size: 12px;
    line-height: 111%;
}

/* расположение профиля */
.post .post-author {
    float: left;
    min-height: 140px !important;
}

/* пост и отступы в посте */

.light .post-box,
.post-box {
    padding: 1em 0.2em 1em 0em;
}

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

.sylv .post-box {
    padding: 10px 5px 10px 10px;
}

/* выравнивание текста поста */
.post-content {
    width: 100%;
    overflow: visible;
    text-align: justify;
}

/* абзацы постов */
.light .post-content p,
.post-content p {
    margin: 0;
    padding: 0 0em 0.8em 0em;
    line-height: 150%;
}

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

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

.post-content .quote-box p:last-child,
.custom_tag_quote2 p:last-child {
    padding-bottom: 0;
}

.post-content {
    margin: 0px 0px 10px !important
}

/* ссылки в посте */
.post-links {
    font-weight: 100;
    position: relative;
    z-index: 5;
    display: block;
    width: 98%;
}

.light .post-links li,
.post-links li {
    display: inline;
    padding-left: 10px;
    font: 400 12px var(--font-cat-title);
    box-sizing: border-box;
    text-transform: uppercase;
    color: rgba(74, 74, 74, 1);
}

.post-links li:first-child {
    margin-left: 5px;
}

.basic .post-links li {
    display: inline;
    padding-left: 10px;
    background: transparent;
    border: none;
    margin-left: auto;
    text-transform: none;
}

.sylv .post-links li {
    display: inline;
    padding-left: 10px;
    background: transparent;
    border: none;
    margin-left: auto;
    text-transform: none;
}

.post-links ul {
    padding: 0px 0px;
    text-align: right;
}

.light .post-links ul a,
.post-links ul a {
    font: 700 12px var(--font-cat-title);
    font-size: 12px;
    color: rgba(74, 74, 74, 1);
    background: rgba(202, 209, 202, 1);
    padding: 3px 10px;
    border-radius: 30px;
    border: 1px solid rgba(173, 173, 173, 1);
    transition: background .3s ease-in-out, color .3s ease-in-out;
}


.light .post-links ul a:hover,
.post-links ul a:hover {
    font: 700 12px var(--font-cat-title);
    font-size: 12px;
    color: white!important;
    background: rgba(var(--accent));

}

.sylv .post-links ul a,
.basic .post-links ul a {
    font: var(--body-font);
    font-size: 11px;
    background: transparent;
    border: none;
}

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

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

/* курсив и подчеркнутый текст внутри поста */
.post-content em {
    font-style: italic
}

.post-content em.bbuline {
    font-style: normal;
    text-decoration: underline;
}

/* картинки в постах */
.post-content img {
    vertical-align: text-bottom
}

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

/* таблицы в постах */
td {
    border-color: transparent;
}

.post-content td {
    padding: 0.4em 0.5em !important;
    overflow: hidden;
}

/* разделитель подписи в посте */
.post-sig dt,
.post-sig dd,
.post-sig dl {
    margin: 0
}

.post-sig dt {
    display: block;
    border: 1px solid #b6b1a24f;
    width: 350px;
    margin: 0px auto 5px;
    border-image: linear-gradient(to right, rgba(211, 206, 189, 0) 0%, rgb(90 66 17 / 40%) 50%, rgba(210, 205, 188, 0) 100%) 1 !important;
    filter: blur(1px);
}

.sylv .post-sig dt {
    width: 388px;
    border-image: linear-gradient(to right, rgba(211, 206, 189, 0) 0%, rgb(131 107 60 / 26%) 50%, rgba(210, 205, 188, 0) 100%) 1 !important;
    filter: blur(1px);
}

/* экстра */
.post-content table {
    border-collapse: separate;
    margin: 0 0 0.8em
}

.post-content td p:last-child {
    padding-bottom: 0
}

.post-content .highlight-text {
    background-color: #ff0;
    color: #000
}

.post-content .spoiler-box>div {
    background: url('/img/plus.png') no-repeat left center;
    cursor: pointer;
    padding-left: 18px
}

.post-content .spoiler-box>div.visible {
    background-image: url('/img/minus.png')
}

.post-content .spoiler-box>blockquote {
    padding: 0;
    display: none;
    margin-top: 10px;
}

.post-content .spoiler-box>blockquote.visible {
    display: block;
    overflow: auto;
    color: black;
}

.post-content hr {
    opacity: 0.5;
    filter: alpha(opacity=50);
    margin-bottom: 0.8em
}

.post-content abbr {
    cursor: help
}

.post-content ul {
    padding: 0 0 1em 2.3em
}

.post-content ul li {
    list-style: inherit;
    margin-bottom: 0.3em
}

.post-content ul li ul {
    padding-bottom: 0
}

.post-content ul li>p {
    padding-bottom: 0.3em
}

.post-content ul li>p:last-of-type {
    padding-bottom: 0
}

/* ФОРМЫ
-------------------------------------------------------------*/
/* контейнер можно отключить */
.formal .container {
    padding: 10px 0px;
}

.punbb .formal fieldset {
    min-width: 0;
    border: none;
}

.punbb .formal span.input {
    padding-right: 0 !important
}

#pun-announcement h2 {
    display: none;
}

/* местоположение кнопок отправить/посмотреть */
.formsubmit {
    margin: 0px 0px 10px 35px;
}

.formsubmit input,
.formsubmit a,
.formsubmit span {
    margin: 0;
}

/* инфо по заполнению */
fieldset {
    padding: 5px 20px;
}

fieldset legend {
    margin: 0px;
}

/* настройка текста */
fieldset legend span {
    text-transform: none !important;
    font: var(--h1-font);
    font-weight: bolder;
}

fieldset fieldset {
    border: none;
    margin: 0;
    padding: 0px 0px 5px;
}

.fs-box {
    padding: 0px;
}

.fs-box p,
.punbb .fs-box fieldset {
    padding: 0 0 5px 0;
    margin: 0px;
}

.inline .inputfield,
.inline .selectfield,
.inline .passfield {
    float: left;
    margin-right: 1em;
}

.inline .infofield {
    clear: both
}

.datafield br {
    display: none
}

.required label,
.datafield span.input {
    font-weight: bold
}

textarea,
.longinput input {
    width: 64%;
    margin: 0;
}

/* обводка активного поля */
input,
textarea,
button {
    outline: none;
}

input:active,
textarea:active,
button:active {
    outline: none;
}

.hashelp {
    position: relative;
}

/* чекбоксы */
.checkfield input[type="checkbox"],
.radiofield input[type="radio"] {
    margin: 0 0.3em;
}

p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
    height: 1.8em;
    vertical-align: middle;
}

/* страница переадресации */
#pun-redirect {
    padding: 14px;
}

/* поле ввода текста поста */

.light textarea,
textarea {
    background: rgba(var(--accent), .3);
    padding: 12px !important;
    width: 96% !important;
    margin: auto;
    color: inherit;
    border: none;
    display: block;
    box-shadow: none;
    border-radius: 5px;
    border-width: 0px;
    box-sizing: border-box;
    border: 1px solid #73817e6e !important;
}

.areafield div button {
    position: absolute;
    top: 5px;
    left: -9px;
}

.sylv .areafield div button,
.basic .areafield div button {
position: static;
}

.basic textarea {
    background: #9f8d6991;
    padding: 12px !important;
    width: 100% !important;
    color: var(--t-body);
    /* border: var(--bord) !important; */
    display: block;
    box-shadow: 0px 0px 3px rgb(26 11 6 / 76%), rgb(84 60 36 / 64%) 0px 0px 3px inset;
    border-radius: 5px;
    border-width: 1px;
    /* box-sizing: border-box; */
    border: 0px solid var(--backcol) !important;
}

.sylv textarea {
    box-shadow: none;
    border-radius: 5px;
    border-width: 1px;
    width: 100% !important;
    background: var(--backcol1);
    border: 1px solid var(--backcol);
}

/* поле ввода название темы */

select,
input,
#plng {
    background: rgb(var(--accent), 0.68) !important;
    margin: 5px 0px;
    border-radius: 5px;
    color: black;
    border: 1px solid #73817e6e !important;
    box-shadow: none;
    border-width: 1px;
}

.basic select,
.basic input,
.basic #plng {
    background: #948463!important;
    margin: 5px 0px;
    border-radius: 3px;
    color: var(--t-body);
    border: var(--bord)!important;
    box-shadow: 0px 0px 2px rgb(26 11 6 / 48%), rgb(84 60 36 / 64%) 0px 0px 4px inset;
    border-width: 1px;
}

input[type="checkbox"] {
    opacity: 0.8;
    box-shadow: none;
}

.sylv select,
.sylv input,
.sylv #plng {
    background: var(--backcol1)!important;
    border: 1px solid var(--backcol) !important;
    box-shadow: none;
}

/* перенос сообщений из темы  */
.pun-modal .container {
    width: 100% !important;
    position: relative;
    border: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background:transparent;
}

.basic .pun-modal .modal-inner {
    background: var(--forcol) !important;
}


.sylv .pun-modal .modal-inner {
    background: var(--backcol1) !important;
}

/* пагинация 
-------------------------------------------------------------*/
/* страницы в подфоруме сверху */
.linkst {
    position: relative;
    height: 0;
    top: -15px;
}

.linkst .pagelink {
    margin-left: 18px;
}

.postlink.long {
    width: 300px;
}

.linkst .postlink {
    position: absolute;
    top: 0px;
    right: 21px;
    text-align: right;
    font-weight: bolder;
}

/* страницы в подфоруме снизу*/
.linksb {
    text-align: right;
    padding: 0px 5px;
    position: relative;
    bottom: -5px;
    z-index: 2;
}

.linksb .pagelink {
    width: 300px;
    text-align: left;
}

.linksb .postlink {
    float: right;
    font-weight: bold;
}

/* страницы в теме снизу*/
#pun-viewtopic .linksb {
    text-align: right;
    padding: 0px;
    position: relative;
    bottom: -20px;
}

/* подписаться и отслеживать внутри темы */
.subscribelink {
    clear: both;
    padding-top: 5px;
    margin-bottom: 30px;
}

/* меню модератора */
.modmenu .container {
    padding: 0px;
    text-align: right;
    margin: 10px 0px 0px;
}

.modmenu strong,
.modmenu a {
    height: 15px;
    padding-bottom: 10px;
}

.modmenu .container strong {
    float: left;
}

.modmenu input {
    margin-left: 1em;
}

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

.checkbox {
    width: auto !important;
}

.topic-dsc {
    font-size: 10px;
    color: rgb(36 30 28);
    margin-top: 2px;
    text-shadow: #fff8d263 1px 1px 2px;
    opacity: 0.68;
    margin-bottom: 0px;
}


/* КНОПКИ ОТПРАВИТЬ ПОСМОТРЕТЬ
-------------------------------------------------------------*/


input.button,
#post fieldset .hashelp div input,
button,
#mask_dialog .hv-add-template {
    border-radius: 25px !important;
    color: white;
    text-shadow: none;
    padding: 5px 15px !important;
    cursor: pointer !important;
    transition: .5s background, .5s color;
    font: var(--font-cat-title) !important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-size: 12px !important;
    width: auto;
    font-weight: 700 !important;
    background: rgba(var(--accent));
    border: 0px outset;
    border-color: transparent !important;
    box-shadow: none;
    margin-right: 10px;
}

input.button:hover,
#post fieldset .hashelp div input:hover,
button:hover {
    cursor: pointer !important;
    background: white !important;
    color: rgb(136 161 157);
}


.basic input.button,
.basic #post fieldset .hashelp div input,
.basic button,
.basic #mask_dialog .hv-add-template {
    border-radius: 3px !important;
    color: var(--forcol);
    text-shadow: 1px 1px black;
    padding: 5px !important;
    cursor: pointer !important;
    transition: .5s background;
    font: var(--h1-font) !important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-size: 11px !important;
    width: auto;
    font-weight: bolder !important;
    background: radial-gradient(ellipse at center, #2e1408 14%, #200702 100%)!important;
    border: 2px outset;
    border-color: rgba(98, 77, 46, 0.71) !important;
    box-shadow: inset 0px 0px 6px #855d42c7, 0px 3px 5px rgba(102, 48, 27, 0.553);
    margin-right: 10px;
}

/* при наведении */
.basic input.button:hover,
.basic #post fieldset .hashelp div input:hover,
.basic button:hover {
    cursor: pointer !important;
    background: radial-gradient(ellipse at center, #662609 14%, #200702 100%)!important;
}


.sylv input.button,
.sylv #post fieldset .hashelp div input,
.sylv button,
.sylv #mask_dialog .hv-add-template {
    border-radius: 3px !important;
    color: var(--backcol1);
    text-shadow: none;
    padding: 5px !important;
    cursor: pointer !important;
    transition: .5s color, .5 border-color, .5 background;
    font: var(--h1-font) !important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-size: 11px !important;
    width: auto;
    font-weight: bolder !important;
    background: #553d28!important;
    border: 1px solid;
    border-color: rgb(97 70 44) !important;
    box-shadow: none;
}

.sylv input.button:hover,
.sylv #post fieldset .hashelp div input:hover,
.sylv button:hover {
    cursor: pointer !important;
    color: var(--hovlink1);
    border-color: #7a7a7a !important;
    background: radial-gradient(ellipse at center, #bdb9b5 14%, #4a4a4a94 100%)!important;
}

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

/* бокс под цитаты/код итд */

blockquote {
    margin: 0;
}

.light .post-content .spoiler-box>div,
.post-content .spoiler-box>div {
    margin-bottom: 0px;
    width: 100%;
    padding-left: 30px !important;
    display: block;
    background: rgb(var(--accent)) !important;
    padding: 5px 25px 6px 40px;
    position: relative;
    box-sizing: border-box;
    border-radius: 100px;
}

.basic .post-content .spoiler-box>div,
.sylv .post-content .spoiler-box>div {
    background: transparent !important;
}

.post-content .spoiler-box>div::before {
    position: absolute;
    top: 50%;
    left: 16px;
    width: 18px;
    height: 18px;
    font-family: FontAwesome;
    color: white;
    font-size: 18px;
    transform: translate(-50%, -50%) rotate(0deg);
    transform-origin: center;
    backface-visibility: hidden;
    will-change: transform;
    transition: opacity 0.5s ease-in-out, filter 0.5s ease-in-out, transform 0.7s ease-in-out;
}

.basic .post-content .spoiler-box>div::before {
    color: #6f5a40;
}

.sylv .post-content .spoiler-box>div::before {
    /* color: #fff1d1; */
color: #6a624fad;
}

.post-content .spoiler-box>div::before {
    content: '\f0ab';
    transform: translate(-50%, -50%) rotate(0deg);
    text-shadow: none;
}

.post-content .custom_tag_alt1 .spoiler-box>div::before {
    filter: invert(1) opacity(0.3);
}

.basic .post-content .custom_tag_alt1 .spoiler-box>div::before {
    filter: none;
}

.post-content .spoiler-box>div.visible::before {
    transform: translate(-50%, -50%) rotate(180deg);
}

.post-content .custom_tag_alt1 .spoiler-box>div.visible::before {
    transform: translate(-50%, -50%) rotate(180deg);
    filter: invert(0) opacity(0.5);
}

.sylv .custom_tag_alt1 .spoiler-box>div::before {
        filter: invert(1) opacity(1.5);
}

.basic .custom_tag_alt1 .post-content .spoiler-box>div.visible::before {
    filter: invert(1) opacity(1.5);
}

.basic .post-content .spoiler-box>div,
.sylv .post-content .spoiler-box>div {
    padding-right: 18px !important;
}


.code-box .scrollbox {
    max-height: 180px;
    overflow-x: auto;
    height: min-content !important;
}

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

/* .post-content .quote-box, .post-content .code-box {
    margin: 10px;
    position: relative;
    overflow: hidden;
    padding: 15px 20px;
    background: var(--backcol);
    border: var(--bord);
    box-shadow: 0px 0px 3px rgb(26 11 6 / 76%), rgb(84 60 36 / 64%) 0px 0px 3px inset;
} */

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

.light .quote-box cite:not(.hide-box cite):before {
    /* font-family: Arial; */
    /* content: ""; */
    font-size: 1.1em;
    position: relative;
    /* background: url(https://forumstatic.ru/files/001c/70/90/94206.svg); */
    left: -16px;
    top: 9px;
    /* font-style: italic; */
    display: block;
    width: 14px;
    height: 14px;
    content: "\f5dd";
    font-family: 'Icons';
    /* background: url(https://forumstatic.ru/files/0005/6e/de/42222.png) left top no-repeat; */
    margin-right: 0px;
    font-weight: 400;
}

cite span.qcn {
    display: flex;
    background: rgb(var(--accent));
    padding: 2px 15px 2px 25px;
    border-radius: 100px;
    margin: -23px;
    margin-top: -17px;
    height: 17px;
    width: fit-content;
    border: 1px solid rgba(202, 209, 202, 1);
    align-items: center;
    justify-content: center;
}

.sylv cite span.qcn,
.basic cite span.qcn {
display: contents;
}

.sylv .quote-box cite:not(.hide-box cite):before,
.basic .quote-box cite:not(.hide-box cite):before {
    font-family: Arial;
    content: "\201C";
    font-size: 3.68em;
    position: relative;
    left: -12px;
    top: 23px;
    font-style: italic;
    background: transparent;
    display: inline;
    width: 40px;
    height: 20px;

}

.sylv .quote-box cite:before {
    color: var(--lightlink);
}

.basic .quote-box cite:before {
    color: #591409;
}


/* фон проставления репутации */
.post_reputation {
    background-color: #bec2c7;
    padding-right: 20px !important;
}

/* написал и выделить код */

.quote-box cite,
.light .quote-box cite {
    display: block;
    font: 500 15px Playfair;
    font-size: 15px;
    text-align: justify;
    margin: -8px 6px 20px -3px;
    /* border-bottom: 1px dotted rgba(42, 14, 8, 0.28); */
    font-weight: 500;
    line-height: 0px;
    position: relative;
    top: 14px;
    padding: 0px 10px 3px 28px;
    letter-spacing: 1px;
    background: transparent;
    border: none;
    color: white;
    height: 24px;
    border-radius: 50px;
    width: 89.6%;
}

.quote-box cite:not(.hide-box cite),
.light .quote-box cite:not(.hide-box cite) {
    margin: -1em 6px -1em -3px;
    top: 14px;
    padding: 0px 10px 0px 55px;
    width: 82.6%;
}


.sylv .quote-box cite {
    color: #0a746e;
}

.light .code-box strong.legend, .code-box strong.legend {
    display: block;
    font: 500 15px Playfair;
    font-size: 15px;
    text-align: justify;
    margin: -18px 6px 10px 0px !important;
    font-weight: 500;
    line-height: 0px;
    position: relative;
    top: 14px;
    padding: 0px;
    letter-spacing: 0px;
    background: transparent;
    border: none;
    color: white;
    height: 24px;
    border-radius: 50px;
    width: fit-content;
}

.sylv .code-box strong.legend {
    display: block;
    font: var(--h1-font);
    font-size: 15px;
    text-align: justify;
    margin: -18px 6px 10px 0px;
    font-weight: 500;
    line-height: 0px;
    position: relative;
    top: 15px;
    padding: 0px;
    letter-spacing: 0px;
    background: transparent;
    border: none;
    color: white;
    height: 34px;
    border-radius: 50px;
    width: fit-content;
}

.light .code-box strong.legend a, .code-box strong.legend a {
    background: rgb(var(--accent));
    padding: 0 10px;
    box-sizing: border-box;
    font: 500 13px Playfair;
    color: white;
    height: 20px;
    border-radius: 50px;
    border: 1px solid rgba(202, 209, 202, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    line-height: 0;
}

.basic .code-box strong.legend a {
    background: transparent;
    justify-self: self-start;
    font-weight: 900;
}

.sylv .code-box strong.legend a {
    background: transparent;
    padding: 2px 7px 7px 10px;
    box-sizing: content-box;
    display: block;
    position: relative;
    font: var(--h1-font);
    color: var(--hovlink1) !important;
    height: 30px;
    border-radius: 0px;
    border: none;
}

.basic .code-box strong.legend {
    display: block;
    font: var(--h1-font);
    font-size: larger;
    text-align: justify;
    margin: -8px 6px 0px -10px!important;
    border: none;
    font-weight: bold;
    background: transparent;
    color: #591409;
    line-height: 110%;
    letter-spacing: 1px;
    width: 60%;
    position: static;
}

.basic .quote-box cite, .sylv .quote-box cite {
    display: block;
    font: var(--h1-font);
    font-size: larger;
    text-align: justify;
    margin: -15px 6px 15px 6px!important;
    border: none;
    font-weight: bold;
    background: transparent;
    line-height: 110%;
    letter-spacing: 1px;
    width: 60%;
    position: static;
}

.basic .quote-box cite {
    color: #591409;
}

.hide-box cite {
    margin: 0px 6px 5px 65px !important;
}

.code-box strong.legend {
    margin: 0;
    font-weight: bold;
}

.quote-box cite a {
    font-weight: bold;
}

.quote-box cite a:hover,
.code-box strong.legend a:hover {
    color: #715b3e !important;
}

.post-content .spoiler-box>div {
    margin-bottom: 0px;
}

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

/* выделить код (скопировать код) */
#pun-main .code-box .scrollbox pre {
    font-family: var(--h1-font) !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
}

#smilies-area,
#video-area,
#spoiler-area {
    width: 450px
}

#image-area {
    width: 550px
}

#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: 20px !important;
}

#font-area span,
#size-area span {
    padding: 4px 0 !important
}

#addition-area div {
    vertical-align: middle;
    height: unset;
    margin: 3px 0px;
    padding: 3px;
}

#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;
    min-width: 30px
}

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

/* настройки оформления */
.light #font-area,
.light .popup_graffiti,
.light #size-area,
.light #image-area,
.light #color-area,
.light #addition-area,
.light #video-area,
.light .inner .popup_graffiti,
.light #table-area,
.light #keyboard-area,
.light #video-area-msg,
.light #smilies-area,
.light #video-area,
.light #spoiler-area,
.light #float,
.light #vkladka-area,
.light #meny_My_replic,
.light .unread-notifications .modal-inner,
.light .inner.post_reputation,
#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,
#vkladka-area,
#meny_My_replic,
.unread-notifications .modal-inner,
.inner.post_reputation {
    padding: 15px 10px 10px 10px !important;
    border-radius: 5px;
    color: black;
    border: 1px solid;
    background: rgb(var(--canvas-primary)) !important;
    box-shadow: none !important;
    border-color: rgb(114 153 150);
}

.basic #font-area,
.basic .popup_graffiti,
.basic #size-area,
.basic #image-area,
.basic #color-area,
.basic #addition-area,
.basic #video-area,
.basic .inner .popup_graffiti,
#table-area,
.basic #keyboard-area,
.basic #video-area-msg,
.basic #smilies-area,
.basic #video-area,
.basic #spoiler-area,
.basic #float,
.basic #vkladka-area,
.basic #meny_My_replic,
.basic .unread-notifications .modal-inner,
.basic .inner.post_reputation {
    padding: 15px 10px 10px 10px !important;
    border-radius: 5px;
    color: var(--t-body);
    border: var(--bord);
    background: #908362 !important;
    box-shadow: 0 0px 6px 1px rgba(53, 47, 25, 1), 0px 0px 12px #543c24 inset !important;
    border-color: rgba(98, 77, 46, 0.71);
}

.video-area-msg {
    display: none;
}

.sylv #font-area,
.sylv .popup_graffiti,
.sylv #size-area,
.sylv #image-area,
.sylv #color-area,
.sylv #addition-area,
.sylv #video-area,
.sylv .inner .popup_graffiti,
.sylv #table-area,
.sylv #keyboard-area,
.sylv #video-area-msg,
.sylv #smilies-area,
.sylv #video-area,
.sylv #spoiler-area,
.sylv #float,
.sylv #vkladka-area,
.sylv #meny_My_replic,
.sylv .unread-notifications .modal-inner,
.sylv .inner.post_reputation {
    padding: 15px 10px 10px 10px !important;
    border-radius: 5px;
    color: var(--t-body);
    border: var(--bord);
    background: var(--backcol1) !important;
    box-shadow: none !important;
    border-color: rgb(189 179 158) !important;
}

#size-area {
    width: 50px;
    left: 15px;
}

#vkladka-area,
#addition-area {
    height: 250px;
    overflow-y: auto;
}

#litr {
    background: url(https://forumstatic.ru/files/001b/d9/4a/62530.png) no-repeat scroll 2px 4px / cover !important;
    background-size: 19px !important;
    border: none !important;
    margin: 2px !important;
    box-shadow: none !important;
}

/* фон репутации */
.post_reputation {
    padding: 15px;
    background: var(--backcol);
}

#font-area {
    height: 160px;
    overflow-y: auto;
    display: -webkit-flex;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 3px 5px;
    left: 0px;
}

#font-area div {
    height: 20px;
    padding: 0px 15px;
    box-sizing: border-box;
}

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

.tab-list {
    border-radius: 11px;
    padding: 3px !important
}

#font-area div:hover,
#size-area div:hover,
#meny_My_replic p:hover,
#addition-area div:hover,
.hvStickerPackModalTab:hover {
    color: #496865;
    background: rgba(255, 255, 255, .1);
    border-radius: 11px;
    padding: 0px 15px 1px;
}

.basic #font-area div:hover,
.basic #size-area div:hover,
.basic #meny_My_replic p:hover,
.basic #addition-area div:hover,
.basic .hvStickerPackModalTab:hover {
    color: #751d1d;
    background: var(--backcol);
    border-radius: 11px;
    padding: 0px 15px 1px;
}

#size-area div:hover {
    color: #44605d;
    border-radius: 11px;
    background: transparent;
    padding: 0;
}

.basic #size-area div:hover {
    color: #751d1d;
    background: rgba(255, 255, 255, .1);
    border-radius: 11px;
    padding: 0;
}


.tab-list:hover {
    color: rgb(var(--accent)) !important;
}

.basic .tab-list:hover {
    color: #751d1d !important;
}

.sylv #font-area div:hover,
.sylv #size-area div:hover,
.sylv #meny_My_replic p:hover,
.sylv #addition-area div:hover,
.sylv .tab-list:hover,
.sylv .hvStickerPackModalTab:hover {
    color: var(--hovlink1) !important;
}

#meny_My_replic p {
    padding: 0px 15px 1px;
}


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

.user-avatar {
    height: 40px;
    width: 40px;
    float: left;
    position: relative;
    margin: 0px 20px 0px 0;
}

.light .user-avatar .avatar-image,
.user-avatar .avatar-image {
    height: 40px;
    width: 40px;
    color: #382b2982;
    opacity: 0.85;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
    filter: grayscale(0.5) brightness(0.9);
    border-radius: 50% !important;
    box-shadow: none !important;
    transition: opacity 0.4s, filter 0.4s !important;
}

.basic .user-avatar .avatar-image,
.sylv .user-avatar .avatar-image {
    height: 40px;
    width: 40px;
    color: #382b2982;
    opacity: 0.85;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
    filter: grayscale(0.5) brightness(0.9);
    border-radius: 12% !important;
    box-shadow: 0 0px 4px 1px rgb(82 59 20), 0px 0px 6px #543c24 inset !important;
    transition: opacity 0.4s, filter 0.4s !important;
}

.user-avatar .avatar-image span img {
    filter: grayscale(1) !important;
}

.user-avatar .isonline {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: -4px;
    right: -4px;
    animation: blinkColor .9s linear infinite;
    -moz-animation: blinkColor .9s linear infinite;
    -webkit-animation: blinkColor .9s linear infinite;
    background: #243e08 !important;
    z-index: 100;
}

.punbb .user-avatar a {
    padding: 0 !important;
    background: none transparent !important
}

.punbb .user-avatar a::after {
    content: none !important
}

@keyframes blinkColor {
    0% {
        opacity: 1.0
    }

    50% {
        opacity: .3
    }

    100% {
        opacity: 1.0
    }
}

@-moz-keyframes blinkColor {
    0% {
        opacity: 1.0
    }

    50% {
        opacity: .3
    }

    100% {
        opacity: 1.0
    }
}

@-webkit-keyframes blinkColor {
    0% {
        opacity: 1.0
    }

    50% {
        opacity: .3
    }

    100% {
        opacity: 1.0
    }
}

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

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

.light #pun-index .user-avatar .avatar-image,
#pun-index .user-avatar .avatar-image {
    height: 38px;
    width: 38px;
    border: 3px solid rgba(136, 161, 157, 1);
    opacity: 0.85;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
    filter: grayscale(0.5);
    background-position: 70% 25%;
}

.sylv #pun-index .user-avatar .avatar-image,
.basic #pun-index .user-avatar .avatar-image {
    height: 40px;
    width: 40px;
    border: none;
    opacity: 0.85;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
    filter: grayscale(0.5);
}

#pun-viewforum.user-avatar .avatar-image {
    height: 35px;
    width: 35px !important;
}

.user-avatar .avatar-image:hover {
    opacity: 1 !important;
    filter: none !important;
}

/* СТРАНИЦА ЛИЧНЫХ СООБЩЕНИЙ
-------------------------------------------------------------*/
#pun-messages .post h3 {
    margin-left: -83px !important;
    width: 902px;
}

.basic #pun-messages .post h3 {
    margin-left: 95px !important;
    width: 480px;
}

.sylv #pun-messages .post h3 {
    margin-left: -70px !important;
    width: 835px;
}

#pun-messages .post-author {
    margin-left: -70px !important;
    margin-top: 0px !important;
}

.sylv #pun-messages .post-author {
    margin-left: -70px !important;
    margin-top: 0px !important;
    background: url(https://forumstatic.ru/files/001b/fd/b9/98762.png) top no-repeat, url(https://forumstatic.ru/files/001b/fd/b9/96179.png) bottom no-repeat, url(https://forumstatic.ru/files/001b/fd/b9/91782.png) repeat-y;
    width: 267px;
}

.sylv #pun-messages .post-author ul {
    margin-top: 33px !important;
}

#pun-messages .pa-author a {
    text-shadow: none !important;
}

#pun-messages .pa-author {
    text-shadow: none !important;
}

#pun-messages .post-body {
    width: 622px;
    border-radius: 15px;
    padding: 10px;
    box-sizing: border-box;
    background: rgba(var(--text-light), .2);
    margin-left: 181px !important;
}

.basic #pun-messages .post-body {
    width: 470px;
    margin-left: 200px !important;
    padding: 0px;
    box-sizing: border-box;
    background: transparent;
    margin-left: 220px !important;
}

.sylv #pun-messages .post-body {
    width: 520px;
    margin-left: 220px !important;
    padding: 0px;
    box-sizing: border-box;
    background: transparent;
    margin-left: 220px !important;
}

#pun-messages .post .container {
    border: none !important;
    display: inline-block;
}

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

#pun-messages button.button.hotkeys_help {
    top: 0px !important;
}

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

.pmtcl1 {
    width: 50% !important;
}

.messages-container td.tc2 a {
    text-wrap: wrap;
    line-height: normal;
    text-align: left;
    padding-left: 15px;
}

.messages-container td.tc2 {
    display: flex;
    flex-direction: row;
    width: 100% !important;
    height: 36px;
}

.messages-container td.tc3 {
    vertical-align: top;
}


/* ПРОКРУТКА, ВЫДЕЛЕНИЕ, ВВЕРХ-ВНИЗ, БЕГУНОК УВЕЛИЧЕНИЯ ТЕКСТА 
-------------------------------------------------------------*/
/* выделенный текст */

.light ::selection,
::selection {
    background: rgb(132 169 163);
    color: black;
    text-shadow: none;
}

.sylv ::selection,
.basic ::selection {
    background: rgba(81, 43, 29, 0.28);
    color: rgb(149, 131, 95);
    text-shadow: 1px 1px 0px rgba(42, 21, 6, 1), 1px 1px 1px rgba(55, 29, 15, 0.75), 0px 0px 9px #201409;
}

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

/* движущаяся часть прокрутки */
::-webkit-scrollbar-thumb {
    background-color: rgba(118, 143, 112, 1);
}

.sylv #pun ::-webkit-scrollbar-thumb,
.post-content ::-webkit-scrollbar-thumb,
.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,
.sylv .text-info::-webkit-scrollbar-thumb {
    background: #5b473678;
    border: none;
}

/* .basic #pun ::-webkit-scrollbar-thumb, .post-content ::-webkit-scrollbar-thumb, .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, .basic .text-info::-webkit-scrollbar-thumb {
  background: red;
  border: none;
} */


/* подложка прокрутки */
::-webkit-scrollbar-track {
    background-color: rgb(var(--canvas-tertiary));
}

.sylv #pun ::-webkit-scrollbar-track,
.post-content ::-webkit-scrollbar-track,
.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,
.sylv .text-info::-webkit-scrollbar-track {
    background: #5b554947;
    border: none;
    width: 4px;
}

/* ПРОФИЛЬ ПРИ НАСТРОЙКЕ + ЛИЧНЫЕ СООБЩЕНИЯ
-------------------------------------------------------------*/
/* контейнер */
#profile .container {
    padding-left: 168px;
}

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

.basic #profilenav {
    float: left;
    width: 175px;
    margin-left: -168px;
}

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

/* отступ в управлении  */
#setmods dl {
    padding: 0 0 0 110px;
}

#setmods dt {
    float: left;
    width: 150px;
    margin-left: -190px;
    padding: 10px;
    font-weight: bold;
    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 {
    text-align: center;
}

/* ПРОФИЛЬ в ПРЕДПРОСМОТРЕ
-------------------------------------------------------------*/
#viewprofile table {
    background: linear-gradient(133deg, #d3d7d3, #aec3c2);
    border-radius: 20px;
    padding: 20px;
    width: 96.4%;
    border: 1px solid transparent;
    background-image: linear-gradient(#d5d8d6, #bbcbc2), radial-gradient(circle at top left, #dbe8e2, #88a19d);
    background-origin: border-box;
    background-clip: padding-box, border-box;

}

.sylv #viewprofile table,
.basic #viewprofile table {
    background: transparent;
    border-radius: 0px;
    padding: auto;
    width: auto;
    border: none;
}


.basic #viewprofile ul {
    padding: 0px 25px;
}

#viewprofile li span {
    float: left;
    width: 150px;
    padding: 5px 10px;
    font-weight: bold;
}

#viewprofile li strong,
#viewprofile li div {
    display: block;
    padding: 7px 10px;
    font-weight: normal;
}

#profile-left {
    width: 25%;
    padding-top: 0 !important;
}

#profile-right {
    width: 55%
}

#profile-name strong {
    font-size: 14px
}

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

#profile-signature {
    padding: 10px;
}

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

#viewprofile #pa-avatar img {
    box-shadow: #462a2069 0px 0px 4px 0px, inset #462a2069 0px 0px 4px 0px;
    border: 3px double rgb(40 23 19 / 35%);
}

#viewprofile #anketa {
    width: 50%;
    filter: brightness(1.5);
}

/* ОСНОВНЫЕ НАСТРОЙКИ. НЕ ТРЕБУЮТ ИЗМЕНЕНИЙ
-------------------------------------------------------------*/
* html .tclcon {
    height: 1px
}

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

/* отступы по умолчанию у тела */
body {
    margin: 0;
}

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

/* 
li:not(.tabquote li),
 {
    list-style: none;
}
*/

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

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

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

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

#pun-ulinks .item5,
.modlist,
.topic a.sharelink,
li.pa-ua,
.pa-author imgб li#navawards,
.lastedit,
.pa-gifts,
div#pun-live-rusff {
    display: none;
}

/* информация при регистрации */
.info-box {
    padding: 0 30px;
    margin: 0 0 10px 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: 0px !important;
}

#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%;
    margin-bottom: 5px;
}



#form-buttons td {
    padding: 0 !important;
    line-height: 0;
    background-position: center;
    background-repeat: no-repeat;
    border: 0;
    cursor: pointer;
}

#form-buttons td img {
    height: 26px;
    width: 100%
}

#form-buttons tr {
    text-align: center;
}

td#button-font {
    background: url('/i/form_buttons.3.png') no-repeat 50% 5px
}

td#button-size {
    background: url('/i/form_buttons.3.png') no-repeat 50% -21px
}

td#button-bold {
    background: url('/i/form_buttons.3.png') no-repeat 50% -47px
}

td#button-italic {
    background: url('/i/form_buttons.3.png') no-repeat 50% -73px
}

td#button-underline {
    background: url('/i/form_buttons.3.png') no-repeat 50% -99px
}

td#button-strike {
    background: url('/i/form_buttons.3.png') no-repeat 50% -125px
}

td#button-left {
    background: url('/i/form_buttons.3.png') no-repeat 50% -151px
}

td#button-center {
    background: url('/i/form_buttons.3.png') no-repeat 50% -177px
}

td#button-right {
    background: url('/i/form_buttons.3.png') no-repeat 50% -203px
}

td#button-link {
    background: url('/i/form_buttons.3.png') no-repeat 50% -229px
}

td#button-spoiler {
    background: url('/i/form_buttons.3.png') no-repeat 50% -255px
}

td#button-image {
    background: url('/i/form_buttons.3.png') no-repeat 50% -281px
}

td#button-video {
    background: url('/i/form_buttons.3.png') no-repeat 50% -307px
}

td#button-hide {
    background: url('/i/form_buttons.3.png') no-repeat 50% -333px
}

td#button-quote {
    background: url('/i/form_buttons.3.png') no-repeat 50% -359px
}

td#button-code {
    background: url('/i/form_buttons.3.png') no-repeat 50% -385px
}

td#button-color {
    background: url('/i/form_buttons.3.png') no-repeat 50% -411px
}

td#button-smile {
    background: url('/i/form_buttons.3.png') no-repeat 50% -437px
}

td#button-keyboard {
    background: url('/i/form_buttons.3.png') no-repeat 50% -463px
}

td#button-table {
    background: url('/i/form_buttons.3.png') no-repeat 50% -489px
}

td#button-addition {
    background: url('/i/form_buttons.3.png') no-repeat 50% -515px
}

#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: 40% !important;
}

#pun-index .isub .tcl {
    padding-left: 3em !important;
}

#pun-main #subforums {
    padding: 1em 0 1em 1em;
    margin-bottom: 5px;
}

.icons-pencil:before {
    content: '\270E';
}

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

/** подгрузка видео и картинок 
---------------------------------------------------------------*/
#video-host-list {
    margin-top: .3em;
    line-height: 1.8em
}

#video-area-tinp,
#image-area-tinp {
    margin: .5em 0;
    padding: .3em;
    border: #66a solid 1px;
    height: 70px
}

#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: .9em
}

.uploadQueueItem {
    padding: .8em 1em;
    border: solid 1px #ddd;
    border-radius: 5px;
    margin-bottom: .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: -.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: .1%;
    transition: width .1s linear
}


/** подсказки и затемнение фона при всплывающих страницах 
---------------------------------------------------------------*/
.tipsy {
    padding: 5px;
    font-size: 11px;
    font-family: tahoma, helvetica, verdana, arial;
    position: absolute;
    z-index: 100000;
}

.tipsy-inner {
    padding: 5px 8px 4px;
    background-color: black;
    color: white;
    max-width: 200px;
    text-align: center;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.tipsy-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border: solid 5px;
    border-color: transparent transparent black transparent
}

.tipsy-n .tipsy-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-top: 0
}

.tipsy-nw .tipsy-arrow {
    top: 0;
    left: 11px !important;
    border-top: 0
}

.tipsy-ne .tipsy-arrow {
    top: 0;
    left: auto !important;
    right: 11px;
    border-top: 0
}

.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-color: black transparent transparent transparent;
    border-bottom: 0
}

.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 11px !important;
    border-color: black transparent transparent transparent;
    border-bottom: 0
}

.tipsy-se .tipsy-arrow {
    bottom: 0;
    left: auto !important;
    right: 11px;
    border-color: black transparent transparent transparent;
    border-bottom: 0
}

.tipsy-e .tipsy-arrow {
    top: 50%;
    margin-top: -5px;
    left: auto !important;
    right: 0;
    border-color: transparent transparent transparent black;
    border-right: 0
}

.tipsy-w .tipsy-arrow {
    top: 50%;
    margin-top: -5px;
    left: 0 !important;
    border-color: transparent black transparent transparent;
    border-left: 0
}

.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: .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: .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: .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: .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, .5);
    cursor: pointer;
    z-index: 110000
}

.pun-modal .modal-inner {
    width: 700px;
    max-width: 94%;
    height: auto;
    /* max-height: 44em; */
    margin: 12% auto 0;
    box-shadow: 0 0 14px rgba(0, 0, 0, .3);
    position: relative;
    z-index: 120000;
    overflow: hidden;
    border: 1px solid var(--proftext1);
    background: rgb(var(--canvas-primary)) !important;
    box-shadow: none !important;
}

.pun-modal h2,
.pun-modal h1 {
    max-width: 700px;
    margin: 0 auto !important;
    background: #c1c8c1 !important;
    border-radius: 0px !important;
    font-size: 20px;
    color: rgb(68 82 80) !important;
}

.basic .pun-modal h2,
.basic .pun-modal h1 {
    max-width: 700px;
    margin: 0 auto !important;
    background: var(--forcol) !important;
    border-radius: 0px !important;
    color: var(--doplink) !important;
}

.sylv .pun-modal h2,
.pun-modal h1 {
    max-width: 700px;
    margin: 0 auto !important;
    border-radius: 0px !important;
    color: var(--doplink1) !important;
}

.pun-modal .container {
    padding: .6em 1em;
    max-height: 40em;
    overflow: auto
}

.pun-modal .closer {
    position: absolute;
    font-size: 1.5em !important;
    line-height: .8em;
    right: .4em;
    padding: .3em !important;
    margin: -.3em !important;
    cursor: pointer;
    background: none 0 transparent !important
}

.noscroll {
    overflow: hidden !important
}


/* <!--Дополнительная кнопка BB--> */
#meny_My_replic {
    max-height: 250px;
    overflow: auto;
}


div[class^="exmod"] {
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    background-image: -moz-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    background-image: -ms-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    background-image: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    border-radius: 11px;
    -webkit-border-radius: 11px;
    -khtml-border-radius: 11px;
    -moz-border-radius: 11px;
    -o-border-radius: 11px;
    box-shadow: 5px 5px 5px #351000;
    -moz-box-shadow: 5px 5px 5px #9C9C9C;
    -webkit-box-shadow: 3px 3px 8px #210800;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#9C9C9C', direction=145, strength=7);
    padding: 1px;
    margin: 0 10px;
}

div.modex1 {
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-color: #CD5C5C !important;
    background-image: -moz-linear-gradient(left top, #B22222, #FA8072);
    background-image: -o-linear-gradient(left top, #B22222, #FA8072);
    background-image: -webkit-linear-gradient(left top, #310a03, #6f0f06);
    background-image: -ms-linear-gradient(left top, #B22222, #FA8072);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#B22222, endColorstr=#FA8072, GradientType=1);
    background-origin: padding-box !important;
    background-position: 0 0 !important;
    background-repeat: repeat !important;
    background-size: auto auto !important;
    margin: 0;
    padding-left: 7px;
}

div.exmod1 {
    background-color: rgba(115, 20, 14, 0.73);
    border: 2px solid #650f09 !important;
}


div.exmod2 {
    background-color: rgba(26, 60, 0, 0.64);
    border: 2px solid #152f01 !important;
}

div[class^="modex"] {
    border-radius: 8px 8px 0 0 !important;
    color: white;
    font: 20px "Book Antiqua" !important;
    text-shadow: -2px 0 rgba(0, 0, 0, 0.21), 0 -2px rgba(0, 0, 0, 0.1), 2px 0 rgba(255, 255, 255, 0.1), 0 2px rgba(255, 255, 255, 0.1), -2px -2px rgba(0, 0, 0, 0.1), 2px 2px rgba(255, 255, 255, 0.1);
}

div.modex2 {
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-color: #102301 !important;
    background-image: -moz-linear-gradient(left top, #4682B4, #87CEFA);
    background-image: -o-linear-gradient(left top, #4682B4, #87CEFA);
    background-image: -webkit-linear-gradient(left top, #102301, #5d820c);
    background-image: -ms-linear-gradient(left top, #4682B4, #87CEFA);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#4682B4, endColorstr=#87CEFA, GradientType=1);
    background-origin: padding-box !important;
    background-position: 0 0 !important;
    background-repeat: repeat !important;
    background-size: auto auto !important;
    margin: 0;
    padding-left: 7px;
}



/********* скрипт поиска по теме  *********/
#tuser {
    opacity: 0.5 !important;
    position: absolute;
    left: 200px;
}

#sTheme::placeholder {
    color: #00000082;
}

#sTheme,
#isk {
    border: 0px solid #c01f1f00 !important;
    margin-left: -20px;
}


.post-content table {
    margin: 0 0 0 0 !important;
}

.reaction-chip {
    border: 1px solid #584d3663 !important;
    background-color: #74634266 !important;
    box-shadow: 0 0px 6px 1px rgb(139 118 68), 0px 0px 6px #745c46 inset !important;
}

.reaction-counter__emoji {
    opacity: 0.5;
}

.reactions-root button svg path {
    color: rgb(54 38 24 / 37%);
}

.reactions-root .emoji-mart {
    border: 1px solid #2a221663 !important;
    background: #a69776ed !important;

}

.reactions-root .emoji-mart-category-label span {
    background-color: rgb(207 190 157 / 70%) !important;
    border-radius: 2px;
}

.reactions-root .emoji-mart-category .emoji-mart-emoji:hover:before {
    background-color: rgb(207 190 157 / 70%) !important;
}

.reaction-picker {
    margin-left: 0px;
}

.reactions-container {
    width: 22px !important;
    margin-left: 0px;
    margin-right: 0px;
}

.reaction-picker-button {
    border-radius: 18% !important;
    width: 22px !important;
    height: 22px !important;
}




.heading {
    text-align: center;
    font-family: Book Antiqua;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: #a9a685 2px 1px 0px;
    letter-spacing: 1px;
    color: #2f1406;
}







/********* матчасть htlm  *********/


/*********сюжет  *********/

.sylv .world-container .closed {
    background: url(https://i.imgur.com/hHwrl6q.png) top no-repeat, url(https://i.imgur.com/0qQXogd.png) bottom no-repeat, url(https://i.imgur.com/rsOFosN.png) repeat-y !important;
}


.world-container,
.world-container .closed {
    overflow-x: visible;
    overflow-y: hidden;
}



input#OAB2C1,
input#OAB2C2,
input#OAB2C3,
input#OAB2C4 {
    display: none;
}

input[id^="spoiler"] {
    display: none;
}

input[id^="spoiler"]+label {
    width: 95%;
    cursor: pointer;
    display: block;
    min-height: 18px;
    outline-offset: 2px;
    box-shadow: rgb(0 0 0 / 35%) 0px 0px 5px inset;
    background-color: rgb(60 44 20 / 30%) !important;
    margin: 3px 4px;
    overflow: hidden;
    outline: rgb(38 30 12 / 30%) solid 1px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(70 57 30 / 30%);
    border-image: initial;
    padding: 7px 8px 7px 22px !important;
    text-align: center;
    font-family: Georgia;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff2da;
    text-shadow: #000000ba 1px 1px 2px;
    word-spacing: 0.3em;
    letter-spacing: 0.02em;

    background: url(https://forumstatic.ru/files/001b/d9/4a/90954.png) no-repeat left 8px center;
}


input[id^="spoiler"]:hover+label,
input[id^="spoiler"]:checked+label {
    text-shadow: #dfddca 1px 1px 1px;
    background-color: rgb(211 193 157 / 49%) !important;
    outline: rgb(211 193 157 / 49%) solid 1px;
    letter-spacing: 0.03em;
    color: #4c3a16;
    font-weight: bold;
}

input[id^="spoiler"]:checked+label {
    background-image: url(https://forumstatic.ru/files/001b/d9/4a/99952.png);
}

input[id^="spoiler"]~.spoiler {
    width: 98%;
    height: 0;
    overflow: hidden;
    opacity: 0;
}

input[id^="spoiler"]:checked+label+.spoiler {
    height: auto;
    opacity: 1;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: justify;
}


input[id^="2spoiler"] {
    display: none;
}

input[id^="2spoiler"]+label {
    display: block;
    margin: 0px 35px;
    width: 768px;
    background-color: rgba(27, 14, 4, 0.15);
    text-align: center;
    font-family: Georgia;
    height: auto;
    overflow: hidden;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    border: 3px double rgba(42, 14, 8, 0.28);
    transition: background-color 0.6s, text-shadow 0.6s, color 0.6s;
}

input[id^="2spoiler"]:hover+label {
    text-shadow: #a9a685 1px 1px 0px;
    background-color: rgb(60 31 8 / 22%);
}

input[id^="2spoiler"]:checked+label {
    text-shadow: #a9a685 1px 1px 0px;
}

input[id^="2spoiler"]~.spoiler {
    width: 98%;
    height: 0;
    overflow: hidden;
    opacity: 0;
}

input[id^="2spoiler"]:checked+label+.spoiler {
    height: auto;
    opacity: 1;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: justify;
}



/********************************************************************
* от Ллина
 
********************************************************************/


/* взаимный пиар */

.pl-mutualPR {
    background-color: rgb(54 28 8 / 10%);
    border: 3px double rgb(50 16 2 / 28%);
    transition: color 0.5s linear 0s, background-color 0.5s linear 0s;
    padding: 4px 5px !important;
    margin: 0px 0px 0px 0px;
}

.pl-mutualPR:hover {
    transition: color 0.5s linear 0s, background-color 0.5s linear 0s;
    background-color: rgb(27 14 4 / 19%);
}

/*спойлер, цитата и код */


.quote-box:not(:has(cite), .custom_tag_alt .quote-box, .custom_tag_alt1 .quote-box,.custom_tag_alt0 .quote-box),
.quote-box:not(:has(cite), .custom_tag_alt .quote-box, .custom_tag_alt1 .quote-box, .custom_tag_alt0 .quote-box),
.quote-box.hide-box, 
.punbb #pun-main .quote-box:has(cite):not(.quote-box.spoiler-box, .custom_tag_alt .quote-box, .custom_tag_alt1 .quote-box, .custom_tag_alt0 .quote-box, .quote-box.hide-box) blockquote,
.light .quote-box:not(:has(cite), .light .custom_tag_alt .quote-box, .light .custom_tag_alt1 .quote-box, .light .custom_tag_alt0 .quote-box), .quote-box:not(:has(cite), .custom_tag_alt .quote-box, .custom_tag_alt1 .quote-box, .custom_tag_alt0 .quote-box),
.quote-box.hide-box, .light .punbb #pun-main .quote-box:has(cite):not(.quote-box.spoiler-box, .custom_tag_alt .quote-box, .custom_tag_alt1 .quote-box, .custom_tag_alt0 .quote-box, .quote-box.hide-box) blockquote {
    margin: 1.2em;
    padding: 1.4em 1.2em 1.2em;
    border-radius: 5px;
    background: #aeb3ae;
    border: 1px solid rgb(161 161 161);
    /* color: white; */
    box-shadow: none;
}


.sylv .quote-box blockquote, .basic .quote-box blockquote {
    background: transparent !important;
    border: none !important;
    padding: 0.0em 0.4em !important;
    margin: 0em !important;
}

.custom_tag_quote2 {
    margin: 0.5em 0.5em 1em 0.5em;
    padding: 1em 1em 1em 1em;
    background: rgba(223, 225, 223, 1);
    box-shadow: none;
    border: 1px solid rgba(173, 173, 173, 1);
    border-radius: 5px;
}

.basic .custom_tag_quote2,
.basic .quote-box.hide-box,
.basic .punbb #pun-main .code-box,
.basic .punbb #pun-main .quote-box:has(cite):not(.quote-box.spoiler-box, .custom_tag_alt .quote-box, .basic .custom_tag_alt1 .quote-box, .basic .custom_tag_alt0 .quote-box) {
    margin: 0.5em 0.5em 1em 0.5em;
    padding: 1.2em;
    border-radius: 3px;
    border: none;
    background: rgb(255 255 255 / 9%) 0 top repeat-y;
    box-shadow: 2px 2px 8px -5px rgb(26 11 6 / 67%), rgb(58 49 40 / 19%) 0px 0px 3px 1px;
}

.sylv .custom_tag_quote2,
.sylv .quote-box.hide-box,
.sylv .punbb #pun-main .code-box,
.sylv .punbb #pun-main .quote-box:has(cite):not(.sylv .quote-box.spoiler-box, .sylv .custom_tag_alt .quote-box, .sylv .custom_tag_alt1 .quote-box, .sylv .custom_tag_alt0 .quote-box) {
    margin: 1.5em;
    padding: 1.2em;
    border: none;
    border-radius: 3px;
    background: rgb(255 255 255 / 9%) 0 top repeat-y;
    box-shadow: 2px 2px 8px -5px rgb(26 11 6 / 67%), rgb(58 49 40 / 19%) 0px 0px 3px 1px;
}

.punbb #pun-main .code-box {
    margin: 0.5em 0.5em 1em 0.5em;
    padding: 1.2em;
    border-radius: 5px;
    background: rgba(115, 138, 134, 1);
    box-shadow: none;
    border: 1px solid rgba(173, 173, 173, 1);
}

.light .quote-box.spoiler-box:not(.custom_tag_alt .quote-box, .light .custom_tag_alt1 .quote-box, .light .custom_tag_alt0 .quote-box),
.quote-box.spoiler-box:not(.custom_tag_alt .quote-box, .custom_tag_alt1 .quote-box, .custom_tag_alt0 .quote-box) {
    margin: 0.5em 0.5em 1em 0.5em;
    padding: 1em 1em 1em 1em;
    background: rgba(223, 225, 223, 1);
    box-shadow: none;
    border: 1px solid rgba(173, 173, 173, 1);
    color: rgba(255, 255, 255, 1);
    border-radius: 5px;
}

.basic .quote-box:not(:has(cite), .basic .custom_tag_alt .quote-box, .basic .custom_tag_alt1 .quote-box, .basic .custom_tag_alt0 .quote-box),
.basic .quote-box.spoiler-box:not(.custom_tag_alt .quote-box, .basic .custom_tag_alt1 .quote-box, .basic .custom_tag_alt0 .quote-box) {
    margin: 0.5em 0.2em 1em;
    padding: 1em 1em 1em 1em;
    background: rgba(27, 14, 4, 0.1) 0 top repeat-y;
    box-shadow: 0px 0px 3px rgb(26 11 6 / 76%), rgb(84 60 36 / 64%) 0px 0px 3px inset;
    border: 3px double rgba(42, 14, 8, 0.28);
    color: inherit;
}

.sylv .quote-box.hide-box,
.sylv .quote-box:not(:has(cite), .sylv .custom_tag_alt .quote-box, .sylv .custom_tag_alt1 .quote-box, .sylv .custom_tag_alt0 .quote-box),
.sylv .quote-box.spoiler-box:not(.sylv .custom_tag_alt .quote-box, .sylv .custom_tag_alt1 .quote-box, .sylv .custom_tag_alt0 .quote-box) {
    padding: 14px;
    background: var(--forcol1);
    background-color: #c7bba180;
    color: #0a1021;
    box-shadow: inset 0px 0px 2px #aca48d5c, inset 0px 0px 1px #bbac855e, inset 0px 0px 30px rgb(147 139 120 / 37%);
    border-radius: 7px;
    border: var(--bord1);
    border-style: double;
}

.quote1-box.quote1-main {
    background: rgba(27, 14, 4, 0.6) 0 top repeat-y;
    box-shadow: 0px 0px 3px rgb(26 11 6 / 76%), rgb(84 60 36 / 64%) 0px 0px 3px inset !important;
    border-radius: 5px;
}

.custom_tag_alt1 .quote-box.spoiler-box>div,
.custom_tag_alt1 .quote-box.spoiler-box>div.visible,
.custom_tag_alt1 .quote-box.quote-main,
.custom_tag_alt .quote-box.quote-main {
    display: block;
    height: auto;
    outline-offset: 1px;
    box-shadow: rgba(255, 255, 255, 0.46) 0px 0px 5px inset;
    filter: invert(1) sepia(1);
    background-color: rgba(225, 225, 225, 0.3) !important;
    margin: 4px 2px;
    overflow: hidden;
    transition: all 0.6s ease 0s;
    outline: rgba(255, 242, 218, 0.31) solid 1px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(112, 91, 65, 0.66);
    border-image: initial;
    padding: 8px 8px 8px 8px !important;
}

.custom_tag_alt1 .quote-box.quote-main {
    mix-blend-mode: luminosity;
}

.custom_tag_alt .quote-box.spoiler-box>div,
.custom_tag_alt .quote-box.spoiler-box>div.visible {
    display: block;
    margin: 4px 2px;
    height: auto;
    overflow: hidden;
    padding: 9px 8px 9px 36px !important;
    transition: background-color .6s, color .6s, text-shadow .6s;
    border: 1px solid rgb(173 173 173);
    background-color: rgb(115 138 134) !important;
    filter: none;
    color: #fff;
}

.basic .custom_tag_alt .quote-box.spoiler-box>div,
.basic .custom_tag_alt .quote-box.spoiler-box>div.visible,
.sylv .custom_tag_alt .quote-box.spoiler-box>div,
.sylv .custom_tag_alt .quote-box.spoiler-box>div.visible {
    display: block;
    margin: 4px 2px;
    height: auto;
    overflow: hidden;
    padding: 9px 8px 9px 26px !important;
    transition: background-color .6s, color .6s, text-shadow .6s;
    outline: 1px solid rgb(245 232 209 / 75%);
    outline-offset: -3px;
    box-shadow: #4c3e238f 0px 0px 3px 1px;
    border: 1px solid rgb(112 91 65 / 66%);
    background-color: rgb(86 66 24 / 20%) !important;
    border-radius: 1px;
    color: var(--t-body);
}



.custom_tag_alt .quote-box.spoiler-box>div,
.custom_tag_alt1 .quote-box.spoiler-box>div {
    background: url(https://forumstatic.ru/files/001b/d9/4a/90954.png) no-repeat left 8px center;
    cursor: pointer;
    padding-left: 18px;
}

.custom_tag_alt .quote-box.spoiler-box>div.visible,
.custom_tag_alt1 .quote-box.spoiler-box>div.visible {
    background-image: url(https://forumstatic.ru/files/001b/d9/4a/99952.png);
}


.custom_tag_alt .quote-box.spoiler-box>div:hover, .custom_tag_alt .quote-box.spoiler-box div.visible, .custom_tag_alt1 .quote-box.spoiler-box>div:hover, .custom_tag_alt1 .quote-box.spoiler-box div.visible, .custom_tag_alt1 .quote-box.quote-main:hover, .custom_tag_alt .quote-box.quote-main:hover {
    background-color: rgb(59 73 74) !important;
}

.custom_tag_alt1 .quote-box.spoiler-box>div:hover,
.custom_tag_alt1 .quote-box.spoiler-box div.visible,
.custom_tag_alt1 .quote-box.quote-main:hover,
.custom_tag_alt .quote-box.quote-main:hover {
    letter-spacing: 0.03em;
}

.custom_tag_alt .quote-box.spoiler-box>div:hover,
.custom_tag_alt .quote-box.spoiler-box div.visible {
    letter-spacing: 0.0em;
}


.custom_tag_alt .quote-box.spoiler-box blockquote.visible:last-child, .custom_tag_alt1 .quote-box.spoiler-box blockquote.visible:last-child {
    border-bottom: 3px double rgb(173 173 173);
}


.custom_tag_alt .quote-box.spoiler-box blockquote.visible,
.custom_tag_alt1 .quote-box.spoiler-box blockquote.visible {
    border-top: none;
    margin: 0px 12px;
    width: auto;
    padding-top: 0.5em;
    padding-bottom: 5px;
}

.custom_tag_alt .quote-box.spoiler-box blockquote.visible:has(table),
.custom_tag_alt1 .quote-box.spoiler-box blockquote.visible:has(table) {
    margin: 5px;
}


.custom_tag_alt1 .quote-box.spoiler-box>div:not(.custom_tag_alt .quote-box.spoiler-box > div, .custom_tag_alt0 .quote-box.spoiler-box > div) {
    text-align: center;
    font-family: Georgia;
    font-size: 14px;
    font-weight: bold;
    text-shadow: #e1e0d59c 1px 1px 2px;
    mix-blend-mode: luminosity;
}


.custom_tag_special#redspoiler .custom_tag_alt .quote-box.spoiler-box>div,
.custom_tag_special#redspoiler .custom_tag_alt1 .quote-box.spoiler-box,
.custom_tag_special#redspoiler .spoiler-box.book>div {
    background-color: rgb(72 24 3 / 28%) !important;
}

.custom_tag_special#redspoiler .custom_tag_alt .quote-box.spoiler-box>div,
.custom_tag_special#redspoiler .custom_tag_alt1 .quote-box.spoiler-box>div,
.custom_tag_special#redspoiler .spoiler-box.book>div {
    background-color: rgb(72 24 3 / 28%) !important;
}

.custom_tag_special#redspoiler .custom_tag_alt .quote-box.spoiler-box>div:hover,
.custom_tag_special#redspoiler .custom_tag_alt1 .quote-box.spoiler-box>div:hover,
.custom_tag_special#redspoiler .spoiler-box.book>div:hover {
    background-color: rgb(72 24 3 / 38%) !important;
}


.custom_tag_special#redspoiler .quote-box.spoiler-box>div,
.custom_tag_special#redspoiler .custom_tag_alt1 .quote-box.spoiler-box,
.custom_tag_special#redspoiler .spoiler-box.book>div {
    background-color: rgb(72 24 3 / 28%) !important;
}





/********* show-more  *********/

.custom_tag_alt0 p {
    display: contents;
}

.custom_tag_alt0 .quote-box.spoiler-box.text-box {
    display: contents;
}

.custom_tag_alt0 .quote-box.spoiler-box {
    display: ruby;
}

.custom_tag_alt0 .quote-box.spoiler-box>div.visible {
    display: inline-block;
    font-weight: 800;
}

.custom_tag_alt0 .quote-box.spoiler-box.text-box>div {
    background-image: none;
    display: inline;
    color: #4c0703;
    text-shadow: #a9a37c99 1px 1px 1px;
    transition: color 0.4s;
    padding-left: 0px;
    text-underline-offset: 0.25em;
    text-decoration: underline dotted !important;
    border: none !important;
    background-color: #ffffff00 !important;
    outline: none;
    box-shadow: none;
    filter: none;
}

.custom_tag_alt0 .quote-box.spoiler-box>div:hover {
    color: #000000;
    text-shadow: none !important;
    filter: drop-shadow(0px 0px 6px white);
    font-weight: bold;
}

.custom_tag_alt0 .spoiler-box>blockquote {
    padding-top: 0.8em !important;
}


.custom_tag.custom_tag_alt0 blockquote.visible {
    box-shadow: #ffffff18 0px 0px 5px 5px;
    padding: 5px 4px 3px 4px !important;
    width: 92% !important;
    margin-top: 8px;
    border-radius: 2px;
    background: #ffffff18;
}


/********* доп. спойлер  *********/


.post-content .spoiler-box.book>div {
    text-align: center;
    font-family: Georgia;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}

.post-content .spoiler-box.book>div,
.post-content .spoiler-box.book2>div {
    display: block;
    margin: 0px;
    background-color: rgba(27, 14, 4, 0.1);
    height: auto;
    overflow: hidden;
    padding: 8px 8px 8px 22px;
    border: 3px double rgba(42, 14, 8, 0.28);
    transition: background-color .6s, text-shadow .6s;
    background: url(https://forumstatic.ru/files/001b/d9/4a/90954.png) no-repeat left 5px center;
    background-color: rgba(27, 14, 4, 0.1);
}


.post-content .terra>blockquote,
.post-content .terra2>blockquote {
    padding: 25px 0;
    padding-left: 110px;
    background: url("http://savepic.su/5665223.png") no-repeat -15px 50%;
}

.post-content .terra>blockquote p,
.post-content .terra2>blockquote p {
    font: italic normal 400 20px/21.6px "Comic Sans MS";
    color: #000000;
}

.post-content .book>cite,
.post-content .terra>cite,
.post-content .book2>cite,
.post-content .terra2>cite {
    display: block;
    margin: 0 -1em 0 -1em;
    border-bottom: #3F73DC 1px dashed;
    font: italic normal 700 15px/21.6px Georgia;
    padding: 7px 12px;
}


.spoiler-box.book,
.spoiler-box.book2 {
    padding: 0 !important;
}

.punbb .post-content .spoiler-box.book blockquote.visible,
.punbb .post-content .spoiler-box.book2 blockquote.visible {
    border-top: none;
    margin: 0px 15px;
    width: auto;

}

.post-content .spoiler-box.book>div:hover {
    text-shadow: #a9a685 1px 1px 0px;
    background-color: rgb(60 31 8 / 22%);
}

.post-content .spoiler-box.book2>div:hover,
.post-content .spoiler-box.book div.visible,
.post-content .spoiler-box.book2 div.visible {
    text-shadow: #a9a685a8 1px 1px 0px;
    background-color: rgb(60 31 8 / 22%);
}

.post-content .spoiler-box.book>div.visible,
.post-content .spoiler-box.book2>div.visible {
    background-image: url(https://forumstatic.ru/files/001b/d9/4a/99952.png);
}

.punbb .post-content .spoiler-box.book blockquote.visible:last-child,
.punbb .post-content .spoiler-box.book2 blockquote.visible:last-child {
    border-bottom: 3px double rgba(42, 14, 8, 0.28);
}

.punbb .post-content .spoiler-box.book blockquote.visible,
.punbb .post-content .spoiler-box.book2 blockquote.visible {
    padding-top: 0.5em;
}


.punbb .post-content .spoiler-box.book blockquote.visible,
.punbb .post-content .spoiler-box.book2 blockquote.visible {
    padding-bottom: 5px;
}

.punbb .post-content .spoiler-box.book blockquote.visible:has(table),
.punbb .post-content .spoiler-box.book2 blockquote.visible:has(table) {
    margin: 5px;
}




/********* перелистывание изображений *********/

.adaptivny-slayder {
    position: relative;
    margin-bottom: 12px;
}

.adaptivny-slayder input[name="kadoves"] {
    display: none;
}

.kadoves {
    position: absolute;
    left: 0;
    bottom: -15px;
    text-align: center;
    width: 100%;
}

.kadoves label {
    display: inline-block;
    width: 8px;
    height: 8px;
    cursor: pointer;
    margin: 0 3px;
    box-shadow: 0 0 2px 0 rgb(0 0 0 / 80%);
    border-radius: 50%;
    background-color: #564d3f99;
}

#slaid1:checked~.kadoves label[for="slaid1"] {
    background-color: #5c4d3e;
}

#slaid2:checked~.kadoves label[for="slaid2"] {
    background-color: #5c4d3e;
}

#slaid3:checked~.kadoves label[for="slaid3"] {
    background-color: #5c4d3e;
}

.adaptivny-slayder-lasekun {
    overflow: hidden;

}

.abusteku-deagulus {
    display: flex;
    width: 100%;
    transition: transform 0.5s;
}

.abusteku-deagulus img {
    width: 100%;
    flex-shrink: 0;
}

#slaid1:checked~adaptivny-slayder-lasekun abusteku-deagulus {
    transform: translate(0);
}

#slaid2:checked~.adaptivny-slayder-lasekun .abusteku-deagulus {
    transform: translateX(-100%);
}

#slaid3:checked~.adaptivny-slayder-lasekun .abusteku-deagulus {
    transform: translateX(-200%);
}



/********* оформление матчасти, кастомные коды и теги *********/


.custom_tag_ul[alt="r"] {
    list-style: lower-roman;
}


a img.postimg {
    transition: filter 0.3s ease;
}

.custom_tag_vertical-center {
    top: 50%;
    position: relative;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.custom_tag_scroll {
    display: block;
    overflow-y: auto;
    max-height: 550px;
    padding-right: 0.68em;
}

.custom_tag_scroll[alt="350"] {
    max-height: 350px !important;
}

.custom_tag_scroll[alt="340"] {
    max-height: 340px !important;
}


.custom_tag_scroll[alt="150"] {
    max-height: 150px !important;
}


.custom_tag_scroll[alt="200"] {
    max-height: 200px !important;
}

.custom_tag_scroll[alt="250"] {
    max-height: 250px !important;
}

.custom_tag_scroll[alt="800"] {
    max-height: 800px !important;
}

.custom_tag_column:not(.mobile .custom_tag_column) {
    column-count: 2;
    column-gap: 1.8em;
}

.custom_tag_column[alt="3"]:not(.mobile .custom_tag_column) {
    column-count: 3;
    column-gap: 1.8em;
}


/* СОДЕРЖАНИЕ
липучее в темах
-------------------------------------------------------------*/

.custom_tag_oglav {
    display: inline;
    writing-mode: vertical-rl;
    transform: rotateZ(180deg);
    position: absolute;
    left: -30px;
    z-index: 999;
    background: var(--link);
    margin: 0;
    color: rgba(230 230 230 / 1);
    padding: 8px 4px 0px 4px !important;
    font-size: medium;
    letter-spacing: 2px;
    text-shadow: #0000007a 1px 1px 1px;
    border-radius: 0.5rem;
    font-family: Georgia;
}

.custom_tag_oglav p {
    padding-bottom: 0.65em !important;
}

.custom_tag_oglavlenie {
    position: fixed;
    height: auto;
    width: 200px;
    overflow: visible;
    top: 38px;
    right: -184px;
    transition: right 0.6s ease;
    text-align: left;
    display: flex;
    gap: 3px 0px;
    flex-wrap: wrap;
    padding: 8px 5px;
    background: rgba(5 5 5 / 1);
    color: rgb(230 230 230 / 48%);
    border-radius: 0.5rem;
    z-index: 999999999;
}

.custom_tag_oglavlenie::after {
    content: '';
    position: fixed;
    top: 0;
    right: 0;
    width: 90px;
    height: 100%;
    z-index: -1;
}

.mobile .custom_tag_oglavlenie::after {
    width: 55px;
}

.custom_tag_oglavcont {
    overflow-y: auto;
    max-height: calc(98vh - 50px);
    display: block;
    height: auto;
    width: -webkit-fill-available;
    padding-right: 5px;
}

.custom_tag_oglavlenie:hover {
    right: 0;
    transition: right 0.6s ease;
}

.custom_tag_oglavlenie>p {
    padding: 2px 4px !important;
    min-width: 73px;
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
}

.custom_tag.custom_tag_oglavlenie strong {
    color: #806E48;
    text-shadow: black 1px 1px !important;
}

.custom_tag_oglavlenie a {
    text-shadow: 1px 0px 3px #000000 !important;
    mix-blend-mode: plus-lighter;
    cursor: pointer !important;
    transition: .5s background;
    width: auto;
    /* font-weight: bolder !important; */
    /* font-family: 'ALEGREYA SC'; */
    text-align: center;
    flex: 1 1 auto;
    background: rgba(230 230 230 / .18);
    padding: 6px 12px 5px !important;
    border-radius: 0.5rem;
    margin-bottom: 8px;
    display: block;
    color: rgba(230 230 230 / 0.6) !important;
    text-align: center;
}

.custom_tag_oglavlenie a strong {
    /* font: bold 1.3em "Alegreya SC" !important; */
    color: rgba(230 230 230 / 1) !important;
}

.custom_tag_oglavlenie a:hover {
    background: rgba(230 230 230 / .25);
    transition: .5s background;
}

.custom_tag_oglavlenie strong.legend {
    overflow: auto;
    font-size: small !important;
}

.custom_tag_oglavlenie2 {
    position: fixed;
    right: 0%;
    height: auto;
    width: 115px;
    overflow: visible;
    top: 1em;
    display: block;
    z-index: 3000;
    transition: right 0.6s ease, width 0.6s ease, padding 0.6s ease;
    padding: 8px 0px 3px 1px;
    background: #9d8a65;
    box-shadow: 0 0px 6px 1px rgb(53 47 25), 0px 0px 8px #543c24 inset !important;
    border-color: rgba(98, 77, 46, 0.71) !important;
    border: 3px double rgba(42, 14, 8, 0.28);
    border-radius: 1px;
    font-size: 10px;
    text-align: left;
}

.custom_tag.custom_tag_oglavlenie2 ul {
    padding: 0px 0em 0em 0.9em !important;
}

.custom_tag_navigaciya {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    min-width: 450px;
}

.custom_tag_navcontent {
    width: calc(100% - 258px) !important;
    margin-right: 0px;
}

.custom_tag_extrawrapper {
    position: sticky;
    top: 0;
    overflow: clip;
    margin: 0px;
}


.custom_tag_navslider {
    position: sticky;
    top: 10px;
    display: inline-block;
    min-height: 100px;
    z-index: 2;
    width: 248px;
    display: block;
}

.custom_tag_navinternal {
    overflow-y: scroll;
    max-height: 800px;
    text-align: left;
    padding-bottom: 3px;
    padding-right: 3px;
}

.mobile .custom_tag_navslider {
    width: 148px;
}

.mobile .custom_tag_navcontent {
    width: calc(100% - 158px) !important;
}


.custom_tag_h3 {
    font-family: Mason;
    font-size: 38px;
    font-style: normal;
    text-decoration: underline;
    text-decoration-thickness: 4px;
    text-decoration-color: #00000030;
    text-decoration-skip-ink: none;
    text-underline-offset: 3px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.custom_tag.custom_tag_dm0:has(a):hover {
    filter: invert(1) sepia(1);
    transition: filter 0.6s ease 0s;
}

#dmt,
#dm {
    float: left;
}

#dmt {
    padding: 7px 10px;
}

.custom_tag_dm0 abbr,
#dmt abbr,
input[id^="spoiler"]+label table abbr {
    color: #ddc394;
    text-decoration-thickness: 0.01em;
    display: block;
}

.custom_tag_dm0 table {
    margin-bottom: -0.7em;
}

.custom_tag_dm0 p:last-child {
    padding-bottom: 0;
}


.custom_tag_dm1, #dm {
    display: block;
    margin: 0px auto;
}

.custom_tag_dm1 p:last-child {
    padding-bottom: 0;
}

.custom_tag_dm1[alt="center"] {
    /* width: 360px; */
    font-family: georgia;
    text-align: center;
    width: fit-content !important;
    min-width: 240px;
}

.custom_tag_dm1[alt="red"] {
    box-shadow: #0000004d 0px 0px 3px 0px;
    background-color: rgb(68 4 4 / 21%);
    border: 3px double rgb(54 5 5 / 36%);
}

.custom_tag_dm1[alt="green"] {
    box-shadow: #0000004d 0px 0px 3px 0px;
    background-color: rgb(8 92 10 / 15%);
    border: 3px double rgb(3 20 6 / 28%);
}

.custom_tag_dm1[alt="green"]:hover {
    box-shadow: #000000a8 1px 1px 4px 1px, inset #000000a8 0px 0px 2px 0px;
    transition: box-shadow 0.2s;
}

.custom_tag.custom_tag_vertical {
    transform: rotate(180deg);
    writing-mode: tb-rl;
    display: inline-flex;
}


.custom_tag_scroll[alt="686"],
.custom_tag_likbez,
table tr td:has(.custom_tag_likbez2) {
    background-color: rgb(191 227 184 / 31%);
    box-shadow: #00000036 0px 0px 3px 0px;
    border: 2px solid rgb(24 39 46);
    outline: 2px solid var(--g-light);
    padding: 10px 14px 10px 12px;
}

table tr td:has(.custom_tag_likbez2) {
    padding: 10px 14px 10px 12px !important;
}

table tr td:has(.custom_tag_optable) {
    background: var(--dm1);
}



.custom_tag_scroll[alt="686"] {
    height: 698px !important;
    max-height: 698px !important;
    border-right-width: 0px;
}


.custom_tag_scroll[alt="686"]::-webkit-scrollbar,
.custom_tag_gostevaya ::-webkit-scrollbar,
.custom_tag_lorkratko ::-webkit-scrollbar,
.custom_tag_novichko ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.custom_tag_scroll[alt="686"]::-webkit-scrollbar-thumb,
.custom_tag_gostevaya .custom_tag_dm1::-webkit-scrollbar-thumb {
    background: rgb(24 39 46);
    border-radius: 0px !important;
    border: none;

}

.custom_tag_scroll[alt="686"]::-webkit-scrollbar-track,
.custom_tag_gostevaya .custom_tag_dm1::-webkit-scrollbar-track {
    background: none !important;
    border: none !important;
}

.custom_tag_dm1[alt="lore3"] {
    /* background-color: var(--g-light); */
    background-color: #e8e9c545;
    border: 2px solid rgb(91 56 98 / 0%);
    /* outline: 2px solid var(--g-light); */
    display: block;
    padding: 6px 8px 0px 0px;
    margin: 8px 15px 12px;
}


.custom_tag_gostevaya {
    background: url(https://forumstatic.ru/files/001c/70/90/49710.png) center;
    height: 355px;
    width: 984px;
    position: relative;
    font-size: smaller;
    margin: 0 auto 20px auto;
    color: #D7D6D6;
}

.custom_tag_gostevaya table {
    position: absolute;
    bottom: -13px;
    min-height: 20px;
    max-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom_tag.custom_tag_gostevaya p {
    padding: 0px;
}


.custom_tag_guest {
    background: url(https://i.imgur.com/eb7Hd4x.png) no-repeat;
    height: 185px;
    width: 870px;
    /* border: 2px solid rgb(24 39 46); */
    outline: 4px solid #a5b192;
    outline-offset: -8px;
    position: relative;
    background-color: #1d2b31;
    font-size: smaller;
    background-position-x: 0px;
    background-position-y: 0px;
    margin: auto;
}

.custom_tag_guest .custom_tag_dm1[alt="lore1"] {
    top: 22px;
    right: 20px;
    width: 440px;
    height: 120px;
}

.custom_tag_novichko {
    background: url(https://forumupload.ru/uploads/001b/d9/4a/2/58000.png) no-repeat;
    height: 218px;
    width: 870px;
    outline: 6px solid rgb(24 39 46);
    border: 5px solid var(--g-light);
    outline-offset: -11px;
    position: relative;
    background-color: #546b7d;
    font-size: smaller;
    background-position-x: -3px;
    background-position-y: bottom;
    margin: auto;
}

.custom_tag_novichko .code-box {
    background: rgb(167 169 132 / 62%) 0 top repeat-y !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    border: 2px solid #18272e;
    padding: 8px 5px !important;
    margin: 5px 4px !important;
    line-height: 1em;
    display: block;
    position: absolute;
    width: 480px;
    right: 6px;
    bottom: 5px;
}

.custom_tag_novichko .code-box .scrollbox {
    max-height: 100px;
}

.custom_tag_novichko .custom_tag_dm1[alt="lore0"] {
    display: block;
    position: absolute;
    width: 835px;
    height: 65px;
    top: 12px;
    right: 10px;
    background-color: #ffffff00;
    box-shadow: #00000000 0px 0px 3px 0px;
    border: #ffffff00;
    color: #b3b598;
    font-size: 10px;
    text-shadow: #0000006e 1px 1px 3px;
    overflow: auto;
    padding-right: 5px;
}

.custom_tag_novichko .custom_tag_dm1[alt="lore0"] strong {
    text-shadow: #000000b5 1px 1px 1px;
}

.custom_tag_novichko .custom_tag_dm1[alt="lore1"] {
    width: 475px;
    right: 22px;
    height: 76px;
    bottom: 18px;
}



.custom_tag_gostevaya .custom_tag_dm1[alt="lore2"] {
    width: 290px;
    height: 182px;
    top: 36px;
}


.custom_tag_gostevaya .custom_tag_dm1[alt="lore1g"] {
    width: 340px;
    height: 140px;
    top: 150px;
    left: 20px;
    color: #D7D6D6;
    overflow: visible;
    text-align: left;
    display: block;
    position: absolute;
}

.custom_tag_dm1[alt="lore1"], .custom_tag_dm1[alt="lore2"] {
    display: block;
    position: absolute;
    overflow: overlay;
    background-color: #b7c3a3de;
    /* border: 2px solid rgb(24 39 46); */
    /* outline: 2px solid var(--g-light); */
    border-radius: 5px;
    padding: 10px;
}



.custom_tag_gostevaya .custom_tag_dm1[alt="lore2"] {
    right: 20px;
}

.custom_tag_gostevaya .custom_tag_dm1[alt="lore12"], .custom_tag_gostevaya .custom_tag_dm1[alt="lore22"] {
    display: block;
    position: absolute;
    line-height: 100%;
    bottom: 36px;
    background: #00000066;
    width: 383px;
    height: 113px;
    border-radius: 3px;
    right: 20px;
    overflow: visible;
}

.custom_tag_gostevaya .custom_tag_dm1[alt="lore12"] span:first-child, .custom_tag_gostevaya .custom_tag_dm1[alt="lore22"] span:first-child {
    font-family: 'Playfair';
    text-shadow: none !important;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400 !important;
    display: block;
    position: absolute;
    top: -20px;
    right: 0;
    font-style: normal !important;
}

.custom_tag_gostevaya .custom_tag_dm1[alt="lore12"] .wrap, .custom_tag_gostevaya .custom_tag_dm1[alt="lore22"] .wrap {
    height: calc(100% - 20px);
    position: absolute;
    width: calc(100% - 30px);
    top: 0;
    padding: 0 10px 0 0;
    margin: 10px;
    overflow: auto;
}

.custom_tag_gostevaya .custom_tag_dm1[alt="lore12"] {
top: 40px;
}

.custom_tag_gostevaya .custom_tag_dm1[alt="lore22"] {
    top: 179px;
}

.custom_tag_gostevaya .custom_tag_dm1[alt="lore12"] p,
.custom_tag_gostevaya .custom_tag_dm1[alt="lore22"] p {
    padding-bottom: 0.3em;
}

.custom_tag.custom_tag_gostevaya .code-box {
    background: rgb(96 102 88 / 48%) 0 top repeat-y !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    border: 2px solid #18272e;
    padding: 8px 5px !important;
    margin: 5px 4px !important;
    line-height: 1em;
}

.custom_tag_altlore .quote-box.spoiler-box>div,
.custom_tag_altlore .quote-box.spoiler-box>div.visible,
.custom_tag_gostevaya .custom_tag_dm1[alt="lorelink1"],
.custom_tag_gostevaya .custom_tag_dm1[alt="lorelink2"] {
    display: block;
    height: auto;
    overflow: hidden;
    transition: all .6s;
    filter: none;
    padding: 7px 8px !important;
    background-color: rgb(44 36 56);
    box-shadow: #00000036 0px 0px 3px 0px;
    outline: 2px solid rgb(44 36 56);
    border: 2px solid var(--g-light);
    color: var(--g-light);
    text-shadow: #0000008f 1px 2px 0px;
    text-align: center;
}

.custom_tag_altlore .quote-box.spoiler-box>div,
.custom_tag_altlore .quote-box.spoiler-box>div.visible {
    margin: 4px 2px;
    width: 80%;
    margin: auto;
}

.custom_tag_altlore .quote-box.spoiler-box>div strong {
    text-shadow: #0000008f 1px 2px 0px !important;
}

.custom_tag_gostevaya .custom_tag_dm1[alt="lorelink1"] a strong,
.custom_tag_gostevaya .custom_tag_dm1[alt="lorelink2"] a strong {
    color: var(--g-light);
    text-shadow: #0000008f 1px 2px 0px !important;
    font: bold 14px "Alegreya SC";
    text-transform: uppercase;
}

.custom_tag_gostevaya .custom_tag_dm1[alt="lorelink1"], .custom_tag_gostevaya .custom_tag_dm1[alt="lorelink2"] {
    width: 160px;
    /* position: absolute; */
    top: 275px;
}

.custom_tag_gostevaya .custom_tag_dm1[alt="lorelink1"] {
    left: 20px
}

.custom_tag_gostevaya .custom_tag_dm1[alt="lorelink2"] {
    right: 20px
}

.custom_tag_altlore .quote-box.spoiler-box>div:hover,
.custom_tag_altlore .quote-box.spoiler-box div.visible,
.custom_tag_gostevaya .custom_tag_dm1[alt="lorelink1"]:hover,
.custom_tag_gostevaya .custom_tag_dm1[alt="lorelink2"]:hover {
    color: rgb(183 183 143);
    background-color: rgb(104 88 117) !important;
    border: 2px solid var(--g-light);
    outline: 2px solid rgb(104 88 117);
}

.custom_tag_altlore .quote-box.spoiler-box>div {
    background-position: 8px;
}


tr:has(.custom_tag_hide) {
    display: none;
}

td:has(.custom_tag_hidetd) {
    display: none;
}

tr:has(.custom_tag_transparent) {
    opacity: 0.7;
    font-size: xx-small;
    filter: contrast(0.99);
    background-color: rgb(0 0 0 / 34%);
    mix-blend-mode: luminosity;
    text-shadow: #a9a37cc9 1px 1px 2px;
}


.custom_tag_admin0 {
    padding: 7px;
    border: 3px double rgb(54 5 5 / 41%);
    background: url(http://forumupload.ru/uploads/0000/14/1c/687287-3.png) no-repeat scroll 95% 0 transparent;
    display: block;
    background-image: -webkit-linear-gradient(rgb(52 3 3 / 25%) 55%, rgb(239 207 197 / 9%));
    background-image: -moz-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    background-image: -ms-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    box-shadow: 5px 5px 5px #351000;
    -moz-box-shadow: 5px 5px 5px #9C9C9C;
    -webkit-box-shadow: 3px 3px 8px #210800;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#9C9C9C', direction=145, strength=7);
    margin: 0px 12px 11px 10px;
}

.custom_tag_admin0 p:last-child,
.custom_tag_moder0 p:last-child {
    padding-bottom: 0;
}



.custom_tag_admin0h1 {
    display: block;
    color: white;
    font: 20px "Book Antiqua" !important;
    text-shadow: -2px 0 rgba(0, 0, 0, 0.21), 0 -2px rgba(0, 0, 0, 0.1), 2px 0 rgba(255, 255, 255, 0.1), 0 2px rgba(255, 255, 255, 0.1), -2px -2px rgba(0, 0, 0, 0.1), 2px 2px rgba(255, 255, 255, 0.1) !important;
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-color: #CD5C5C !important;
    background-image: -moz-linear-gradient(left top, #B22222, #FA8072);
    background-image: -o-linear-gradient(left top, #B22222, #FA8072);
    background-image: -webkit-linear-gradient(left top, #310a03, #6f0f06);
    background-image: -ms-linear-gradient(left top, #B22222, #FA8072);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#B22222, endColorstr=#FA8072, GradientType=1);
    background-origin: padding-box !important;
    background-position: 0 0 !important;
    background-repeat: repeat !important;
    background-size: auto auto !important;
    margin: -7px -7px 6px -7px;
    padding: 2px 4px 3px 8px;
}

.custom_tag_admin0 strong {
    text-shadow: #ffffff33 1px 1px 1px !important;
}



.custom_tag_moder0 {
    padding: 7px;
    border: 3px double rgb(36 31 2 / 41%);
    background: url(http://forumupload.ru/uploads/0000/14/1c/687287-3.png) no-repeat scroll 95% 0 transparent;
    display: block;
    background-image: -webkit-linear-gradient(rgb(24 52 3 / 25%) 55%, rgb(197 239 210 / 9%));
    background-image: -moz-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    background-image: -ms-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    box-shadow: 5px 5px 5px #003500;
    -moz-box-shadow: 5px 5px 5px #9C9C9C;
    -webkit-box-shadow: 3px 3px 8px #210800;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#9C9C9C', direction=145, strength=7);
    margin: 0px 12px 11px 10px;
}


.custom_tag_moder0h1 {
    display: block;
    color: #ffffffde;
    font: 20px "Book Antiqua" !important;
    text-shadow: -2px 0 rgba(0, 0, 0, 0.11), 0 -2px rgba(0, 0, 0, 0.1), 2px 0 rgba(255, 255, 255, 0.01), 0 2px rgba(255, 255, 255, 0.05), -2px -2px rgba(0, 0, 0, 0.1), 2px 2px rgba(255, 255, 255, 0.1) !important;
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-image: -moz-linear-gradient(left top, #B22222, #FA8072);
    background-image: -o-linear-gradient(left top, #B22222, #FA8072);
    background-image: -webkit-linear-gradient(left top, #022c15e8, #145719c4);
    background-image: -ms-linear-gradient(left top, #B22222, #FA8072);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#B22222, endColorstr=#FA8072, GradientType=1);
    background-origin: padding-box !important;
    background-position: 0 0 !important;
    background-repeat: repeat !important;
    background-size: auto auto !important;
    margin: -7px -7px 6px -7px;
    padding: 2px 4px 3px 8px;
}

.custom_tag_moder0 strong {
    text-shadow: #ffffff33 1px 1px 1px !important;
}



.custom_tag_marble {
    color: #564b32;
    text-shadow: #b9b28799 1px 1px 1px;
    font-family: arial;
}

.light .custom_tag_marble {
    color: #33564ad4;
    text-shadow: #e5e5e5b8 1px 1px 1px;
}

.sylv .custom_tag_marble {
    color: #958a75;
    text-shadow: #f7f7f7ab 1px 1px 1px;
}


.custom_tag_divider1 {
    background-image: url(https://forumstatic.ru/files/001b/d9/4a/62054.png);
    display: block;
    height: 41px;
    width: auto;
    margin-top: -22px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.custom_tag_divider2 {
    background-image: url(https://forumupload.ru/uploads/001b/d9/4a/2/691865.png);
    display: block;
    height: 18px;
    max-width: 610px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 0.8em;
}



/* Слайдер */

/* General styles */
.sim-slider {
    position: relative;
    margin: auto;
    overflow: visible;
    width: 900px !important;
}

.sim-slider {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 5px;
}

.sim-slider-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
}

.post-content .sim-slider ul li {
    list-style: none !important;
}

.sim-slider-element {
    width: 100%;
    transition: opacity 1s ease-in;
    opacity: 0;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    display: block;
}

.sim-slider-element.active {
    opacity: 1;
}


li.sim-slider-element {
    text-align: center;
    font-family: Mason;
    font-size: 28px;
    font-weight: 900;
    line-height: 36px;
}

/* Navigation item styles */
div.sim-slider-arrow-left,
div.sim-slider-arrow-right,
div.sim-slider-arrow-left2,
div.sim-slider-arrow-right2 {
    width: 22px;
    height: 40px;
    position: absolute;
    cursor: pointer;
    opacity: 0.3;
    z-index: 4;
}

div.sim-slider-arrow-left,
div.sim-slider-arrow-left2 {
    top: 40%;
    display: block;
    position: absolute;
    background: url("http://pvbk.spb.ru/inc/slider/sim-files/sim-arrow-left.png") no-repeat;
    margin: 0 0px 0px 3px;
}

div.sim-slider-arrow-left {
    left: -11px;
}

div.sim-slider-arrow-left2 {
    left: 0px;
}

div.sim-slider-arrow-right,
div.sim-slider-arrow-right2 {
    top: 40%;
    display: block;
    background: url("http://pvbk.spb.ru/inc/slider/sim-files/sim-arrow-right.png") no-repeat;
    margin: 0 3px 0px 0px;
}

div.sim-slider-arrow-right {
    right: -10px;
}

div.sim-slider-arrow-right2 {
    right: 0px;
}

div.sim-slider-arrow-left:hover {
    opacity: 1.0;
}

div.sim-slider-arrow-right:hover {
    opacity: 1.0;
}

div.sim-slider-dots {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    bottom: 0px;
    z-index: 3;
    text-align: center;
}

span.sim-dot {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    padding: 0;
    display: inline-block;
    border-radius: 5px;
    cursor: pointer;
    background: rgb(125 126 126);
    opacity: .4;
}

.sim-dot.active,
span.sim-dot:hover {
    opacity: 1;
}


input[id^="spoiler"]+label table {
    padding-left: 10px;
    text-transform: none;
    margin-right: -10px;
    font-size: 18px;
}

div .post-rating p a {
    font-weight: 700;
    position: relative;
    z-index: 100;
    text-align: center;
    display: inline-block;
    background-color: rgb(223 223 223);
    box-shadow: none;
    height: 18px;
    width: 36px;
    opacity: 0.6;
    padding: 0.25em;
    border-radius: 3px;
    transition: opacity 0.3s ease-out;
}

.basic div .post-rating p a {
    font-weight: 700;
    position: relative;
    z-index: 100;
    text-align: center;
    display: inline-block;
    background-color: #74634266;
    box-shadow: 0 0px 4px 1px rgb(141 123 82), 0px 0px 5px #745c46e8 inset;
    height: 18px;
    /* width: 36px; */
    opacity: 0.6;
    padding: 0.25em;
    border-radius: 3px;
    transition: opacity 0.3s ease-out;
}

.sylv div .post-rating p a {
    background-color: var(--forcol1);
    box-shadow: 2px 2px 8px -5px rgb(26 11 6 / 67%), rgb(58 49 40 / 19%) 0px 0px 3px 1px;
}

div .post-rating p a:hover {
    opacity: 1;
    transition: opacity 0.3s ease-out;
}

div .post-rating {
    margin-top: 10px;
    display: inline-block;
}

div.post-vote {
    padding-top: 15px !important;
}



/********* Свернуть спойлер *********/

.post-content .spoiler-box>blockquote a[onclick^="clickSP"] {
    font-family: Georgia;
    font-size: 0.95em;
    font-style: italic;
}







/********* Личная Хронология *********/
/* shipovnik */
#ship13,
#ship13h {
    --bgw: 615px;
    /* максимальная ширина главного блока */
    --bg1: #fff0d230;
    /* главный фон */
    --clr1: #520303;
    /* ХРОНОЛОГИЯ цвет названия */
    --clr2: #180a067d;
    /* цвет строки под хронологией */
    --clr3: #000;
    /* цвет рамки */
    --clr4: rgb(141 93 44 / 35%);
    /* полупрозрачная цифра */
    --clr5: #580909;
    /* цвет ссылок */
    margin: auto;
    /* отступы от краев */
}

#ship13 {
    display: block;
    width: auto;
    box-sizing: border-box;
    padding: 24px;
    max-width: var(--bgw);
    background: var(--bg1);
    border: 3px double rgba(42, 14, 8, 0.28);
}

#ship13 *,
#ship13h * {
    box-sizing: border-box;
}

/*** ХРОНОЛОГИЯ название ***/

#ship13h {
    display: block;
    box-sizing: border-box;
    width: auto;
    max-width: var(--bgw);
    padding: 14px 0;
    background: rgba(27, 14, 4, 0.1);
    border: 3px double rgba(42, 14, 8, 0.28);
    color: var(--clr1);
    text-align: center;
    font-weight: 800;
    font-size: 28px;
    font-family: 'Playfair Display', Georgia, serif;
    text-shadow: 1px 1px 1px rgb(255 248 243 / 30%);
}

#ship13h em {
    display: block;
    padding-top: 4px;
    font-style: normal !important;
    color: var(--clr2);
    font-weight: 400;
    font-family: Arial, sans-serif;
    font-size: 11px;
    text-shadow: 1px 1px 0px rgb(255 248 243 / 10%);
}


/* цифра */
.boxf {
    display: block;
    position: relative;
    z-index: 3;
    width: 50%;
    min-height: 50px;
    background: transparent;
    border-right: 1px solid var(--clr3);
    margin-left: calc(0% - 0px);
}

.boxf:nth-child(2n) {
    display: block;
    position: relative;
    margin-top: -40px;
    margin-bottom: -40px;
    margin-left: calc(50% - 1px);
    width: 50%;
    min-height: 50px;
    border-right: 0px none transparent;
    border-left: 1px solid var(--clr3);
}

/* категория */
.boxcat {
    display: block;
    padding: 0 10px 4px 10px;
    text-align: left;
    border-bottom: 1px solid var(--clr3);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    font-family: 'Playfair Display', Georgia, serif;
}

.boxf:nth-child(2n) .boxcat {
    text-align: right;
}

.boxcat::after {
    display: block;
    content: "";
    height: 6px;
    width: 6px;
    float: right;
    margin: 20px -13px auto auto;
    background: var(--clr3);
    border-radius: 50%;
}

.boxf:nth-child(2n) .boxcat::after {
    float: left;
    margin: 19px auto auto -13px;
}

.boxf:last-of-type {
    margin-bottom: 0.3em;
}

/* цифры */
.numbrow {
    display: block;
    margin: auto auto -46px 30px !important;
    z-index: 2;
    width: auto;
    background: transparent;
    text-align: left;
    font-style: normal !important;
    font-size: 76px;
    height: 76px;
    line-height: 76px;
    letter-spacing: -3px;
    font-family: 'Yeseva One', Arial, sans-serif;
    color: var(--clr4);
}

.boxf:nth-child(2n) .numbrow {
    text-align: right;
    margin: auto 25px -52px auto !important;
}

/* текстовый блок */
.textf {
    display: block;
    padding: 20px;
    line-height: 120%;
    text-align: justify;
    font-weight: 400;
    font-size: 12px;
    font-family: 'PT Sans', Tahoma, sans-serif;
}

.textf>p {
    margin: 0px !important;
    padding: 0 0 16px 0 !important;
    line-height: 110% !important;
}

.textf>p:last-child {
    padding-bottom: 0px !important;
}

#ship13 a {
    color: var(--clr5);
    text-decoration: none;
}

#ship13 a:hover {
    text-decoration: underline;
}


/********* Топы *********/

.topRPG_2 {
    display: block;
    text-align: center;
}

.fs-box.hashelp .topRPG_2 {
    margin-top: 8px;
}

tbody.hasicon .topRPG_2 {
    margin: 10px auto -15px;
}

.topRPG_2 a img {
    filter: opacity(0.68) brightness(0.8) sepia(0.2) hue-rotate(20deg);
    transition: filter 0.1s ease-in-out;
    z-index: 9999;
    position: relative;
}

.topRPG_2 img:hover {
    filter: none !important;
    transition: filter 0.3s ease-in-out;
}

.light .container>.topRPG_2,
.container>.topRPG_2 {
    display: block;
    position: absolute;
    bottom: 62px;
    right: 6px;
}

.basic .container>.topRPG_2 {
    display: block;
    position: absolute;
    bottom: 45px;
    right: 88px;
}

.sylv .container>.topRPG_2 {
    right: 60px;
}



.post-content ul {
    padding: 0 0 0.1em 2.3em !important;
    margin: 0px;
}


.avatar-image[style*="default_avatar.jpg"],
.status_userava[style*="/i/default_avatar.jpg"] {
    background-image: url(http://forumstatic.ru/files/001b/d9/4a/91453.jpg) !important;
}

li.pa-avatar.item2 img {
    max-width: 190px;
    border: 1px solid transparent !important;
    border-image: linear-gradient(310deg, #1C2525 0%, #CACACA 126%) 1 !important;
}

.sylv li.pa-avatar.item2 img,
.basic li.pa-avatar.item2 img {
    max-width: 190px;
        border: double #4f3427 !important;
}

#mask_dialog .inner * .description {
    opacity: 0.6;
}


/********* скрипт уведомлений *********/

#post-mentions #mentions-area {
    background: rgb(var(--canvas-secondary), 0.98);
    margin: 5px 0px !important;
    border-radius: 5px;
    color: black;
    border: 1px solid #73817e6e;
    box-shadow: none;
    border-width: 1px;
    width: calc(100% - 35px) !important;
    left: 20px !important;
}

.basic #post-mentions #mentions-area, .sylv #post-mentions #mentions-area  {
    background: rgb(175 159 126 / 95%);
    border-color: rgba(98, 77, 46, 0.71);
    border-radius: 5px;
    width: calc(100% - 5px) !important;
    left: 0px !important;
}


.unread-notifications .modal-inner {
    margin-top: 12% !important;
    margin-top: 22vh !important;
}


/********* кастомные теги bb *********/


del {
    text-decoration: none !important;
    filter: blur(2px);
    transition: filter 0.1s ease;
}

del:hover {
    text-decoration: none !important;
    filter: none;
    transition: filter 0.2s ease;
}


.custom_tag.custom_tag_opacity[alt="80"] {
    opacity: 80%;
}

.custom_tag.custom_tag_opacity[alt="50"] {
    opacity: 55%;
}


.custom_tag_opacity[alt="30"] {
    opacity: 30%;
}


.custom_tag_float#left {
    float: left;
    margin: 5px 15px 5px 0px;
    display: grid;
}

.custom_tag_float#right {
    float: right;
    margin: 5px 0px 5px 15px;
    display: grid;
}


.custom_tag_stress::after {
    content: '\2032';
    position: relative;
    margin-left: -0.3em;
    display: inline-flex;
    top: -0.3em;
}

.custom_tag_s1 {
    text-decoration: line-through;
}



.custom_tag_int,
.custom_tag_indent {
    display: inline-block;
    width: 2.5em;
}

.custom_tag_intall p {
    text-indent: 2.5em;
    padding-bottom: 0.8em !important;
}

.custom_tag_intall p .postimg:only-child,
.custom_tag_intpost p .postimg:only-child {
    display: block;
}

.post-content:has(.custom_tag.custom_tag_intpost) p:not(.post-sig p) {
    text-indent: 2.5em;
}

.custom_tag_intall p .postimg:only-child {
    display: block;
}

.custom_tag_delete p:first-line {
    display: none;
}

.custom_tag_mob {
    background-color: transparent !important;
    font: 24px "Book Antiqua" !important;
    font-weight: bold !important;
    color: #2f1406;
    text-shadow: #e4d7ba8a 1px 1px 1px;
    letter-spacing: 1px !important;
    text-align: center;
    margin-top: 2px;
    display: block;
}


.quote-box.spoiler-box .custom_tag_mob {
    margin-top: -7px;
}

.custom_tag_mob abbr {
    text-decoration: underline overline #856c3f 1px;
    text-underline-offset: 4px;
}

#tuser {
    display: none;
}

.custom_tag_tdanketa {
    background-color: rgba(27, 14, 4, 0.1);
}


.custom_tag_rul,
.custom_tag_rulka {
    font-size: 15px;
    font-family: georgia;
    text-align: center;
    font-weight: 800;
    text-shadow: #d3c5948a 0.5px 0.8px 1px;
}

.basic .custom_tag_rulka, .sylv .custom_tag_rulka {
    background-color: var(--dm1) !important;
    box-shadow: #00000036 0px 0px 3px 0px;
    padding: 0.4em 0em 0.4em 0em;
    text-transform: uppercase;
    text-align: center;
    border: 3px double rgba(42, 14, 8, 0.28);
    display: block;
}

.light .custom_tag_rulka, .light .custom_tag_rulka0 {
    background: rgb(219 223 220 / 76%);
    display: block;
    border: 1px double rgba(173, 173, 173, 1);
    color: rgba(74, 74, 74, 1);
    text-align: center;
    border-radius: 3px;
    /* width: max-content; */
    padding: 3px 10px;
    margin: 2px auto;
    width: auto;
}

.light .custom_tag_rulka0 {
    padding: 12px 0px 10px 0px;
}

.light .custom_tag_rulka {
    font-family: Playfair;
    font-size: 26px !important;
    font-weight: 500;
    line-height: 100%;
    text-transform: uppercase;
    font: 700 12px playfair;
}

.custom_tag_rulka abbr {
    text-decoration: underline dashed #472a20 0.05em;
    text-underline-offset: 0.25em;
    transition: color 0.4s;
}

.basic .custom_tag_rulka0, .sylv .custom_tag_rulka0 {
    background-color: var(--dm1) !important;
    box-shadow: #00000036 0px 0px 3px 0px;
    padding: 12px 0px 10px 0px;
    text-shadow: #d3c5948a 0.5px 0.8px 1px;
    border: 3px double rgba(42, 14, 8, 0.28);
    display: flow-root;
    margin-bottom: 5px;
}

.light .custom_tag_rulka0, .basic .custom_tag_rulka0, .sylv .custom_tag_rulka0 {
    font-family: Moyenage;
    text-align: center;
    font-size: 25px;
    /* font-weight: 800; */
    line-height: 0.8;
}

.custom_tag_rulka0:first-line {
    font-weight: 800;
}

.sylv .custom_tag_rulka0 {
    text-shadow: #ffffff4f 0.5px 0.8px 1px;
}

.custom_tag_rulka01 {
    font-size: 12px;
    font-family: georgia;
}

.custom_tag_rulka02 {
    font-size: 12px;
    text-transform: uppercase;
    font-family: georgia;
}

.custom_tag_rulka0::first-letter {
    color: #6a1111;
    font-family: Carmen;
    font-size: 35px;
}

.sylv .custom_tag_rulka0::first-letter {
    color: var(--hovlink1);
}


.custom_tag_rulka3 {
    background-color: var(--dm1);
    box-shadow: #00000036 0px 0px 3px 0px;
    padding: 0.4em 0em 0.4em 0em !important;
    font-size: 15px;
    font-family: georgia;
    text-align: center;
    font-weight: 800;
    text-shadow: #d3c5948a 0.5px 0.8px 1px;
    border: 3px double rgba(42, 14, 8, 0.28);
    display: block;
}

.custom_tag_rulka31 table,
.custom_tag_rulka32 table {
    border-collapse: separate !important;
    width: calc(100% + 50px) !important;
    -webkit-border-horizontal-spacing: 25px;
    margin-left: -25px !important;
    overflow: hidden;
}


.custom_tag_rulka31 tr {
    font-size: 15px;
    font-family: georgia;
    text-align: center;
    font-weight: 800;
    text-shadow: #d3c5948a 0.5px 0.8px 1px;
}



.custom_tag_rulka31 table tr td,
.custom_tag_rulka32 table tr td {
    border: 3px double rgba(42, 14, 8, 0.28);
    background-color: var(--dm1);
    box-shadow: #00000036 0px 0px 3px 0px;
    padding: 6px 8px !important;
}

.light .custom_tag_rulka3,
.light .custom_tag_rulka31 table tr td,
.light .custom_tag_rulka32 table tr td {
    background: rgb(202 210 205);
    border-radius: 5px;
    padding: 10px;
    border: none;
    box-shadow: none;
}

.custom_tag_rulka31 td p {
    padding: 0px !important;
}

.custom_tag.custom_tag_rulka32 ul {
    padding: 0 0 0.1em 2.0em !important;
}


.custom_tag_rulka30 {
    font-size: 15px;
    font-family: georgia;
    text-align: center;
    font-weight: 800;
    text-shadow: #d3c5948a 0.5px 0.8px 1px;
    display: block;
    color: #443c33;
}


.custom_tag_break {
    content: "\a";
    white-space: pre;
}



.custom_tag_justify {
    text-align: justify;
}

.post-box .custom_tag_justify br {
    content: "";
    padding-bottom: 1em;
    display: block;
}

.post-box .custom_tag_justify span.custom_tag.custom_tag_rulka0 br {
    padding-bottom: 0 !important;
}


.custom_tag_multiply {
    mix-blend-mode: multiply;
}

.custom_tag_imgframe00 img.postimg {
    max-width: 550px !important;
    max-height: 350px;
}

.custom_tag_imgframe {
    max-width: fit-content;
    display: inline-flex;
    width: fit-content;
}

table .custom_tag_imgframe,
table .custom_tag_imgframe0,
table .custom_tag_imgframe00 {
    margin: 0px 4px;
}

.custom_tag_imgframe0 {
    max-width: 400px;
    display: inline-flex;
    width: fit-content;
}

.custom_tag_imgshad {
    box-shadow: 0px 0px 5px #1a0b06;
    display: inline-flex;
    width: fit-content;
}

.custom_tag_imgshad0 {
    max-width: 300px;
    display: inline-flex;
    width: fit-content;
}

.custom_tag_imgshad1 img {
    max-height: 250px;
    display: inline-flex;
    width: fit-content;
}

.custom_tag_imgshad2 {
    box-shadow: 0px 0px 4px 1px #1a0b06, 0px 0px 1px 1px #1a0b06ad;
    outline: 1px solid #d1c4ad42;
    outline-offset: -5px;
    display: inline-flex;
    width: fit-content;
}

.custom_tag.custom_tag_intall .custom_tag_imgshad,
.custom_tag.custom_tag_intall .custom_tag_imgshad0,
.custom_tag.custom_tag_intall .custom_tag_imgshad2,
.custom_tag.custom_tag_intall .custom_tag_imgframe,
.custom_tag.custom_tag_intall .custom_tag_imgframe0 {
    display: grid;
}

.custom_tag_hrsolid {
    border-bottom: 4px double rgb(42 14 8 / 20%);
    margin: 0.3em;
}

.custom_tag_hr2 {
    display: block;
    border: 1px solid transparent !important;
    border-image: linear-gradient(to right, rgba(211, 206, 189, 0) 0%, rgb(114 96 59 / 68%) 50%, rgba(210, 205, 188, 0) 100%) 1 !important;
    margin: 0em 0.8em 0.8em 0.8em;
}

.custom_tag_hr3 {
    box-shadow: 0px 0px 7px 2px rgba(58, 25, 8, 0.76), 0px 0px 0px 0px rgba(50, 25, 13, 0.86);
    border-color: rgb(38 16 5 / 37%);
    border-style: ridge;
    border-width: 1px;
    border-radius: 9px;
    margin: 0em 0.8em 0.8em 0.8em;
    opacity: 0.5;
}


.custom_tag_shad {
    text-shadow: rgb(0, 0, 0) 1px 0px 3px;
}

.custom_tag_glow {
    text-shadow: rgba(206, 197, 181, 0.82) 1px 0px 2px;
}


/* аватар в цитате */

.light .author-avatar,
.author-avatar {
    float: none;
    position: absolute;
    right: -45px;
    top: -2px;
    margin-right: 0%;
    margin-top: -12px;
    opacity: 0.8;
}

.basic .author-avatar {
    float: right;
    margin-right: -42.6%;
    opacity: 0.8;
    position: static;
    margin-top: -10px;
    top: auto;
    left: 17px;
}

.sylv .author-avatar, .basic .author-avatar {
    float: right;
    margin-right: -9%;
    position: static;
}

.author-avatar:hover {
    opacity: 1;
}

.author-avatar>img {
    padding: 1px;
    border-radius: 4px;
    box-shadow: #0000003d 0px 0px 2px 0px;
    border: 1px double rgb(42 14 8 / 35%);
    width: 36px;
    height: 36px;
    object-fit: cover;
    object-position: 68% 8%;
    position: relative;
}
.author-avatar>img,
.light .author-avatar>img {
    border-radius: 40px;
}



/* строка тем или форумов при наведении */

#pun-viewforum #pun-main table tr:hover,
#pun-searchtopics #pun-main table tr:hover,
#pun-index #pun-main table tr:hover,
#pun-online #pun-main table tr:hover,
#pun-userlist #pun-main table tr:hover {
    border-radius: 5px;
    background: rgb(255 255 255 / 6%) 0 top repeat-y;
    transition: background-color 0.4s;
}

#pun-viewforum #pun-main table tr,
#pun-searchtopics #pun-main table tr,
#pun-index #pun-main table tr,
#pun-online #pun-main table tr,
#pun-userlist #pun-main table tr {
    transition: background-color 0.4s;
}

/*  свечение жирного текста */
.post-content strong {

}

.sylv .post-content strong {
    text-shadow: #dfd8ae54 1px 1px 0px;
}


/*  подчеркивание */
.punbb .post-content em.bbuline {
    font-style: normal;
    text-decoration: underline;
    text-decoration-thickness: 3px;
    text-decoration-color: #00000030;
    text-decoration-skip-ink: none;
    text-underline-offset: 2px;
}

/* закрытые темы, важные */

span.closedatafield {
    display: none;
}

span.stickytext {
    display: none;
}

.hasicon td.info_header {
    display: none;
}

tr.isticky .tclcon:has(.stickytext):before {
    content: '\2757';
    font-size: 1.1em;
    text-shadow: #fdfdfd82 0px 0px 2px;
}

.hasicon .pagestext {
    display: block;
}

/* спойлер категорий */
.offctgr img {
    mix-blend-mode: plus-lighter;
    filter: contrast(0) hue-rotate(175deg);
    display: block;
    width: 15px;
    /* right: -20px; */
    margin: 1px -10px 0px -17px;
    cursor: pointer;
    background: none;
}

.sylv .offctgr img {
    mix-blend-mode: plus-lighter;
    filter: saturate(100%) contrast(0.5);
    margin: -3px 7px 0px -15px;
}

.basic .offctgr img {
    mix-blend-mode: darken;
    filter: saturate(100%);
    margin: 3px -9px 0px -17px;
}

< !----------------- между никами запятая --------------->#topic-users-in a:after {
    content: ',';
}

#topic-users-in a:last-child::after {
    content: '';
}

#topic-users-in a:not(:last-of-type):after {
    content: ",";
    color: #241A10;
}

#titul {
    padding-bottom: 4px;
}

.post-author .pa-fld1 #titul::before {
    content: '•';
    margin-right: 3px;
}


/* мини ава в строке приветствия */

.status_userava {
    vertical-align: middle;
    margin: -10px 0px 0px;
    height: 30px;
    width: 30px;
    opacity: 0.85;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
    border-radius: 50% !important;
    box-shadow: none !important;
    transition: opacity 0.4s, box-shadow 0.4s;
    background-position: 70% 33%;
    filter: grayscale(0.4) brightness(0.95);
}

.basic .status_userava {
    vertical-align: middle;
    margin: -10px 0px 0px;
    height: 30px;
    width: 30px;
    opacity: 0.85;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
    border-radius: 44% !important;
    box-shadow: 0 0px 4px 1px rgb(82 59 20), 0px 0px 6px #543c24 inset !important;
    transition: opacity 0.4s, box-shadow 0.4s;
    background-position: 70% 33%;
    filter: grayscale(0.4) brightness(0.95);
}

.basic #pun-status span.item1 {
    margin-left: 5px;
}



/*АКЦИИ */


#rzlm0,
#rzlm01 {
    padding: 3px 3px 15px 3px;

}


#rzlm0 {
    width: 49%;
    /* display: inline-block; */
    display: inline-grid;
}

.roli #rzlm0, .roli #rzlm01 {
    width: 99%;
    display: inline-block;
    position: relative;
}


@media screen and (max-width: 980px) {
    #rzlm0 {
        width: 100%;
    }
}


/* rzlmovnik */

.rzlmimg,
.rzlmimg0 {
    overflow: visible;
    background: 50% 50% no-repeat;
    background-size: cover;
    height: 200px;
    padding: 0px;
    display: table-cell;
    box-shadow: inset 0px 0px 6px 0px rgb(139 46 13);
    border-radius: 0px 4px 4px 0px;
}

.rzlmimg0 {
    width: 154px;
}

/* название роли */

h8:hover {
    color: var(--hovlink1);
}

.rzlmh_dop.need b {
    /* color: #266626; */
    color: #974337;
    /* text-shadow: 1px 1px 1px #ffffff96; */
}


h7 {
    color: #544b37;
}

h7::first-line,
h8::first-line,
h9::first-line {
    text-decoration: underline 1px dashed #7272729c !important;
    text-underline-offset: 5px;
}

.rzlmh1 {
    display: block;
}

.rzlmh1 p {
    text-indent: 1.5em;
    line-height: 130% !important;
    padding-bottom: 0.4em !important;
}

.rzlmh1 p:first-of-type {
    margin-top: 0.6em !important;
}

.rzlmh1 p:last-of-type {
    padding-bottom: 0px !important;
}


/* ПЕРЕЧИСЛЕНИЕ ХАРАКТЕРИСТИК */

b1 {
    font-family: 'Alegreya SC', Times New Roman, serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 120%;
    margin-left: 0.5em !important;
    color: rgb(117, 89, 61);
}

b0 {
    font-family: 'Alegreya SC', Times New Roman, serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 120%;
}

i {
    font-family: georgia;
}


.rzlmimg>div.rzlmimg {
    opacity: 0;
    transition: opacity 1s;
}

.rzlmimg>div.rzlmimg:hover {
    opacity: 1 !important;
    transition: opacity 2s;
}

abbr:not(.pa-fld6 abbr) {
    text-decoration: underline 1px dotted rgb(0 0 0 / 60%);
    text-underline-offset: 0.2em;
    opacity: 0.8;
}


.custom_tag.custom_tag_mobile {
    /* width: fit-content; */
    padding: 2px;
    overflow-x: auto;
    /* display: block; */
    margin: 0 auto;
    /* width: 49vmax; */
    width: fit-content;
}


/* подарки */


#rzlm3_gift {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    overflow: hidden;
    /* height: 214px; */
    outline-offset: 0px;
    /* background: url(https://i.imgur.com/7PNN8zu.jpeg) repeat; */
    /* background: url(https://i.imgur.com/0IAXQtZ.jpeg) repeat; */
    background: url(https://i.imgur.com/D4bezFP.jpeg) repeat;
    border-style: solid;
    border-image: url(https://i.imgur.com/TfHR5Qd.png);
    border-image-repeat: repeat !important;
    border-image-slice: 7;
    box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 66%), 0px 0px 3px 1px #0000008f, 0px 0px 0px 1px #00000047 !important;
    border-width: 7px;
    flex-wrap: wrap;
    gap: 10px 5px;
}


#rzlm3_gift div div {
    display: flex;
    flex-direction: column;
    /* flex-wrap: nowrap; */
    /* justify-content: center; */
    /* width: fit-content !important; */
    /* min-width: -webkit-fill-available !important; */
    /* width: 128px; */
}

.rzlmimg_gift {
    overflow: visible;
    height: 128px;
    padding: 0px;
    background-repeat: no-repeat;
    width: 128px;
    /* display: inline-block; */
}


.rzlmro_gift {
    max-width: calc(100% - 128px);
    min-width: 128px;
    display: inline-block;
    /* box-sizing: border-box; */
    line-height: 130%;
    font-size: 11px;
    padding: 3px 6px 4px 8px;
    height: 128px;
    outline-offset: -4px;
    overflow: auto;
    overlay: none;
    color: #818181;
    text-shadow: 1px 1px #000000;
    border-width: 0px;
    box-sizing: border-box;
}


#gift {
    width: 49%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}


/* скрытие отредактировано из html-верх
-------------------------------------------------------------*/

p.lastedit {
    display: none
}

#topic_t875 p.lastedit,
div#topic_t145 p.lastedit {
    display: block !important;
}

thead {
    display: none
}

#topic-modmenu,
#topic-users-in,
.pagelink,
#s-block,
.subscribelink {
    margin: 0 20px;
}

/* личные сообщения */

#messages table {
    background: #f0f8ff36;
    border-radius: 15px;
}

.sylv #messages table,
.basic #messages table {
    background: transparent;
    border-radius: 0px;
}

.light #pun-login #pun-main,
.light #pun-userlist #pun-main,
.light #pun-searchtopics #pun-main,
.light #pun-online #pun-main,
.light #pun-message #pun-main {
    margin: 0 20px;
}





/* админка */

.punbb-admin #pun-navlinks .container {
    position: absolute;
    top: -116px;
    right: -22px;
    color: aliceblue;
}

.punbb-admin #pun-ulinks .container {
    color: aliceblue;
    position: absolute;
    top: 1px;
    right: 0px;
}

.adformal h2,
#pun-adnav h2 {
    margin: 0 0 27px 0 !important;
    top: 27px !important;
    position: relative;
    background: rgb(136, 161, 157) !important;
    border: none !important;
}

#pun-admain input,
#pun-admain select {
    background: rgb(136, 161, 157);
}

.admin-advert-block {
    left: 173px;
    top: 50px;
    position: relative;
}

/* цитаты в топике */

.sylv .qc-uname,
.basic .qc-uname {
    color: black;
}

/* медиа для мозиллы */

@-moz-document url-prefix() {
    * {
        scrollbar-width: thin;
    }

    .sylv #pun-title {
        background-image: url(https://i.imgur.com/Gdnhr6G.png);
        width: 1375px;
        height: 509px;
        margin-left: -187px;
        margin-top: -78px;
        margin-bottom: 0px;
        position: relative;
        top: -275px;
        z-index: -1;
    }

    .sylv #pun-announcement {
        position: relative;
        width: 960px;
        text-align: center;
        margin-top: -148px;
        padding-bottom: 8px;
    }

    .sylv .ban {
        width: 1015px;
        left: 10px;
        bottom: -109px;
    }

}

forumdesc {
    color: rgba(45, 45, 45, 1);
    font-size: 10px;
    display: flex;
    align-items: center;
}

.sylv forumdesc {
    color: #756953d4;
}

.basic forumdesc {
    color: #0e0b07;
}


forumdesc > a {
    filter: contrast(2.5);
    display: inline-block;
    padding: 0px 5px;
    font-weight: 400;
}

.basic .text-info .title a {
    color: var(--link)!important;
}

.basic .text-info .title a {
    color: var(--link)!important;
}

.basic .text-info .title a:hover {
    color: #6f4e2b !important;
}

.basic .f_links a:hover {
color:#877b59!important;
    background: linear-gradient(to top, #070604, #160E07);
}


/* мелкие допы
-------------------------------------------------------------*/

h1 {
    text-align: center;
    font-size: 12px;
    color: #333;
}




/* хронология большая
-------------------------------------------------------------*/
summary:before {
    content: '›';
}

details[open] > summary:before {
    margin-top: -12px;
}

.sylv .ship20 {

}

.ship20 {
--bgsw: 865px;  /*  максимальная ширина блока */
--bgs1: #fff0d230;  /* фон общий*/
--sct1: #2c0a00b8;  /*  цвет общего текста  */
--sct1a: #5e0b0b;   /* цвет ccылок */
--szt: 0.95em;  /*  размер шрифта  */

--pad2: 10px;  /* отступ между эпизодами */
--pad1: 15px;  /* отступ текста слева */

--pwt: 44px;  /* ширина левого блока */
--bgs2: #36110547; /* цвет границы*/

--bgs3: #1e130c; /* цвет ленты */
--sct3: #d6d6d6;  /* текст ленты */

--sct2: #000000;  /* цвет даты и участников */

--bgsa: #702504;  /*  активный эпизод  */
--bgss: #155608;  /*  активный, открытый вход  */
--bgsz: #120600a8;  /*  завершенный эпизод  */
--bgsnz: #240e0478; /*  личный эпизод  */
}

.ship20 * {box-sizing: border-box; line-height: 140% !important;}

.ship20 {
    margin: 0 auto;
    font-size: var(--szt);
    padding: 1px 0;
    display: block;
}

.ship20 a {color: #617975 !important; text-shadow: none  !important;}

.ship20 a:hover {color: #974337 !important;}

border: 3px double rgba(42, 14, 8, 0.28);
    border-top-width: 0px;
}
.ship20 a {color: var(--sct1a) !important;}
.ship20 a:hover {filter: brightness(1.5);}

.ship20 p {
    margin: 0px 0px 0px var(--pad1) !important;
    padding: 0px var(--pad2) 0 0 !important;
    position: relative;
}

.ship20 p:last-child {
    text-align: justify;
    display: flex;
    align-items: center;
}

.ship20 p:first-child {
    display: block;
    font-style: normal !important;
    color: var(--sct2);
    font-family: Tahoma, sans-serif;
    padding: 4px 10px 4px 20px !important;
    text-align: left;
}

.ship20 p:before {
    content: ' ';
    display: block;
}

/**  эпизод  **/
.ship20 p > a:first-child {
    display: block;
    padding: 4px 0 4px 0;
    font-size: 12px;
    font-weight: 800;
}

/**  маркеры  shipovnik **/
.ship20 p > a.ep:before {
    content: '';
    display: inline-flex;
    position: absolute;
    transform: translate(-91%, 7%);
    width: 28px;
    height: 28px;
    margin-left: -16px;
    border-radius: 50px;
    padding: 0;
    justify-content: center;
    align-items: center;
    color: #fff;
    line-height: 0;
    font-size: 14px;
}

.ship20 p > a.ep:hover:before {
}

a.ep:before {
    opacity: 0.6;
}

.act a.ep:before {
    background: #768F70;
}

.end a.ep:before {
    background: #617975;
}

.imp.end a.ep:before {
    background: #405f59;
}

.imp a.ep:before {opacity: 1!important;}
.see a.ep:before {
    content: '\e8f4'!important;
    font-weight: 100;
    font-style: normal;
    font-size: 14px;
    font-family: 'Icons' !important;
}

.free a.ep:before {
    content: '\e7ef'!important;
    font-weight: 100;
    font-style: normal;
    font-size: 14px;
    font-family: 'Icons' !important;
}

.act.imp.op a.ep:before {
    background: #974337!important;
}

.ship20 table p {
    padding-bottom: 0px!important;
    padding-right: 5px!important;
}

/**  дата и участники  **/
.ship20 em {
    display: block;
    padding: 0;
    font-style: normal !important;
    font-size: 11px;
    font-family: Tahoma, sans-serif;
    padding-right: var(--pad2);
    text-align: left;
    width: 100%;
    padding-top: 5px;
}

/**  год или эпоха  **/
.ship20 ht0 {
    display: block;
    padding: 0px 20px;
    margin: 30px auto;
    color: #FFF;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Playfair';
    font-weight: bold;
    border-radius: 50px;
    text-align: center;
    background: #974337;
    width: max-content;
    border: 1px solid #ADADAD;
}

#maindate {
    padding: 20px 20px 20px 20px!important;
    margin: -16px -20px -14px -20px!important;
    text-align: justify;
    background: #738A86 !important;
    color: #fff;
    border-radius: 5px;
}

#maindate em {
}

li.imp {
    background: #dfdfdf;
    border: none !important;
border-radius: 5px !important;
}

.ship20 ht1 {
    display: flex;
    position: relative;
    color: #fff !important;
    font-size: 18px;
    text-transform: uppercase;
    font-family: Playfair !important;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 10px;
    margin: 0 0 8px 0;
    white-space: pre-line;
}

#maindate ht1 b {
    background: #974337;
    border: 1px solid #ADADAD;
    border-radius: 50px;
    padding: 0 10px;
    font-size: 12px;
    display: flex;
    flex-direction: row;
    white-space: nowrap !important;
    height: 24px !important;
    line-height: 0 !important;
    align-items: center;
}

.ship20 li span {
    display: grid;
    grid-template-columns: 1.8fr 1fr 3.5fr;
    margin: 25px 0px;
}

.ship20 span em b {
    padding-bottom: 8px;
    display: block;
}

.ship20 li {
    padding: 12px 20px 10px 20px;
    width: 100%;
    border-width: 1px 0 0px 0;
    border-style: solid;
    border-color: #adadad;
    margin: 10px 0 5px 20px;
    cursor: default !important;
  counter-increment: item;
  position: relative;
}

.ship20 li::marker {}

.ship20 ht0 + p > a:first-child {padding-top: var(--pad2);}

.filterlist label:hover,
input#searchInput:hover {
    background-color: rgba(27, 14, 4, 0.2);
}

.ship20 {
  counter-reset: item;
  list-style: none;
  padding-left: 0;
}

.ship20 li::before {
    content: counter(item) ".";
    position: absolute;
    left: -35px;
    /* top: 46px; */
    margin: 12px 0px !important;
    opacity: 0.5;
    display: inline-block;
}

details,
.chrono,
.filter {
    width: 98% !important;
}

.ship20 {
    max-width: 98% !important;
}


.ship20 li span {
    margin: 0px !important;
    width: 100%;
}

.sylv .ship20 {

}


:root {
  --font-title: owenpro;
  --color-accent:  hsl(177.55deg 41.88% 45.88%);
--bordercolor: #cacaca;}

details, .chrono, .filter {
    width: 865px;
}

/*************************************************************
filter 
**************************************************************/

.filter {
    display: inline-flex;
    justify-content: space-around;
    width: 880px !important;
    background: #c1c8c1;
    padding: 20px;
    margin: 0 auto !important;
    border-radius: 3px;
}

.sylv .filter {width: 810px !important;}

.basic .filter {width: 740px !important;}

.filterlist {
    display: inline-flex;
    flex-direction: column;
    font-size: 10px;
    font-family: verdana;
    gap: 4px;
    align-items: flex-start!important;
    text-align: left;
}

.filterlist label {
    display: inline-flex;
    width: 187px;
    align-content: center;
    flex-wrap: wrap;
    align-items: center;
    padding: 7px;
    background-color: rgb(202 209 202);
    border: 1px solid rgb(173 173 173);
    border-radius: 3px;
}

.filterlist span {
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
    font-family: 'Playfair';
    font-weight: bold;
    letter-spacing: 0px;
}

.filterlist label input[type="checkbox"] {
    margin: 0px 7px 0px 2px!important;
}
input#searchInput {
    padding: 7px;
    background-color: rgba(27,14,4, 0.1);
    border: 3px double rgba(42, 14, 8, 0.28)!important;
}
.filterlist label input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0px 7px 0px 2px!important;
    background-color: rgba(27,14,4, 0.1)!important;
    border: 1px solid rgba(42, 14, 8, 0.28)!important;
    padding: 5px !important;
    cursor: pointer;
    transition: all .4s ease-in-out 0s;
    height: 1em;
}
.filterlist label input[type="checkbox"]:checked{
    background-color: black!important;
height: 1em;}
/*************************************************************
spoiler
**************************************************************/

summary::-webkit-details-marker{display:none;}
summary::-moz-list-bullet{list-style-type:none;}
summary::marker{display:none;} 

summary {
    padding: 0.5em 0.6em 0.4em 2em!important;
    width: 68%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    cursor: pointer;
    position: relative;
    font-family: 'Playfair';
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 0px;
    margin-top: 12px!important;
    margin-bottom: 35px!important;
    border-radius: 3px;
    -moz-border-radius: 3px;
    transition: all .6s!important;
    background: #738A86;
    color: #fff;
}

summary:before {
    left: 0.3em;
    position: absolute;
    transition: transform .5s;
    content: '›';
    font-size: 40px;
    top: 0;
    margin: 0 !important;
    height: 100%;
    display: flex;
    align-items: center;
}

summary:hover {
    background: #c1c8c1;
    transition: all .6s!important;
    color: #3a4949;
}

details[open] > summary:before {
  transform: rotateZ(90deg);
  margin-top: 0px;
    margin-left: 2px;
}
summary ~ * {
   padding:0 1em 0 1em;
}
details[open] summary ~ *{ 
  animation: sweep .5s ease-in-out;
}
@keyframes sweep {
  0%    {opacity: 0;}
  100%  {opacity: 1;}
}
summary:focus {
  outline:0;
}
details{
  display:block;
  margin-bottom: .5rem;
}

details p {
    font-family: var(--font-title);
}


/* орг темы вариации под дизайны
-------------------------------------------------------------*/

.basic .soo1 {
    width: 595px;
}

.sylv .soo1 {
    width: 652px;
}

.basic .soo2 {
    width: 800px;
}

.sylv .soo2 {
    width: 874px;
}


.basic  .navig {
    left: 295px;
}

.basic .custom_tag_gostevaya {
    width: 922px;
    margin: 0px 0 20px -28px;
    border-radius: 3px;
    background-position: top left !important;
    box-shadow: inset 0 0 15px 0px #262f2f;
}

.sylv .custom_tag_gostevaya {
    width: 982px;
    margin: 0px 0 20px -22px;
    border-radius: 3px;
}

.basic .gde_chto {
    background: url(https://forumstatic.ru/files/001c/67/33/41750.png) 612px 96px no-repeat;
    background-color: #CAD1CA;
    height: 700px;
    background-size: 31%;
}


.sylv .gde_chto {
    /* background: url(https://forumstatic.ru/files/001c/67/33/41750.png) 589px center no-repeat; */
    /* background-color: #CAD1CA; */
    /* height: 700px; */
    /* background-size: 33%; */
}

.sylv .custom_tag_moa {
    width: 100%;
}

.basic .chto_igraem {
    background: url(https://forumstatic.ru/files/001c/67/33/72145.png) 598px center no-repeat;
    background-size: 32%;
    background-color: #CAD1CA;
}

.sylv .chto_igraem {
    /* background-size: 35%; */
}

.basic .sinopsis {
    background: url(https://forumstatic.ru/files/001c/67/33/72294.png) 612px 96px no-repeat;
    background-color: #CAD1CA;
    height: 638px;
    background-size: 31%;
}

.sylv .sinopsis {
    /* background: url(https://forumstatic.ru/files/001c/67/33/72294.png) 593px 80px no-repeat; */
    /* background-color: #CAD1CA; */
    /* height: 638px; */
    /* background-size: 33%; */
}

.basic .org {
    width: 860px;
    overflow: hidden;
    margin: 0px -18px;
}

.basic .custom_tag_moa {
    width: 100%;
    background-position: top left !important;
}

.basic .custom_tag.custom_tag_lorkratko {
    width: 900px;
    margin: 0 0 0 -18px;
    background: url(https://forumstatic.ru/files/001c/67/33/62162.webp) left;
border-radius: 3px;
}


.basic .custom_tag_lorkratko table .custom_tag_dm1[alt="lore"] {
    color: #333 !important;
    background: #e7e7e7 ! IMPORTANT;
    padding: 2px 10px !important;
}

.basic .custom_tag_lorkratko table tr {
    display: flex;
    width: 530px;
    flex-direction: row;
    align-items: flex-end;
    height: 74px;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.sylv .custom_tag.custom_tag_lorkratko {
    width: 920px;
    margin: 0 0 0 0;
    background: url(https://forumstatic.ru/files/001c/67/33/62162.webp) left;
    border-radius: 3px;
}


.sylv .custom_tag_lorkratko table .custom_tag_dm1[alt="lore"] {
    color: #333 !important;
    background: #e7e7e7 ! IMPORTANT;
    padding: 2px 10px !important;
}

.basic .custom_tag_lorkratko table, .sylv .custom_tag_lorkratko table {
    right: 10px;
    left: inherit !important;
    width: max-content !important;
    bottom: 50px;
}

.sylv .custom_tag_lorkratko table tr {
    display: flex;
    width: 530px;
    flex-direction: row;
    align-items: flex-end;
    height: 74px;
    justify-content: flex-end;
    flex-wrap: wrap;
}


.sylv .org {
    width: 944px;
    overflow: hidden;
    margin: 0px -24px;
}


/* стили орг тем
-------------------------------------------------------------*/

/* Магазин --------*/

.magazin {}

.magtext {
    padding: 20px;
    margin: 0;
    background: #c1c8c1;
    border-radius: 3px;
}

.lavka {
    background: linear-gradient(180deg, #415052 0%, #1B2424 100%);
    border-radius: 3px;
    padding: 20px;
    color: #fff;
}

.lavka .wrap {
    height: 475px;
    overflow: auto;
    padding: 0 10px 0 0;
}

.lavka .H0 {
    font-family: 'Playfair';
    text-transform: uppercase;
    margin: 0 0 2px 0;
}

.lavka .H0 p {
    font-size: 20px !important;
    padding: 0 !important;
}

.artifact {
    display: flex;
    background: #232C2E;
    border-radius: 3px;
    padding: 10px;
    gap: 20px;
    align-items: center;
}

.artimg {
    min-width: 160px;
    max-width: 160px;
}

.artimg p {padding: 0!important}

.artimg img {}

.art {}

.naz {}

.sto, .tip {
    padding: 2px 9px !important;
    color: #FFF !important;
    text-transform: uppercase;
    border-radius: 50px;
    width: max-content;
    margin: 0 0px 10px 0px;
    font-family: Playfair;
    font-weight: 500;
    display: inline-flex;
    margin: 0 10px 0 0;
}

.sto p, .tip p, .artexpand p {
    padding: 0 !important;
}

.sto {background: #88A19D;}

.tip {background: #768F70;}

.opisa {
    background: #1B2424;
    border-radius: 10px;
    padding: 15px;
    margin: 10px 0;}

.opisa .wrap {
    max-height: 70px;
    overflow: auto;
    padding: 0 10px 0 0;
    scrollbar-gutter: stable;
}

.artexpand {
    width: max-content;
    text-align: center;
    margin-top: 10px;
    color: #fff;
    background: #974337;
    font-family: Playfair;
    cursor: pointer;
    text-transform: uppercase;
    transition: color 0.15s linear, background-color 0.15s linear;
    border-radius: 50px;
    padding: 3px 10px;
    z-index: 1;
}

.artexpand:hover {
    background-color: rgba(136, 161, 157, 1);
}


/* навигация  --------*/
.quotewhite {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    background: #DFE1DF;
    border: 1px solid #ADADAD;
    padding: 20px;
    margin: -13px -21px 0 -21px;
}


.quotewhite a {
    text-decoration: underline;
    color: #974337 !important;
}

.quotewhite a:hover {
    text-decoration: none;
    color: #738A86 !important;
}


/* допы орг тем --------*/

.custom_tag_quote2 a {
    color: #7b2e23 !important;
}

.custom_tag_quote2 a:hover {
    color: #81bbb1 !important;
}

/* Шаблон эпизода --------*/

.episode {
    background: url(https://forumstatic.ru/files/001c/70/90/83453.png);
    width: 765px;
    height: 368px;
    border-radius: 3px;
    color: #FFFFFF;
    margin: 0px auto 10px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.episode .wrap {
    background: #738A86;
    border: 1px solid;
    border-image-source: linear-gradient(310.36deg, #1C2525 0%, #CACACA 126.25%);
    width: calc(100% - 80px);
    margin: auto;
    height: calc(100% - 80px);
    padding: 20px;
    border-radius: 3px;
}

.episode .nazv {
    width: calc(100% - -40px);
    margin: 0 0 20px -20px;
}

.episode .nazv p {
    font-size: 32px !important;
    text-align: center;
    font-family: NARZISS;
    padding: 0 !important;
    text-transform: uppercase;
    line-height: 1;
}

.episode .kartinf {
    position: relative;
    margin: 0 auto 20px auto;
}

.episode .kart {
    width: 692px;
    height: 164px;
}

.episode .kart p {padding: 0 !important;}

.episode .kart img {margin: auto;}

.episode .inf {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 0 10px;
    width: 100%;
    position: absolute;
    bottom: -11px;
    gap: 10px;
    text-transform: uppercase;
}

.episode .inf a {
    font-weight: bold;
}

.episode .inf a:hover {
color: #974337 !important;
}

.episode .inf div {
    background: #FFFFFF;
    border: 1px solid #ADADAD;
    color: #4A4A4A;
    border-radius: 50px;
    padding: 0 10px;
    height: 18px;
    display: flex;
}

.episode .inf div p {
padding: 0 !important;
 font-size: 12px !important;
font-family: 'Playfair';
}

.episode .opisan {
    height: 63px;
    overflow: auto;
    padding: 0 10px 0 0;
}

.episode .opisan a {color: #7b2e23 !important;}

.episode .opisan a:hover {color: #81bbb1 !important;}


/* Гостевая  --------*/

.navig {
    position: absolute;
    width: 240px;
    text-align: center;
    top: 20px;
    left: 340px;
    height: max-content;
    font-family: 'Playfair';
}

.navig p {
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 0 !important;
    gap: 3px;
}

.navttl {
    margin: 0 0 20px 0;
}

.navttl p {
    color: #AAC3A3;
    font-size: 20px !important;
}

.navig a {
    text-decoration: none !important;
    font-size: 12px;
    color: #D7D6D6 !important;
    display: flex;
    width: max-content;
    margin: 0 auto;
    height: 14px;
    line-height: 0;
    align-items: center;
    justify-content: center;
}

.navig a:hover {}

.custom_tag_gostevaya .custom_tag_dm1[alt="lore1"] a {color: #AAC3A3 !important; text-decoration: underline;}

.custom_tag_gostevaya .custom_tag_dm1[alt="lore1"] a:hover {color: #974337 !important;}

.checkfaq {
    border-radius: 180px;
    padding-right: 7px;
    padding-left: 7px;
    background: #415052;
    border: 1px solid #CAD1CA;
    margin: 8px auto 8px auto;
    width: max-content;
    height: 20px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
}

.checkfaq p {
    font-family: 'Playfair';
    font-size: 12px !important;
}

/* Общие стили  --------*/

.org *::-webkit-scrollbar-track {background-color: #D2D0C7 !important;}
.org *::-webkit-scrollbar-thumb {background-color: #768F70 !important;  cursor: pointer;}

.roli *::-webkit-scrollbar-track {background-color: #D2D0C7 !important;}
.roli *::-webkit-scrollbar-thumb {background-color: #768F70 !important; cursor: pointer;}

.custom_tag_gostevaya *::-webkit-scrollbar-track {background-color: #D2D0C7 !important;}
.custom_tag_gostevaya *::-webkit-scrollbar-thumb {background-color: #768F70 !important;  cursor: pointer;}

.soo2 *::-webkit-scrollbar-track, .episode *::-webkit-scrollbar-track {background-color: #D2D0C7 !important;}
.soo2  *::-webkit-scrollbar-thumb, .episode *::-webkit-scrollbar-thumb {background-color: #768F70 !important;  cursor: pointer;}



.custom_tag_hr1 {
    border-bottom: 4px double #768F70;
    margin: 0.8em auto 0.8em;
    width: 78%;
}

.org2 {
    color: #2D2D2D;
    background-color: #CAD1CA;
    width: 944px;
    padding: 0px 20px 20px 20px;
    border-radius: 4px;
    border: 1px solid #ADADAD;
    position: relative;
    margin: 0 auto 10px auto;
}

.org2 .custom_tag_moa {margin: 0 0 10px -20px;}

.org {
    color: #2D2D2D;
    background-color: #CAD1CA;
    width: 944px;
    padding: 0px 20px 20px 20px;
    border-radius: 3px;
    border: 1px solid #ADADAD;
    position: relative;
    margin: 0 auto 10px auto;
}

.org img {border-radius: 3px;}

.custom_tag_moa {
    background: url(https://forumstatic.ru/files/001c/67/33/92929.png) top left no-repeat;
   /*  background-size: cover;
    width: 100%;
    height: 50px;
    display: flex;
    border-radius: 3px;
    font-family: NARZISS;
    color: #D7D6D6;
    align-items: center;
    box-sizing: border-box;
    justify-content: flex-start;
    padding: 0 0 0 40px;
    margin: 0 0 20px -2px;
    position: relative; */

    /*  width: 944px; */
    width: calc(100% + 3px);
    height: 50px;
    display: flex;
    border-radius: 5px;
    font-family: NARZISS;
    color: #D7D6D6;
    align-items: center;
    justify-content: flex-start;
    padding: 0 0 0 0px;
    margin: 0 0 20px -3px;
    position: relative;
}

.custom_tag_moa p:first-child {
    font-size: 40px !important;
    padding: 0px 0 0 30px !important;
    text-transform: uppercase;
}

.org .custom_tag_moa {
    margin: 0 0 20px -20px;
    width: 984px !important;
    border-radius: 2px;
}

.moatitle {
    padding: 2px 12px !important;
    background: #D7D6D6 !important;
    border: 1px solid #ADADAD !important;
    color: #4A4A4A !important;
    text-transform: uppercase;
    border-radius: 50px;
    width: max-content;
    font-family: Playfair;
    position: absolute;
    right: 20px;
}

.basic .moatitle {
    right: 95px;
}

.moatitle p:last-child {font-size: 12px !important; padding:0px !important;}

.s_wrap {
    width: 565px;
    padding: 0 18px 0 0;
    height: 616px;
    overflow: auto;
}

.org .qut, .org2 .qut {
    background: #BBBFBB;
    border-radius: 3px;
    margin: 10px 0 10px 0px;
    padding: 10px;
}

.qut a {text-decoration: underline;}

.freelbl {
    color: #4C5354;
    text-transform: uppercase;
    font-size: 18px !important;
    font-family: 'Playfair';
    font-weight: 600;
    margin: 10px 20px -10px 10px !important;
    display: inline-flex;
}

.freelbl p {
    font-size: 18px !important;
}

.custom_tag_dm1[alt="lore"] {
    padding: 2px 8px !important;
    background: #83534c !important;
    border: 1px solid #ADADAD !important;
    outline: none !important;
    text-shadow: none !important;
    color: #FFF !important;
    text-transform: uppercase;
    border-radius: 50px;
    width: max-content;
    margin: 0 0px 10px 0px;
    font-family: Playfair;
    font-weight: 500;
    word-spacing: 2px;
}

.custom_tag_gostevaya .custom_tag_dm1[alt="lore"] p, .custom_tag_lorkratko .custom_tag_dm1[alt="lore"] p {
    font-size: 13px !important;
}

.custom_tag_dm1[alt="lbl"] {
    padding: 2px 12px !important;
    /* background: #D7D6D6 !important; */
    /* border: 1px solid #ADADAD !important; */
    background: rgb(var(--accent), 0.68) !important;
    border: 1px solid #73817e6e !important;
    outline: none !important;
    text-shadow: none !important;
    color: #4A4A4A !important;
    text-transform: uppercase;
    border-radius: 50px;
    width: max-content;
    margin: 0 0px 10px 0px;
    font-family: Playfair;
    font-size: 13px !important;
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 6px 6px 0;
}

.custom_tag_imgframe img.postimg, .custom_tag_imgframe0 img.postimg, .custom_tag_imgshad0, .custom_tag_imgshad1 img, .custom_tag_imgframe00 img.postimg {
    border: 3px double rgb(58 29 4 / 48%);
    box-shadow: 0px 0px 2px #1a0b0657;
}

.light .custom_tag_imgframe img.postimg, .light .custom_tag_imgframe0 img.postimg, .light .custom_tag_imgshad0, .light .custom_tag_imgshad1 img, .light .custom_tag_imgframe00 img.postimg {
    border: 4px double #00000063 !important;
    border-image: linear-gradient(314deg, #1C2525 0%, #e1e3e1 126%) 1 !important;
    outline: 4px double #738a86;
    outline-offset: -4px;
}


a img.postimg:hover {
    filter: grayscale(1);
    transition: 1s filter linear;
    box-shadow: 0 0 15px -6px #000;
}

.org .ttl, .org .ttl a {
    color: #4C5354 !important;
    font-family: 'Playfair';
    font-weight: 700;
}

.org .ttl p {
    font-size: 18px !important;
    padding: 0!important;
}

.ttls {
    background: #D7D6D6;
    border: 1px solid #ADADAD;
    border-radius: 50px;
    text-align: center;
    width: max-content;
    padding: 0 7px;
    margin: 0 3px 5px 3px;
}

.race .ttls, .raceXL .ttls, .raceXXL .ttls {
    display: inline-block;
    margin-right: 8px;
}

.org .ttls p {
    font-size: 10px !important;
    padding: 0!important;
}

.custom_tag_dm0, #dmt {
    font-family: 'PLAYFAIR';
    font-size: 18px;
    text-transform: uppercase;
    color: #4C5354;
    margin-bottom: 4px;
    letter-spacing: 0.02em;
    transition: all 0.6s ease 0s;
    width: max-content;
    display: inline-flex;
}

.anturaz {
    width: 100%;
    display: flex;
    gap: 0px 10px;
}

.anturaz .ttls {
    width: -webkit-fill-available;
    display: inline-grid;
    justify-content: center;
    margin: 0px 0px 4px;
}

/* Матчасть  --------*/

.custom_tag_dm0:not(.org .custom_tag_dm0) {
    background: #88A19D;
    border: 1px solid #CAD1CA;
    color: #FFFFFF;
    font-family: Playfair;
    font-size: 24px !important;
    font-weight: 500;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    border-radius: 7px;
    /* width: max-content; */
    padding: 3px 10px 2px;
    margin: 2px 10px;
    display: block;
    width: auto;
}

.basic .custom_tag_dm0:not(.org .custom_tag_dm0), .sylv .custom_tag_dm0:not(.org .custom_tag_dm0) {
    font-family: Playfair;
    font-size: 23px !important;
    font-weight: 500;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    / width: max-content; */
    padding: 6px 5px 5px 5px;
    margin: 2px auto;
    display: block;
    width: auto;
    color: #fff2da;
    text-shadow: #000000ba 1px 1px 2px;
    background-color: rgb(33 8 0 / 38%) !important;
    outline: 1px solid #fff2da42;
    outline-offset: -3px;
    box-shadow: #42382596 0px 0px 3px 1px;
    border: none;
    border-radius: 0px;
}

.custom_tag_dm1, #dm {
    display: block;
    margin: 0px auto;
}

.light .custom_tag_dm1:not(.org .custom_tag_dm1, .custom_tag_lorkratko .custom_tag_dm1, .custom_tag_gostevaya .custom_tag_dm1, .custom_tag_guest .custom_tag_dm1, .custom_tag_novichko .custom_tag_dm1), #dm {
    background: rgb(202 210 205);
    border-radius: 5px;
    padding: 10px;
}

.basic .custom_tag_dm1:not(.org .custom_tag_dm1, .custom_tag_lorkratko .custom_tag_dm1, .custom_tag_gostevaya .custom_tag_dm1, .custom_tag_guest .custom_tag_dm1, .custom_tag_novichko .custom_tag_dm1), .sylv .custom_tag_dm1:not(.org .custom_tag_dm1, .custom_tag_lorkratko .custom_tag_dm1, .custom_tag_gostevaya .custom_tag_dm1, .custom_tag_guest .custom_tag_dm1, .custom_tag_novichko .custom_tag_dm1) {
    display: block;
    overflow-y: auto;
    padding: 7px;
    background-color: var(--dm1);
    box-shadow: #00000036 0px 0px 3px 0px;
    border: 3px double rgba(42, 14, 8, 0.28);
    width: -webkit-fill-available;
    transition: box-shadow 0.2s;
    margin: 0px auto;
    border-radius: 0px;
}

p:has(.custom_tag_dm0:not(.org .custom_tag_dm0)) {
    padding-left: 0px;
} 

/* Акции  --------*/

.roli {}

.custom_tag_h4 {
    display: flex !important;
    padding: 0 0 4px 0 !important;
    text-align: center !important;
    font-family: NARZISS !important;
    color: #D7D6D6 !important;
    font-size: 45px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    margin: 10px auto 10px auto !important;
    text-decoration: none !important;
    /* background: url(https://forumstatic.ru/files/001c/67/33/26194.png) center center no-repeat !important; */
    /* background: url(https://i.imgur.com/Reiu6xn.png) center center no-repeat !important; */
    /* background: url(https://i.imgur.com/dcPF5ct.png) center center no-repeat !important; */
    /* background: url(https://i.imgur.com/DjAQOzO.png) center center no-repeat !important; */
    /* background: url(https://i.imgur.com/0Yt80N0.png) center center no-repeat !important; */
    background: url(https://i.imgur.com/P0bTPBp.png) center center no-repeat !important;
    text-shadow: none !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    width: 100%;
    /* max-width: 752px !important; */
    height: 46px !important;
    align-items: center !important;
    justify-content: center !important;
}

.org .custom_tag_h4 {
    margin: 0px -20px 20px -20px !important;
    width: -webkit-fill-available;
}


.custom_tag_h4 p {
    padding: 0 !important;
    text-align: center !important;
    font-family: NARZISS !important;
    color: #D7D6D6 !important;
    font-size: 47px!important;
    letter-spacing: 2px !important;
    font-weight: 500!important;
}

span.custom_tag.custom_tag_dm00 {
    display: block;
    overflow-y: auto;
    padding: 2px 0px;
    text-align: center;
    font-family: Playfair;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    word-spacing: 0.3em;
    letter-spacing: 0.02em;
    transition: all 0.6s ease 0s;
    position: absolute;
    width: 80px;
    bottom: 30px;
    left: 34px;
    border: 1px solid #CAD1CA;
    border-radius: 50px;
    /* background: #974337; */
    /* background: #596061; */
    background: #3d3f3d;
    z-index: 1;
}

span.custom_tag.custom_tag_dm00.reserved {
background-color: rgb(67 82 113) !important;
}

span.custom_tag.custom_tag_dm00.need {
background-color: #974337 !important;
}

#setka span.custom_tag.custom_tag_dm00 {
    width: 55px;
    bottom: auto;
    left: auto;
    margin-top: 125px;
    margin-left: 9px;
}

span.custom_tag.custom_tag_dm00[alt="npc"] {
    background-color: #9D9D9D !important;
}

#rzlm3 {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    overflow: hidden;
    height: 300px;
    outline-offset: 0px;
    background: #BBBFBB;
    justify-content: space-between;
    border: 1px solid #768f70a1;
    border-radius: 4px;
}


#setka #rzlm3 {
    height: 150px;
    margin: 0px 0px 8px;
}

.rzlmimg {
    width: 146px;
    height: 300px;
    box-shadow: none !important;
}

#setka .rzlmimg {
    width: 73px;
    height: 150px;
}

.rzlmro {
    width: calc(100% - 146px);
    box-sizing: border-box;
    line-height: 130%;
    font-size: 11px;
    padding: 14px 20px;
    height: 100%;
    overlay: none;
    color: #2D2D2D;
    display: grid;
    /* border: 1px solid transparent !important; */
    /* border-image: linear-gradient(180deg, #1C2525 0%, #CACACA 126%) 1 !important; */
}

#setka .rzlmro {
    width: calc(100% - 73px);
    font-size: 11px;
    padding: 10px;
    height: -webkit-fill-available;
    overflow: auto;
    display: block;
}

.rzlmro::-webkit-scrollbar-thumb {
    background: #818181a3;
}

.rzlmro::-webkit-scrollbar-track {
    background: #8181814f;
}

.rzlmro::-webkit-scrollbar {
    width: 3px;
    height: 4px;
}

h8, h9, h7 {
    display: flex;
    font-family: 'Playfair';
    font-size: 20px;
    line-height: 0.8em;
    text-align: center;
    word-spacing: 3px;
    margin: 0px auto 5px;
    transition: color 0.3s ease-in-out, opacity 0.3s;
    gap: 10px;
    color: #1A1A1A;
    justify-content: flex-start;
}

#setka h8, #setka h9, #setka h7 {
    line-height: 0.6em;
    word-spacing: 1px;
    gap: 2px;
    padding-bottom: 4px !important;
}

#career {
    display: flex;
    min-height: 18px;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    overflow: hidden;
    /* background: #88A19D; */
    /* background: #3d3f3d; */
    background: #3d5052;
    border: 1px solid #CAD1CA;
    border-radius: 50px;
    text-shadow: none !important;
    color: #fff;
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
    width: max-content;
    padding: 0 10px;
}

.roli #career {
    min-height: 2em;
}

#rasa {
    display: flex;
    min-height: 18px;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    overflow: hidden;
    /* background: #974337; */
    /* background: #3d3f3d; */
    background: #79918d;
    border: 1px solid #CAD1CA;
    border-radius: 50px;
    text-shadow: none !important;
    color: #fff;
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
    width: max-content;
    padding: 0 10px;
}

.rzlmh_dop {
    text-align: center;
    width: fit-content;
    margin: 0px auto;
    padding: 4px 0px 0px;
}

.rzlmh_dop > b {
    font-family: 'PLAYFAIR';
    font-size: 18px;
    font-weight: 700;
    display: block;
    color: #1A1A1A;
}

.opisanie {
    background: #D7D6D6;
    border-radius: 30px;
    padding: 5px 10px;
    border: 1px solid #ADADAD;
    color: #4A4A4A;
    height: fit-content;
}

#setka .opisanie {
    font-size: 10px;
}

.rzlmh1 {
    overflow: auto;
    height: 184px;
    padding: 0 20px 0 0;
    margin: 0px 0 -10px 0;
}

#setka .rzlmh1 {
    overflow: visible;
    height: auto;
    padding: 0 0px 0 0;
    margin: 5px 0 0 0;
}

#setka .rzlmh1 p {
    font-size: 10px !important;
}

.roli2 {
    padding: 10px 0 10px 0;
    border-radius: 3px;
}

.sovet {
    display: flex;
    flex-direction: row;
    padding: 6px 20px 4px 15px;
    background: #BBBFBB;
    border-radius: 4px;
}

.org .sovet {
    /* gap: 20px; */
}

.cl1 {
    min-width: 165px;
    max-width: 165px;
    /* margin: auto; */
    text-align: center;
}

.cl1 p {
    position: sticky;
    top: 60%;
    /* top: min(50px, 50%); */
    margin: auto !important;
    text-align: center;
}

.cl1 strong {
    font-family: Playfair;
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase;
    text-shadow: none !important;
    color: #4C5354;
}

.cl1 span {
    font-style: normal !important;
    font-size: 9px;
    color: #1C2525;
}

.cl2 {

}

.cl0 {
    position: relative;
    margin: 0 0 0 75px;
}

.org .cl0 {
    /* margin: 0 0 0 90px; */
    padding-left: 12px;
}

.cl0:before {
    content: '\e837';
    font-family: Icons;
    position: absolute;
    left: -41px;
    top: 9px;
    color: #596061;
    font-weight: 900;
    width: 8px;
    height: 8px;
    background: #596061;
    border-radius: 50px;
    font-size: 0;
}

.sovet span.custom_tag.custom_tag_need, .sovet span.custom_tag.custom_tag_needg {
    position: absolute;
    left: -65px;
    top: 4px;
}

span.custom_tag.custom_tag_needg {
    background: #768F70 !important;
}

span.custom_tag.custom_tag_need, span.custom_tag.custom_tag_needg {
    text-transform: uppercase;
    background: #974337;
    /* vertical-align: top; */
    color: #fff;
    display: inline;
    padding: 1px 6px;
    margin: 0px 1px;
    border-radius: 50px;
    font-family: 'Playfair';
    font-size: 11px;
}

span.custom_tag.custom_tag_needcg,
span.custom_tag.custom_tag_needcw,
span.custom_tag.custom_tag_needcb,
span.custom_tag.custom_tag_needc,
.cl0 strong a.post-mention {
    background: #D7D6D6;
    display: inline;
    padding: 1px 6px;
    /* margin: 0px 1px; */
    border-radius: 50px;
}

span.custom_tag.custom_tag_needcg {
    color: #4e7e42;
}

span.custom_tag.custom_tag_needcb {
    color: #505655;
}

span.custom_tag.custom_tag_needcw {
    color: #a3a3a3;
}

span.custom_tag.custom_tag_needcw span {
    font-family: georgia;
    font-weight: 800;
}

span.custom_tag.custom_tag_needcw strong {
    color: black;
}

span.custom_tag.custom_tag_needc {
    color: #974337;
}

span.custom_tag.custom_tag_need:has(a), span.custom_tag.custom_tag_needg:has(a) {
    box-shadow: 0 0 5px #ffffff;
}

/* Универсальная табличка 2  --------*/


.soo2 {
    width: 945px;
    height: 150px;
    margin: 0 auto;
    background: url(https://forumstatic.ru/files/001c/70/90/17818.png) top left no-repeat;
    background-color: #28332e;
    border-radius: 3px;
    padding: 25px 20px;
}

.soo2 .wrap {
    background: #415052;
    color: #FFFFFF;
    padding: 15px;
    border: 1px solid;
    border-image: linear-gradient(343deg, #1C2525 0%, #CACACA 126.25%);
    border-image-slice: 1;
    height: calc(100% - 32px);
    overflow-y: auto;
}



/* Универсальная табличка 1  --------*/


.soo1 {
    width: 723px;
    height: auto;
    margin: 0 auto;
    background: url(https://forumstatic.ru/files/001c/67/33/14380.png) top left no-repeat;
    background-color: #28332e;
    border-radius: 3px;
    padding: 29px 21px;
}

.soo1 .wrap {
    background: #C1C8C1;
    border: 1px solid #ADADAD;
    border-radius: 3px;
    padding: 15px;
}

.doplbl {
    /* background: #88A19D; */
    /* background: #768F70; */
    background: #974337;
    border: 1px solid #CAD1CA;
    color: #FFFFFF;
    font-family: Playfair;
    font-weight: 500;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    border-radius: 50px;
    width: max-content;
    padding: 2px 10px;
    margin: 2px auto 10px auto;
}

.doplbl p {
    font-size: 14px !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
    line-height: 0;
    height: 20px;
}





/* Занятые внешности  --------*/

.faces {
}

.faces .custom_tag_dm0 {
    width: 100%;
    text-align: center;
    display: block;
    font-weight: 600;
    margin: 20px 0 4px 0 !important;
}

.subtext {
    background: #415052;
    border: 1px solid #CAD1CA;
    border-radius: 50px;
    color: #FFFFFF;
    font-family: Playfair;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px 0;
}

.subtext p {
    font-size: 12px !important;
    padding: 0 !important;
}

.alphabetlist {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    justify-content: space-between;
}

.letters {
    color: #D7D6D6;
    position: relative;
    width: 100%;
    margin: 0px 0 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #3d3f3d;
    border-radius: 3px;
    /* height: 174px; */
}

.alphabetlist .letters {
    width: 32.5%;
    margin: 60px 0 0 0;
}

.abc {
    background: #BBBFBB;
    border-radius: 50px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Playfair';
    color: #333;
    border: 1px solid #ADADAD;
    position: absolute;
    top: -33px;
}

.abc p {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    font-size: 14px !important;
    font-weight: 900;
}

.names {
    margin: 10px;
    /* height: 154px; */
    height: auto;
    overflow: auto;
    padding: 0 9px 0 0;
    width: 97%;
    text-align: left;
}

.alphabetlist .names {
    width: auto;
}






/* Идеи для игры  --------*/

.idei {
    height: max-content;
}



.ideya {
    position: relative;
    background: #BBBFBB;
    border-radius: 3px;
    padding: 10px 10px 40px;
    display: flex;
    flex-direction: row;
    gap: 30px;
    margin: 10px auto;
}

.strani .ideya {
    gap: 10px;
    padding: 0px;
    align-items: center;
}

.karti {
    min-width: 285px;
}

.strani .karti {
    min-width: 360px;
}

.strani .opisbutt {
    bottom: 8px;
}

.karti img,
.karti p,
.opisbutt p {
    padding: 0 !important;
    margin: 0 !important;
}

.opis {
    position: relative;
    overflow: auto;
    padding-right: 14px;
    scrollbar-gutter: stable;
    transition: max-height 0.4s ease;
    max-height: 263px;
}

.opiss {
    position: relative;
    overflow: auto;
    padding-right: 14px;
    scrollbar-gutter: stable;
    transition: max-height 0.4s ease;
    max-height: 290px;
    padding-left: 18px;
    margin-bottom: 25px;
}

.grey .quote-box.spoiler-box {
    background: #BBBFBB !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    border: none !important;
    padding: 5px !important;
    box-shadow: none !important;
}

.light .post-content .grey .spoiler-box>div, .post-content .grey .spoiler-box>div {
    background: rgb(136 161 157 / 59%) !important;
}

.opis.collapsed::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;
    background: linear-gradient(0deg, #bbbfbb, transparent);
    pointer-events: none;
}

.opisbutt {
    position: absolute;
    bottom: 12px;
    left: 332px;
    right: 0;
    width: max-content;
    text-align: center;
    margin-top: 10px;
    color: #fff;
    background: #974337;
    font-family: Playfair;
    cursor: pointer;
    text-transform: uppercase;
    transition: color 0.15s linear, background-color 0.15s linear;
    border-radius: 50px;
    padding: 3px 10px;
    z-index: 1;
}

.opisbutt:hover {
    background-color: rgba(136, 161, 157, 1);
}





/* Что играем  --------*/

.chto_igraem {
    background: url(https://forumstatic.ru/files/001c/67/33/72145.png) 610px 84px no-repeat;
    background-color: #CAD1CA;
    height: max-content;
}

.chto_igraem .s_wrap {
    height: max-content;
}












/* Страны  --------*/

.custom_tag_dm0 a {
    color: #4C5354 !important;
    text-decoration: underline dotted #4C5354 0.01em !important;
}

.countries {
    height: auto;
}




.countries  .cell2 {
    padding-left: 15px;
}

.countries .ttls {
    display: block;
    width: auto !important;
    border: none !important;
    background: transparent !important;
    white-space: pre-line;
    text-align: left !important;
    padding: 0 !important;
}

.countries .cell3 {
    padding: 0 10px 0 0;
    width: 40%;
}

.cell3 p:last-child {
    padding-bottom: 0px;
}




















/* Расы  --------*/

.races {

}

.tag_mob {
    color: #4C5354;
    text-transform: uppercase;
    font-size: 18px !important;
    font-family: 'Playfair';
    font-weight: 600;
    margin: 10px 20px -10px 10px !important;
    display: inline-flex;
    width: max-content;
}

.tag_mob p {
    font-size: 18px !important;
}

.race, .raceXL, .raceXXL {
    background: #BBBFBB;
    border-radius: 3px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0 10px 0;
}

.race {
    height: 130px;
}

.raceXL {
    height: 180px;
}


.raceXXL {
    height: 220px;
}

.race .cell1, .raceXL .cell1, .raceXXL .cell1 {
    height: 130px;
    width: 350px;
    min-width: 350px;
}

.raceXL .cell1 {
    height: 180px;
}

.raceXXL .cell1 {
    height: 220px;
}

.race .cell3, .raceXL .cell3, .raceXXL .cell3 {
    width: auto;
    height: auto;
    padding: 0 10px 0 20px;
    overflow: auto;
}

.race .cell3 {
    max-height: 120px;
}

.raceXL .cell3 {
    max-height: 160px;
}

.raceXXL .cell3 {
    max-height: 205px;
}

.race .ttl, .raceXL .ttl, .raceXXL .ttl {
    text-transform: uppercase;
}

.ttls a {
    color: #617975 !important;
    text-decoration: underline !important;
}

.ttls a:hover {
    color: #974337!important;
    text-decoration: none !important;
}















/* Планы мироздания  --------*/

.plani {

}

.plani .s_wrap {
    width: 100%;
    height: auto;
    padding: 0 !important;
    overflow: visible;
}



.plan {
    background: #BBBFBB;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0 10px 0;
    height: 130px;
}

.cell1 {
    height: 130px;
    display: flex;
    width: 350px;
    min-width: 350px;
}

.cell1 p {
    padding: 0 !important;
    line-height: 0 !important;
    margin: 0 !important;
}

.cell1 img {
    width: 100%;
    height: auto !important;
}

.cell2 {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 20%;
    flex-direction: column;
    padding: 0 10px 0 20px;
}



.cell3 {
    padding: 0px 20px 0px 0px;
    width: 45%;
    max-height: 100px;
    min-height: 10px;
    overflow: auto;
    margin-right: 10px;
}




/* Чары маленьковые  --------*/

.charismll {
    display: flex;
    gap: 8px;
    justify-content: space-between;
margin: 0 0 10px 0;
}

.chara {
    background: #c1c8c1;
    border-radius: 3px;
    padding: 8px;
    margin: 0 0 0px 0;
}



/* Чары  --------*/

.chari {
    background: url(https://forumstatic.ru/files/001c/67/33/17758.png) top left no-repeat;
    background-color: #CAD1CA;
    height: max-content;
}

.chari .s_wrap {
    width: 100%;
    height: max-content;
    padding: 0;
    overflow: hidden;
}










/* Ликбез  --------*/

.custom_tag_lorkratko {
    background: url(https://forumstatic.ru/files/001c/67/33/62162.webp) center;
    height: 355px;
    width: 984px;
    outline: none;
    border: none;
    position: relative;
    font-size: smaller;
    margin: 0px auto;
}

.custom_tag_lorkratko .custom_tag_dm1[alt="lore1"] {
    background: none;
    color: #fff;
    outline: none;
    border: none;
    box-shadow: none;
    left: 55px;
    top: 140px;
    width: 390px;
    height: 80px;
    padding: 0;
    font-size: 12px !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.custom_tag_lorkratko .custom_tag_dm1[alt="lore1"] p:nth-child(2) {
    background: #415052;
    border-radius: 50px;
    padding: 4px 10px;
    text-transform: uppercase;
    font-size: 10px !important;
    text-shadow: none !important;
    border: 1px solid #CAD1CA;
    height: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom_tag_lorkratko .custom_tag_dm1[alt="lore4"] {
    display: block;
    position: absolute;
    overflow: overlay;
    left: 55px;
    top: 250px;
    width: 240px;
    height: 80px;
    padding: 0;
}

.custom_tag_lorkratko .custom_tag_dm1[alt="lore4"] a {
    color: #fff !important;
    text-shadow: none !important;
}

.custom_tag_lorkratko .custom_tag_dm1[alt="lore4"] a:hover {
    color: #b48478 !important;
}

.custom_tag_lorkratko .custom_tag_dm1[alt="lore4"] p {
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    align-content: stretch;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    flex-wrap: wrap;
    gap: 0;
    line-height: 0.8;
    text-transform: uppercase;
    font-size: 12px !important;
    align-items: flex-start;
    font-family: 'Playfair';
}

.custom_tag_lorkratko .custom_tag_dm1[alt="lore1"] p:nth-child(2) span strong span {
    color: #fff !important;
}

.custom_tag_lorkratko table {
    position: absolute;
    bottom: -24px;
}

.custom_tag_lorkratko table tr, .custom_tag_gostevaya table tr  {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

/* Синопсис  --------*/

.sinopsis {
    /* background: url(https://forumstatic.ru/files/001c/67/33/72294.png) 593px 80px no-repeat; */
    background: url(https://i.imgur.com/S8kyY0L.png) 620px 70px no-repeat;
    background-color: #CAD1CA;
    height: 685px;
}


/* Где что играть  --------*/

.gde_chto {
    /* background: url(https://forumstatic.ru/files/001c/67/33/41750.png) 618px 5px no-repeat; */
    background: url(https://i.imgur.com/gvMpf2d.png) 620px 77px no-repeat;
    background-color: #CAD1CA;
    height: 700px;
}

.gde_chto .s_wrap {
    height: 630px;
}

/* карусель для ЛС */ 

.ppcarousel-container {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
    border-radius: 10px;
    margin: 5px auto 0px;
    grid-column: span 2;
    z-index: 2;
}

.ppcarousel {
  display: flex;
  transition: transform 0.5s ease;
    height: 400px;
}

.ppcarousel img {
  min-width: 100%;
  object-fit: cover; 

}

.ppcarousel-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  padding: 0.5em 1em;
  font-size: 1.5em;
  cursor: pointer;
}

.ppcarousel-button.prev {
  left: 0px;
}

.ppcarousel-button.next {
  right: -10px;
}

/* плашка и фон профиля */

.pa-fld6 {
    /* position: relative; */
    bottom: 0px;
    left: -10px;
    width: 231px;
    height: auto;
    z-index: -1;
}

.sylv .pa-fld6 {
    left: 3px;
    width: 220px;
}

.basic .pa-fld6 {
    left: 13px;
    width: 205px;
}

.pa-fld6 > img {
    position: absolute;
    bottom: -20px;
    left: 0px;
    width: 100%;
    /* height: 220px; */
    height: auto;
    min-height: 200px;
    max-height: -webkit-fill-available;
    z-index: -1;
    pointer-events: none;
    mask-image: linear-gradient(to top, black 40px, black, transparent);
    filter: contrast(0.7) grayscale(30%);
}

.basic .pa-fld6 > img {
    bottom: -11px;
    width: 203px;
    left: 24px;
    border-bottom-left-radius: 18px 15px;
    border-bottom-right-radius: 18px 15px;
    filter: contrast(1.5) grayscale(0.5) brightness(0.8) opacity(0.5);
}

.sylv .pa-fld6 > img {
    bottom: -32px;
    width: 221px;
    left: 25px;
}

plaque {
    display: flex;
    flex-direction: column;
    height: 40px;
    color: white;
    width: 215px;
    margin: 10px auto 12px;
    align-items: center;
    position: relative;
    left: -10px;
    overflow: hidden;
    pointer-events: none;
    justify-content: center;
    box-shadow: 0px 2px 2px 1px #292f30;
    border-radius: 5px;
    /* border: 1px solid #2a2a28; */
    border: 2px solid #073734b0;
    transition: opacity 0.5s;
}

.basic plaque {
    left: 13px;
    box-shadow: 0px 2px 2px 1px #20110ad4;
    border-radius: 5px;
    border: 2px groove #96846078;
    width: 191px;
}

.sylv plaque {
    left: 3px;
    outline: 3px double #00000040;
    width: 205px;
    outline-offset: -2px;
}

.light plaque {
    border-radius: 0px;
    border: 2px double #00000063 !important;
    border-image: linear-gradient(314deg, #1C2525 0%, #e1e3e1 126%) 1 !important;
    outline: 4px double #738a86;
    outline-offset: -6px;
}

plaque fline,
plaque sline {
    pointer-events: none;
    position: relative;
    z-index: 1;
    text-shadow: 1px 1px 2px black, -1px -1px 2px black, 1px 1px 4px black, -1px -1px 4px black, 1px 1px 4px black, -1px -1px 4px black;
}

plaque fline {
    /* font-size: 11px; */
    font: 400 14px var(--font-cat-title);
    transition: opacity 0.5s;
}

plaque sline {
    font-size: 9px;
    transition: opacity 0.5s;
}

plaque img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    /* filter: contrast(0.5) grayscale(0.5) brightness(0.9); */
    filter: contrast(0.8) grayscale(0.3) brightness(0.8) sepia(0.30) hue-rotate(15deg);
    transition: filter 0.3s;
}


plaque img#fillit {
    height: 120%;
    object-fit: fill;
}


.pa-fld6 abbr:hover img {
    filter: none !important;
    transition: filter 0.3s;
}

.pa-fld6 abbr:hover fline, .pa-fld6 abbr:hover sline {
    opacity: 0;
    transition: opacity 0.5s;
}

.light plaque img {
    filter: contrast(0.6) grayscale(0.01) brightness(1.0) saturate(0.6) sepia(0.3) hue-rotate(168deg);
}

.light plaque#nofilter img {
filter: contrast(0.8) grayscale(0.3) brightness(0.8);
}

.basic plaque img {
    /* filter: contrast(0.6) grayscale(0.3) brightness(0.8) sepia(0.35) hue-rotate(15deg); */
}

plaque::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(346deg, #3f4e4f61, #1e2622a1);
}

#profile8 #fld1, #profile8 #fld3, #profile8 #fld6 {
    display: block;
    width: 100%;
    height: 120px;
    resize: vertical;
    white-space: pre-wrap;
    overflow: auto;
}

.sylv .reportlink {
    position: absolute;
    right: 124px;
    top: 16px;
    font-size: .8em;
}

#pun-viewforum tbody.hasicon tr, #pun-searchtopics tbody.hasicon tr, #pun-modviewforum tbody.hasicon tr, #pun-viewforum .category table tbody tr {
    display: inline-grid;
    grid-template-columns: 2fr .5fr .5fr 1.1fr;
    align-items: center;
    width: 100%;
}