/* Дизайн для alicormen © jdscxre + эос */
/*---------------------------------------------------------------------------*/

/*--- Подключение второго окна стилей ---*/
@import url(style_cs.1761728140.css);

/*--- Иконки ---*/
@import url('https://kit-pro.fontawesome.com/releases/v6.6.0/css/pro.min.css');

/*--- Шрифты ---*/
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
@font-face {
font-family: 'TanPearl';
src: url('https://forumstatic.ru/files/0014/4b/bf/38248.woff2') format('woff2'),
url('https://forumstatic.ru/files/0014/4b/bf/56736.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}

/*--- Переменные ---*/
:root {
--font: "Rubik", sans-serif;
--pun-width: 1000px;
--header-width: 1000px;
--header-height: 502px;
--footer-height: 50px;
--profile-width: 230px;
--category-width: 17px;
--category-height: 12px;
}

:root,
.dark {
--body-img: url(https://forumstatic.ru/files/0014/4b/bf/15946.png);
--header-img: url(https://forumstatic.ru/files/0014/4b/bf/53292.png);
--header-img-m: url(https://forumstatic.ru/files/0014/4b/bf/22118.png);
--category-img: url(https://forumstatic.ru/files/0014/4b/bf/18472.svg);
--go-up: url(https://forumstatic.ru/files/0014/4b/bf/56374.png);
--go-down: url(https://forumstatic.ru/files/0014/4b/bf/58292.png);
--inew: url(https://forumstatic.ru/files/0014/4b/bf/56310.png);
--body: #222222;
--pun: #2B2B2B;
--container: #323232;
--border1-color: #4A4D4A;
--border1: var(--border1-color) solid 1px;
--border2-color: #4A4D4A;
--border2: var(--border2-color) solid 1px;
--text: #929292;
--text-pale: #4A4D4A;
--accent1: #B59266;
--accent2: #75765D;
--accent1-text: #DEDEDE;
--accent2-text: #DEDEDE;
--select: #484848;
--select-text: #747474;
--textarea: rgba(255, 255, 255, .05);
--scrollbar: #4A4D4A;
--scrollbar-thumb: #2b2b2b;
}

.light {
--body-img: url(https://forumstatic.ru/files/0014/4b/bf/60346.png);
--header-img: url(https://forumstatic.ru/files/0014/4b/bf/14405.png);
--header-img-m: url(https://forumstatic.ru/files/0014/4b/bf/20468.png);
--category-img: url(https://forumstatic.ru/files/0014/4b/bf/40319.svg);
--go-up: url(https://forumstatic.ru/files/0014/4b/bf/45931.png);
--go-down: url(https://forumstatic.ru/files/0014/4b/bf/92563.png);
--inew: url(https://forumstatic.ru/files/0014/4b/bf/45771.png);
--body: #ececec;
--pun: #D9D9D9;
--container: #D2D2D2;
--border1-color: #4A4D4A;
--border1: var(--border1-color) solid 1px;
--border2-color: #929292;
--border2: var(--border2-color) solid 1px;
--text: #4A4D4A;
--text-pale: #929292;
--accent1: #85544D;
--accent2: #6F7777;
--accent1-text: #DEDEDE;
--accent2-text: #DEDEDE;
--select: #bebebe;
--select-text: #5f5f5f;
--textarea: rgba(255, 255, 255, .35);
--scrollbar: #D9D9D9;
--scrollbar-thumb: #929292;
}


/*--- Скрыть ненужное ---*/
.punbb .container:after,
.punbb .linksb:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .post-links ul:after {
clear: both !important;
visibility: hidden !important;

/*content: ".";*/
content: none !important;
display: block !important;
height: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
overflow: hidden !important;
}

.clearer,
.inline .infofield {
clear: both !important;
}

.clearer {
height: 0 !important;
font-size: 0 !important;
}

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

#pun-live-rusff,
#pun-main .catleft,
#pun-main .catright,
#pun-messages .linksb:after,
#pun-messages .pa-posts,
#pun-messages .pa-reg,
#pun-messages .user-avatar,
#pun-modviewforum .user-avatar,
#pun-multidelete .pa-title,
#pun-multimegre .pa-title,
#pun-searchposts .pa-replies,
#pun-searchposts .post-links,
#pun-searchtopics .modmenu .container,
#pun-viewforum .modmenu .container span,
#pun-index #pun-main th,
#pun-index #pun-main .tc2,
#pun-index #pun-main .tc3,
#pun-index #pun-crumbs1,
#pun-index #pun-crumbs2,
#post legend span,
#post-form h2,
#register .info-box,
#title-logo-tdr,
#topic-modmenu span,
#button-files_rusff,
#button-graffiti_rusff,
#most_invitations,
#navawards,
#pa-invites,
#profile-gifts,
#pun-index #pun-main .tcr br,
.closedatafield,
.lastedit,
.pa-fld1 .fld-name,
.pa-fld2 .fld-name,
.pa-fld3 .fld-name,
.pa-fld4 .fld-name,
.pa-fld5 .fld-name,
.pa-gifts a,
.pa-gifts span,
.pa-gifts,
.pl-reports,
.pl-website.website,
.punbb .main td .modlist,
.reactions-root,
.stickytext,
.topic .sharelink,
lastedit,
.datafield br,
#profilenav h2,
#formkey,
#formetc,
.punbb .post.new-ajax,
#stylelist li.active,
/*.pa-respect img,*/
.post-links .pl-email.email,
.post-links .pl-website,
a.qc-post-link img,
editor-squiggler,
#pun-messages .post-sig,
#post-form fieldset legend,
#pun-viewtopic .postlink .closed,
.pl-share,
#topic-feed,
span.polltext,
#pun-ulinks li#h-uploads,
.linksb .clearer {
display: none !important;
}

.messages-container #profilenav h2 {
display: block !important;
}

/*--- Тело ---*/
*,
body {
margin: 0;
line-height: 100%;
outline: none;
box-sizing: border-box;
text-size-adjust: none;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
-moz-text-size-adjust: none;
}

body {
font-size: 11px;
font-family: var(--font);
color: var(--text);
background-color: var(--body);
background-image: linear-gradient(to right, var(--body) 0%, var(--body) calc(50% - 262px), transparent calc(50% - 262px), transparent 100%), var(--body-img);
background-position: 0 0, 210px 0;
background-repeat: no-repeat, repeat;
background-size: auto, auto;
background-attachment: fixed;
scrollbar-gutter: stable;
}

.light body {
background-color: #282828;
background-image: linear-gradient(to right, #282828 0%, #282828 calc(50% - 262px), transparent calc(50% - 262px), transparent 100%), var(--body-img);
}

#pun {
background-color: var(--pun);
width: var(--pun-width);
margin: calc(var(--header-height) - 120px) auto 50px;
position: relative;
padding: 40px 10px 10px;
border: var(--border1);
}

.punbb {
width: 100%;
position: relative;
z-index: 1;
margin: 0 auto 0;
padding: 36px 0 0;
}

#pun-index.punbb {
padding: 36px 40px 40px;
}

#pun-main {
padding: 0;
}

/*#pun-main,
#profile.formal.messages-container .container {
min-height: 220px;
}*/

#profile.formal.messages-container .container {
}

#profile.formal.messages-container #tags .container {
min-height: unset !important;
right: 0;
}

/*--- Шапка ---*/

#pun-title {
width: var(--header-width);
height: var(--header-height);
position: absolute;
top: calc(0px - var(--header-height) + 120px - 41px);
background: var(--header-img) no-repeat;
z-index: 0;
left: -11px;
background-position: center top;
}

/*--- Меню навигации ---*/
#pun-navlinks, #pun-ulinks {
transition: top .3s ease;
width: calc(var(--pun-width) - 2px);
position: sticky;
}


#pun-index #pun-navlinks, #pun-index #pun-ulinks {
margin-left: -50px;
}

#pun-navlinks.scrolled,
#pun-ulinks.scrolled {
top: -59px;
}
#pun-navlinks {
display: block;
margin: -10px auto 0 -10px;
padding: 10px 50px 0 0;
white-space: nowrap;
top: 0;
z-index: 101;
background: var(--pun);
}

#pun-navlinks .container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: center;
white-space: nowrap;
width: 700px;
height: 100%;
gap: 12px;
margin: 0 0 0 auto;
padding: 0;
}

#pun-navlinks li {
display: inline-flex;
padding: 0;
justify-content: center;
align-items: center;
}

#pun-navlinks a {
padding: 0;
display: flex;
justify-content: center;
align-items: center;
color: #75765D;
}
.light #pun-navlinks a {
color: #B59266;
}

#pun-navlinks a:hover, .light #pun-navlinks a:hover {
color: var(--text);
}

#pun-navlinks a span {
line-height: 1;
font-family: var(--font);
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
}

#pun-navlinks li#navadmin span {
font-size: 0 !important;
}

#pun-navlinks li#navadmin span:before {
content: "админка";
font-size: 14px;
}

#pun-navlinks #navpm {
position: relative;
}

span.num_msg {
position: relative !important;
margin-top: -2px !important;
margin-left: 4px !important;
font-size: 9px !important;
padding: 3px 4px 2px !important;
border-radius: 0 !important;
height: 100% !important;
width: auto !important;
min-width: unset !important;
cursor: pointer !important;
font-family: var(--font) !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
font-weight: 500 !important;
line-height: 1 !important;
background: var(--accent1) !important;
color: #282828 !important;
}

.light span.num_msg {
color: var(--accent1-text) !important;
}

span.num_msg:before {
content: none !important;
}

/*--- Юзер меню ---*/
#pun-ulinks {
height: auto;
margin: 0 auto 0 -10px;
padding: 12px 50px 12px 0;
top: 24px;
z-index: 101;
background: var(--pun);
}

#pun-ulinks .container {
display: flex;
justify-content: end;
align-items: center;
width: 100%;
height: 100%;
gap: 10px;
text-transform: lowercase;
font-size: 11px;
font-weight: 400;
margin: 0;
padding: 0;
}

#pun-ulinks li {
display: inline;
padding: 0;
}

#pun-ulinks a {
margin: 0;
display: flex;
justify-content: flex-end;
align-items: center;
flex-wrap: nowrap;
white-space: nowrap;
padding: 0;
color: var(--text);
}

.light #pun-ulinks a {
color: var(--text-pale);
}

#pun-ulinks a:hover {
color: var(--accent1);
}

/*--- Бабл уведомлений ---*/
#navpm .unreads {
top: 0 !important;
right: 0 !important;
font-weight: 400 !important;
font-size: 11px !important;
font-family: var(--font) !important;
line-height: 1 !important;
padding: 2px 4px 2px !important;
position: relative !important;
min-width: auto !important;
margin-left: 2px !important;
width: fit-content;
height: auto !important;
border-radius: 4px !important;
}

#navpm .unreads:before,
#navpm .unreads:after {
content: none !important;
}

#notify-link .unreads, .bubble {
background: transparent !important;
color: unset !important;
top: 0 !important;
right: 0 !important;
font-weight: 400 !important;
font-size: 10px !important;
font-family: var(--font) !important;
line-height: 1 !important;
padding: 0 !important;
position: relative !important;
min-width: auto !important;
margin-left: 2px !important;
width: fit-content;
height: auto !important;
border-radius: 0 !important;
}

#notify-link .unreads:before, .bubble:before {
content: "(" !important;
position: relative !important;
border: none !important;
display: inline !important;
left: 0 !important;
}

#notify-link .unreads:after, .bubble:after {
content: ")" !important;
position: relative !important;
border: none !important;
display: inline !important;
left: 0 !important;
}

#notify-link .unreads strong {
font-weight: 400 !important;
}

/*--- Приветствие ---*/
#pun-status {
position: absolute;
text-transform: uppercase;
font-size: 7px;
font-weight: 600;
letter-spacing: 0.1em;
color: var(--text);
margin: 0;
top: 0;
right: 40px;
width: calc(100% - 40px*2);
}
.light #pun-status {
color: var(--text-pale);
}
#pun-status .container {
display: flex;
text-align: right;
justify-content: flex-end;
gap: 4px;
flex-wrap: wrap;
}
#pun-status .container span {
white-space: nowrap;
}

#pun-status strong {
font-weight: 600;
color: #75765D;
}

#pun-status .status-right {
float: none !important;
}

#pun-status p span.item3 {
display: block !important;
}

/*--- Объявление ---*/
#pun-announcement {
display: block;
position: absolute;
top: -423px;
left: -11px;
width: var(--header-width);
height: 396px;
overflow: visible;
}
#pun-announcement .container, #pun-announcement .container .html-box {
width: 100%;
height: 100%;
display: block;
overflow: visible;
}

/*--- Хлебные крошки ---*/
#pun-crumbs1,
#pun-crumbs2 {
text-align: center;
display: block;
width: 100%;
text-transform: lowercase;
color: var(--text);
font-weight: 400;
font-size: 13px;
}

#pun-crumbs1 {
margin: 40px 0 20px;
}

#pun-crumbs2 {
margin: 20px 0 10px;
}

#pun-crumbs1 em,
#pun-crumbs2 em {
display: none;
}

#pun-crumbs1 a, #pun-crumbs2 a {
color: var(--text-pale);
}

#pun-crumbs1 a:hover, #pun-crumbs2 a:hover {
color: var(--accent2);
}

#pun-crumbs1 a:after,
#pun-crumbs2 a:after {
display: inline-block;
margin: 0 3px 2px 7px;
font-size: 9px;
opacity: 1;
content: "\e5d6";
font-family: 'Font Awesome 6 Pro';
font-weight: 700;
line-height: 1;
vertical-align: middle;
color: var(--accent1);
}

h1 {
font-size: 0;
}

h2 {
font-size: 11px;
font-weight: 400;
text-transform: lowercase;
line-height: 150%;
margin-top: 20px;
}

h2 #reserve_post {
margin: 10px auto 30px;
font-weight: 600;
cursor: pointer;
}

h3 {
font-size: 11px;
font-weight: 400;
text-transform: lowercase;
}

label {
text-transform: lowercase;
}

strong {
font-weight: 700;
}

/*--- Категории ---*/
.category {
background: var(--container);
border: var(--border1);
position: relative;
padding: 40px;
margin-bottom: 45px;
}

.category:nth-of-type(1) {
margin-top: 40px;
}

.category h2 {
margin: 0 auto -16px;
font-size: 0 !important;
line-height: 0 !important;
display: block;
height: 12px;
position: relative;
top: -48px;
left: 0;
}
.light .category h2 {
top: -47px;
}

.category:nth-of-type(1) h2 {
background-image: var(--category-img);
background-size: 12px 12px;
background-repeat: no-repeat;
background-position: 0px 0px;
width: 12px;
}

.category:nth-of-type(2) h2 {
background-image: var(--category-img), var(--category-img);
background-size: 12px 12px, 12px 12px;
background-repeat: no-repeat, no-repeat;
background-position: 0px 0px, calc(12px + 10px) 0px;
width: calc(12px * 2 + 10px * 1);
}

.category:nth-of-type(3) h2 {
background-image: var(--category-img), var(--category-img), var(--category-img);
background-size: 12px 12px, 12px 12px, 12px 12px;
background-repeat: no-repeat, no-repeat, no-repeat;
background-position: 0px 0px, calc(12px + 10px) 0px, calc(12px * 2 + 10px * 2) 0px;
width: calc(12px * 3 + 10px * 2);
}

.category:nth-of-type(4) h2 {
background-image: var(--category-img), var(--category-img), var(--category-img), var(--category-img);
background-size: 12px 12px, 12px 12px, 12px 12px, 12px 12px;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
background-position: 0px 0px, calc(12px + 10px) 0px, calc(12px * 2 + 10px * 2) 0px, calc(12px * 3 + 10px * 3) 0px;
width: calc(12px * 4 + 10px * 3);
}

.category:nth-of-type(5) h2 {
background-image: var(--category-img), var(--category-img), var(--category-img), var(--category-img), var(--category-img);
background-size: 12px 12px, 12px 12px, 12px 12px, 12px 12px, 12px 12px;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
background-position: 0px 0px, calc(12px + 10px) 0px, calc(12px * 2 + 10px * 2) 0px, calc(12px * 3 + 10px * 3) 0px, calc(12px * 4 + 10px * 4) 0px;
width: calc(12px * 5 + 10px * 4);
}

.category:nth-of-type(6) h2 {
background-image: var(--category-img), var(--category-img), var(--category-img), var(--category-img), var(--category-img), var(--category-img);
background-size: 12px 12px, 12px 12px, 12px 12px, 12px 12px, 12px 12px, 12px 12px;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
background-position: 0px 0px, calc(12px + 10px) 0px, calc(12px * 2 + 10px * 2) 0px, calc(12px * 3 + 10px * 3) 0px, calc(12px * 4 + 10px * 4) 0px, calc(12px * 5 + 10px * 5) 0px;
width: calc(12px * 6 + 10px * 5);
}

.category h2 span {
display: block;
font-size: 0 !important;
cursor: default;
padding: 0;
overflow: hidden;
}

/*--- Статистика ---*/
#pun-stats {
margin: 0;
background: var(--container);
border: var(--border1);
padding: 0 40px 40px;
}

#pun-stats h2 {
font-size: 0;
display: none;
}

#pun-stats .container {
font-size: 11px;
text-transform: lowercase;
font-weight: 400;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
position: relative;
z-index: 10;
gap: 20px 30px;
}

#pun-stats .statsinfo {
width: calc(100% + 40px*2);
display: flex;
justify-content: space-between;
align-items: center;
background: var(--accent2);
margin: 0 -40px 20px;
padding: 0 40px;
height: 30px;
}

#onlinelist {
text-align: justify;
width: 100%;
margin: 0 0 0;
}

#pun-stats strong {
font-weight: normal;
}
#pun-stats .item4 strong a {
color: var(--accent2-text);
}

#pun-stats .item1, #pun-stats .item2, #pun-stats .item3, #pun-stats .item4 {
cursor: default;
display: flex;
gap: 4px;
text-align: center;
font-size: 9px;
font-weight: 400;
width: auto;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
white-space: nowrap;
color: var(--accent2-text);
letter-spacing: 0.025em;
}

#pun-stats .item1 strong,
#pun-stats .item2 strong,
#pun-stats .item3 strong,
#pun-stats .item4 strong {
font-weight: 400;
}

#pun-stats .onlinelist {
width: 100%;
}

#pun-stats .users_24h {
width: 100%;
padding: 0;
}

#onlinelist.statistics {
font-size: 9px;
text-transform: lowercase;
font-weight: 500;
letter-spacing: 0.025em;
}

#pun-stats .onlinelist div,
#pun-stats .users_24h div {
line-height: 150%;
font-size: 9px;
text-transform: lowercase;
font-weight: 500;
}

#pun-stats .onlinelist div span,
#pun-stats .users_24h div span {
display: block;
font-size: 11px;
text-transform: lowercase;
margin: 3px 0 0;
line-height: 140%;
font-weight: 400;
}

#pun-stats .onlinelist div span a,
#pun-stats .users_24h div span a {
color: #818181;
}

#pun-stats .onlinelist div span a:after,
#pun-stats .users_24h div span a:after {
content: none;
}

#statistic-other {
display: flex;
justify-content: space-between;
align-items: center;
}

#statistic-other span {
padding-right: 0 !important;
}

/*--- Футер ---*/
#pun-about {
width: fit-content;
align-content: center;
height: 10px;
display: block;
margin: 0;
white-space: nowrap;
text-transform: uppercase;
font-size: 6px;
letter-spacing: 0.05em;
font-weight: 600;
position: absolute;
bottom: -44px;
right: 761px;
}

#pun-index #pun-about {
bottom: -34px;
}

.judascare {
    width: fit-content;
    align-content: center;
    height: 16px;
    display: flex;
    align-items: center;
    margin: 0;
    white-space: nowrap;
    text-transform: uppercase;
    font-size: 6px;
    letter-spacing: 0.05em;
    font-weight: 600;
    position: absolute;
    bottom: -61px;
    right: 761px;
    gap: 4px;
    text-align: right;
    transition: all .3s ease-in-out !important;
    -webkit-transition: all .3s ease-in-out !important;
    -moz-transition: all .3s ease-in-out !important;
    -o-transition: all .3s ease-in-out !important;
}

#pun-index .judascare {
    bottom: -51px;
}
.judascare:hover {
    letter-spacing: 1.5px;
}
.judascare i:before {
    content: "\f004";
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
}
.judascare:before {
    content: "заказать дизайн:";
    color: var(--text);
}

#pun-about .container a {
color: var(--text);
}
.banners {
position: absolute;
width: 751px;
height: 36px;
right: -10px;
bottom: -66px;
margin: 0;
display: block;
}
.banners scroll {
width: 100%;
height: 100%;
overflow-y: hidden;
overflow-x: auto;
display: flex;
gap: 5px;
}
.banners > span {
position: absolute;
right: 680px;
top: -22px;
width: fit-content;
text-align: center;
z-index: 1;
background: #dedede;
color: #2b2b2b;
padding: 4px 8px;
text-transform: lowercase;
opacity: 0;
white-space: nowrap;
font-size: 10px;
letter-spacing: 0.05em;
font-weight: 500;
transition: all .3s ease-in-out !important;
-webkit-transition: all .3s ease-in-out !important;
-moz-transition: all .3s ease-in-out !important;
-o-transition: all .3s ease-in-out !important;
}
.light .banners > span {
background: #2b2b2b;
color: #dedede;
}
#pun-index .banners {
bottom: -56px;
}
.banners a {
display: block;
width: 88px;
height: 31px;
background-color: #4c4d47;
}
.light .banners a {
background-color: #c0b39d;
}
.banners a img {
-webkit-filter: grayscale(1) opacity(0.35);
filter: grayscale(1) opacity(0.35);
width: 88px;
height: 31px;
}
.banners a:hover img {
-webkit-filter: grayscale(0) opacity(1);
filter: grayscale(0) opacity(1);
}


/*--- Кнопки вверх/вниз ---*/
.go-up,
.go-down {
display: none;
opacity: 1;
position: fixed;
z-index: 1000;
cursor: pointer;
opacity: .9;
transition: all .3s ease-in-out !important;
-webkit-transition: all .3s ease-in-out !important;
-moz-transition: all .3s ease-in-out !important;
-o-transition: all .3s ease-in-out !important;
}

.go-up {
left: calc(50% + var(--pun-width) / 2 + 10px);
top: calc(50% - 80px);
background: var(--go-up) no-repeat center center;
width: 156px;
height: 152px;
}

.go-down {
left: calc(50% + var(--pun-width) / 2 + 80px);
top: calc(50% + 60px);
background: var(--go-down) no-repeat center center;
width: 182px;
height: 182px;
}

.go-up:hover {
transform: translateY(-10px);
}

.go-down:hover {
transform: translateY(10px);
}

/*-------------- ТАБЛИЦЫ --------------*/

/*--- База таблиц ---*/
table {
table-layout: fixed;
width: 100%;
}

td {
padding: 0;
}

th {
padding: 0;
font-weight: 400;
text-transform: lowercase;
font-size: 9px;
color: var(--text-pale)!important;
}

/*--- Таблица на главной ---*/
#pun-index #pun-main tbody tr {
display: flex;
justify-content: space-between;
align-items: flex-start;
height: auto;
padding: 0;
margin: 0 0 40px;
position: relative;
}

#pun-index #pun-main tbody tr:last-of-type {
margin: 0;
}

#pun-index #pun-main .tcl {
width: 447px;
}

.tclcon h3 {
font-size: 16px;
font-family: var(--font);
text-transform: lowercase;
line-height: 1;
display: inline-block;
padding: 0;
font-weight: 500;
height: auto;
width: 100%;
}

.tclcon h3 a {
font-size: 17px;
font-weight: 600;
}

.tclcon-text {
font-size: 10px;
font-weight: 400;
line-height: 130%;
text-align: justify;
}

.tclcon-text p {
display: inline;
text-transform: lowercase;
}

.tclcon-text p b {
font-weight: 400;
}

.tclcon-text p b:after {
content: "\2022";
margin: 0 2px 0 5px;
font-size: 10px;
font-weight: 400;
}

.tclcon-text p:last-of-type b:after {
content: none;
}

.tclcon-links {
display: flex;
justify-content: flex-start;
align-items: center;
width: 100%;
height: auto;
flex-wrap: wrap;
line-height: 1;
white-space: nowrap;
padding: 0;
margin: 4px 0 0;
text-transform: lowercase;
font-size: 10px;
gap: 6px;
line-height: 1;
}

.tclcon-links a {
padding: 6px 11px 6px;
font-weight: 400 !important;
}

#pun-index .icon.inew {
background: var(--inew) no-repeat;
width: 45px;
height: 54px;
position: absolute;
left: calc(0px - 40px - 20px);
top: -18px;
opacity: 1;
}

.light #pun-index .icon.inew {
width: 41px;
height: 81px;
left: calc(0px - 40px - 42px);
top: -32px;
}

#pun-index tr.inew {
background-color: transparent !important;
}

#pun-index #pun-main .tcr {
width: calc(100% - 447px - 20px);
height: fit-content;
padding: 0;
display: grid;
grid-template-columns: calc(100% - 30px - 10px) 30px;
grid-template-rows: repeat(2, 1fr);
gap: 2px 10px;
align-items: center;
margin: auto 0;
}

#pun-index #pun-main .tcr .lastpost-link,
#pun-index #pun-main .tcr .lastpost {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
max-width: 328px;
}

#pun-index #pun-main .tcr .lastpost-link {
font-size: 10px;
text-transform: lowercase;
font-weight: 500!important;
display: block;
width: fit-content;
margin: 0 0 0 auto;
line-height: 110%;
grid-column-start: 1;
grid-row-start: 1;
text-align: right;
}

#pun-index #pun-main .tcr a.lastpost-link {
color: var(--accent1);
}

#pun-index #pun-main .tcr a.lastpost-link:hover {
color: var(--accent2);
}

#pun-index #pun-main .tcr .lastpost {
font-size: 0;
display: flex;
width: fit-content;
margin: 2px 0 0 auto;
text-transform: uppercase;
font-weight: 500;
gap: 1px;
justify-content: flex-end;
    color: var(--text);
}

.light #pun-index #pun-main .tcr .lastpost {
    color: var(--text-pale);
}

#pun-index #pun-main .tcr .lastpost span {
font-size: 8px;
}

#pun-main #subforums {
padding: 8px 0 8px 8px;
margin-bottom: 4px;
}

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

/*--- Таблица в активных, поиске, подфоруме ---*/
#pun-searchtopics table,
#pun-viewforum table,
#pun-modviewforum table {
border-spacing: 0 0;
}

#title-logo-table {
border-spacing: 0 !important;
}

#pun-searchtopics .forum, #pun-viewforum .forum, #pun-modviewforum .forum {
margin: 10px 0 0;
border: var(--border2);
padding: 10px;
overflow: hidden;
background: var(--container);
}

table thead th {
padding-bottom: 4px !important;
font-weight: 600;
color: var(--text-pale);
}

#pun-searchtopics .container tbody td,
#pun-viewforum .container tbody td,
#pun-modviewforum .container tbody td,
#pun-userlist .usertable table tbody td {
padding: 6px 4px 7px;
border-bottom: 1px solid var(--select);
min-height: 46px;
}

#pun-searchtopics .container tbody tr:last-of-type td, #pun-viewforum .container tbody tr:last-of-type td, #pun-modviewforum .container tbody tr:last-of-type td, #pun-userlist .usertable table tbody tr:last-of-type td, #pun-messages .container tbody.hasicon tr:last-of-type td {
border: none;
}

#pun-searchtopics .container td:first-of-type,
#pun-viewforum .container td:first-of-type,
#pun-modviewforum .container td:first-of-type,
#pun-userlist .usertable table tbody td:first-of-type {
padding: 6px 4px 7px 0;
align-items: center;
}

#pun-searchtopics .container td:last-of-type,
#pun-viewforum .container td:last-of-type,
#pun-modviewforum .container td:last-of-type,
#pun-userlist .usertable table tbody td:last-of-type {
padding: 6px 0 7px 4px;
}

#pun-searchtopics .container .tcl,
#pun-viewforum .tcl,
#pun-modviewforum .tcl {
width: 42%;
text-align: left;
}

#pun-searchtopics .container .tc2,
#pun-viewforum .container .tc2,
#pun-modviewforum .container .tc2,
#pun-viewforum .tc2,
#pun-modviewforum .tc2 {
text-align: center;
white-space: nowrap;
width: 20%;
text-overflow: ellipsis;
overflow: hidden;
vertical-align: middle;
text-transform: lowercase;
color: var(--text);
}

#pun-searchtopics .container .tc3,
#pun-viewforum .container .tc3,
#pun-modviewforum .container .tc3,
#pun-viewforum .tc3,
#pun-modviewforum .tc3 {
text-align: center;
vertical-align: middle;
color: var(--text);
}

#pun-viewforum .tc3,
#pun-modviewforum .tc3 {
display: none;
}

#pun-searchtopics .container .tcr, #pun-viewforum .tcr, #pun-modviewforum .tcr {
width: 100%;
height: fit-content;
text-align: right;
display: grid;
grid-template-columns: calc(100% - 16px - 10px) 16px;
grid-template-rows: repeat(2, 1fr);
gap: 0 6px;
align-items: center;
}

#pun-searchtopics .container thead .tcr, #pun-viewforum thead .tcr, #pun-modviewforum thead .tcr {
display: block;
}

#pun-searchtopics .tcl .intd,
#pun-viewforum .tcl .intd,
#pun-modviewforum .tcl .intd {
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: row;
flex-wrap: nowrap;
gap: 0 8px;
height: fit-content;
margin: 0;
padding: 0;
min-height: unset;
}

#pun-viewforum .tcl .intd,
#pun-modviewforum .tcl .intd {
align-items: center;
min-height: 16px;
}

#pun-searchtopics .tcl strong,
#pun-viewforum .tcl strong,
#pun-modviewforum .tcl strong {
font-weight: 500;
}

#pun-searchtopics .tcl a,
#pun-viewforum .tcl a,
#pun-searchtopics .tcr a,
#pun-viewforum .tcr a,
#pun-modviewforum .tcr a,
#pun-modviewforum .tcl a {
font-weight: 400;
line-height: 120%;
display: block;
width: fit-content;
}

#pun-searchtopics .tcr a,
#pun-viewforum .tcr a,
#pun-modviewforum .tcr a {
margin: 0 0 0 auto;
white-space: nowrap;
text-transform: lowercase;
width: fit-content;
grid-column-start: 1;
grid-row-start: 1;
}

#pun-searchtopics .container table a, #pun-viewforum .container table a, #pun-modviewforum .container table a, #pun-viewforum table a, #pun-modviewforum table a {
color: var(--accent2);
}

#pun-searchtopics .container table a:hover, #pun-viewforum .container table a:hover, #pun-modviewforum .container table a:hover, #pun-viewforum table a:hover, #pun-modviewforum table a:hover {
color: var(--accent1);
}

#pun-searchtopics .container tbody td .byuser,
#pun-viewforum .container tbody td .byuser,
#pun-modviewforum .container tbody td .byuser {
display: inline-block;
font-size: 0;
margin: 3px 0 0;
color: var(--text);
}

#pun-searchtopics .container tbody .tcr .byuser,
#pun-viewforum .container tbody .tcr .byuser,
#pun-modviewforum .container tbody .tcr .byuser {
width: 100%;
}

#pun-searchtopics .container .tclcon .byuser,
#pun-viewforum .container .tclcon .byuser,
#pun-modviewforum .container .tclcon .byuser {
margin: 3px 5px 0 0;
}

#pun-searchtopics .container tbody td .byuser-username,
#pun-viewforum .container tbody td .byuser-username,
#pun-modviewforum .container tbody td .byuser-username {
font-size: 11px;
text-transform: lowercase;
}

tr.inew .tcl a, tr.inew .tcr a {
font-weight: 700 !important;
}

#pun-viewforum .user-avatar,
#pun-modviewforum .user-avatar,
#pun-searchtopics .user-avatar {
margin: 0 !important;
grid-row: span 2 / span 2;
grid-column-start: 2;
grid-row-start: 1;
background: var(--pun);
border-radius: 30px;
}

#pun-index .user-avatar {
background-color: var(--pun);
font-weight: normal;
float: none !important;
width: 30px !important;
height: 30px !important;
display: block;
margin: 0 !important;
border-radius: 30px;
grid-row: span 2 / span 2;
grid-column-start: 2;
grid-row-start: 1;
}

#pun-index .user-avatar .avatar-image {
width: 100% !important;
height: 100% !important;
overflow: hidden;
display: block;
background-position: center;
background-size: cover;
background-blend-mode: luminosity;
background-color: var(--pun);
opacity: 1;
float: none;
filter: none;
}

#punbbsearch {
border: var(--border2);
padding: 10px 10px 2px;
}

.tclcon {
line-height: 160%;
}
#pun-searchtopics .tclcon,
#pun-viewforum .tclcon,
#pun-modviewforum .tclcon {
font-size: 0;
}
#pun-searchtopics .tclcon *,
#pun-viewforum .tclcon *,
#pun-modviewforum .tclcon * {
font-size: 11px;
}

#pun-index .tclcon {
line-height: 1;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
gap: 6px 6px;
font-weight: 400;
}

#pun-index .tclcon b {
display: inline-block;
color: var(--text-pale);
font-weight: 500;
font-size: 10px;
margin-right: 30px;
width: 100%;
}
.light #pun-index .tclcon b {
color: var(--text);
}
#pun-index .tclcon b:has(+ a) {
width: auto;
}
#pun-index .tclcon>a {
display: inline-flex;
background: #75765D;
color: #CFCFCF;
font-weight: 600;
font-size: 8px;
padding: 0 10px;
height: 14px;
align-items: center;
line-height: 100%;
letter-spacing: 0.05em;
}
.light #pun-index .tclcon>a {
background: var(--accent2);
}
#pun-index .tclcon>a:hover,
.light #pun-index .tclcon>a:hover {
background: var(--accent1);
color: var(--accent1-text);
}
#pun-index .tclcon>a:first-of-type {
margin-left: auto;
}
#pun-index .tclcon>p {
display: block;
width: 100%;
text-align: justify;
line-height: 160%;
font-size: 10px;
font-family: var(--font);
text-transform: lowercase;
color: #818181;
margin-top: 10px;
font-weight: 400;
}

#pun-index .tclcon>br {
display: none;
}

.byuser {
}

strong .byuser {
font-weight: 500;
}

.tclcon .pagestext, .tclcon .newtext {
line-height: 1;
display: inline-flex;
justify-content: center;
align-items: center;
text-transform: uppercase;
vertical-align: baseline;
margin: 0 8px 0 0;
}
.tclcon .pagestext a:hover, .tclcon .newtext a:hover {
background: var(--accent1);
color: var(--accent1-text) !important;
}

.tclcon .pagestext a, .tclcon .newtext a {
padding: 1px 3px 1px;
display: inline-flex;
justify-content: center;
align-items: center;
font-weight: 400;
}

.tclcon .pagestext a, .tclcon .pagestext .ellipsis, .tclcon .newtext .ellipsis {
font-size: 11px!important;
font-weight: 400 !important;
line-height: 1 !important;
}

.tclcon .newtext a {
padding: 0;
text-align: center;
justify-content: center;
text-transform: lowercase;
}

.inew .tclcon .newtext a, .inew .tclcon .pagestext a {
    font-weight: 400!important;
}

/*--- Иконка новой, старой, важной тем в таблицах ---*/
#pun-searchtopics .icon, #pun-viewforum .icon, #pun-modviewforum .icon, #pun-messages .icon {
height: 8px;
width: 8px;
border-radius: 16px;
margin: 0 0 0 0;
flex-shrink: 0;
background: var(--accent2);
opacity: .2;
}

#pun-searchtopics .isticky .icon, #pun-viewforum .isticky .icon, #pun-modviewforum .isticky .icon, #pun-messages .isticky .icon {
opacity: .7;
}

#pun-searchtopics .icon.inew, #pun-viewforum .icon.inew, #pun-modviewforum .icon.inew, #pun-messages .icon.inew {
background: var(--accent1);
opacity: 1;
width: 20px;
}

tr.icon {
height: inherit;
width: inherit;
margin: inherit;
background: inherit;
opacity: inherit;
border-radius: inherit;
}

.inew,
.icon-new {
font-weight: normal;
flex-shrink: 0;
}

#pun-index .icon-new,
tr.icon-new {
background: unset !important;
font-weight: unset !important;
opacity: unset !important;
width: unset !important;
}

tr.inew {
background: unset !important;
font-weight: unset !important;
opacity: unset !important;
width: unset !important;
}

div.inew~.tclcon,
.icon.inew~.tclcon a {
font-weight: 600!important;
}

div.inew~#pun-index .tclcon,
.icon.inew~#pun-index .tclcon a {
font-weight: inherit;
}

/*--- Иконка автора поста в таблицах ---*/
.user-avatar {
float: none !important;
width: 16px !important;
height: 16px !important;
margin: 0 !important;
position: relative;
}

.user-avatar .avatar-image {
width: 16px !important;
height: 16px !important;
background-position: center center !important;
background-size: cover !important;
background-repeat: no-repeat !important;
float: right;
background-blend-mode: luminosity;
background-color: var(--pun);
opacity: 1;
}

.user-avatar .isonline {
width: 4px !important;
height: 4px !important;
display: block;
position: absolute;
top: -1px !important;
right: -1px !important;
z-index: 10;
outline: none;
animation: blinkColor 1s ease-in-out infinite;
background: var(--accent2) !important;
}

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

.user-avatar a::after {
content: none;
}

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

#pun-debug table tr {
vertical-align: text-top;
}

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

/*--- Страница репутации/позитива ---*/
#pun-respect table,
#pun-positive table {
border-spacing: 0 10px;
text-align: center;
}

#pun-respect #pun-main>.section, #pun-positive #pun-main>.section {
margin: 0;
padding: 0 10px;
border: var(--border2);
background: var(--container);
}

#pun-respect table tr,
#pun-positive table tr {
vertical-align: text-top;
}

#pun-respect table .tcl,
#pun-positive table .tcl {
text-align: left !important;
width: 20% !important;
text-transform: lowercase;
}

#pun-respect table .tc2,
#pun-positive table .tc2 {
width: 5% !important;
text-transform: lowercase;
}

#pun-respect table .tc3,
#pun-positive table .tc3 {
width: 25% !important;
text-transform: lowercase;
word-break: break-word;
}

#pun-respect table td.tc3.tc4,
#pun-positive table td.tc3.tc4 {
text-transform: none;
position: relative;
padding: 0 12px;
}

#pun-respect table .tcr,
#pun-positive table .tcr {
width: 25% !important;
text-align: right !important;
text-transform: lowercase;
padding-left: 12px;
}

#pun-respect table a,
#pun-positive table a {
color: var(--text);
}

.removeReputation {
width: 12px !important;
height: 12px !important;
display: inline-block !important;
cursor: pointer !important;
position: absolute !important;
top: 0 !important;
right: 0 !important;
border-radius: 0 !important;
font-size: 0 !important;
line-height: 1 !important;
padding: 1px 1px 0 0px !important;
}

.removeReputation:before {
content: "\00D7";
font-family: var(--font);
font-size: 10px !important;
padding-left: 2px;
}

/*--- Поиск по постам пользователя + создание и предпросмотр поста ---*/
#pun-searchposts .post-author ul,
#pun-multimove .post-author ul,
#pun-multidelete .post-author ul,
#pun-multimegre .post-author ul,
#pun-post .post-author p {
padding: 0;
margin: 0;
}

#pun-searchposts .post-author li,
#pun-multimove .post-author li,
#pun-multidelete .post-author li,
#pun-multimegre .post-author li {
margin: 0;
}

#pun-searchposts .post-author,
#pun-multimove .post-author,
#pun-multidelete .post-author,
#pun-multimegre .post-author,
#pun-post .pa-author {
height: auto;
padding: 0;
margin: 0 0 0 -10px;
}

#pun-searchposts .post-author strong,
#pun-multimove .post-author strong,
#pun-multidelete .post-author strong,
#pun-multimegre .post-author strong,
#pun-post .pa-author strong {
font-weight: 400 !important;
padding-bottom: 1px;
line-height: 150%;
}

#pun-post .fs-box,
#pun-edit .fs-box {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
}

#pun-post .fs-box p.inputfield.required.longinput:first-of-type,
#pun-edit .fs-box p.inputfield.required.longinput:first-of-type {
order: 0;
}

#pun-post .fs-box p.inputfield.required.longinput:last-of-type,
#pun-edit .fs-box p.inputfield.required.longinput:last-of-type {
order: inherit;
}

#pun-post .fs-box #form-buttons,
#pun-edit .fs-box #form-buttons {
order: 1;
margin: 10px 0 0;
}

#pun-post .fs-box #tags,
#pun-edit .fs-box #tags {
order: 2;
}

#pun-post .fs-box .areafield,
#pun-edit .fs-box .areafield {
order: 3;
}

#pun-edit .fs-box .areafield:first-child {
order: inherit;
margin-bottom: 10px;
}

#pun-post .fs-box p.checkfield,
#pun-edit .fs-box p.checkfield {
order: 4;
}

#pun-post .fs-box p.inputfield.required.longinput:last-of-type,
#pun-edit .fs-box p.inputfield.required.longinput:last-of-type {
order: 5;
}

#pun-edit p.areafield.required .input a {
text-transform: lowercase;
padding: 4px 8px;
line-height: 1;
display: block;
float: right;
}

.history_posts_list {
margin: 0 0 20px;
}

.history_posts_list p {
text-transform: lowercase;
}

.history_posts_list table {
text-transform: lowercase;
border-spacing: 8px 8px;
margin: 0 0 8px;
}

#history_selected_version {
text-align: center;
margin: 8px 0 0;
}

#history_selected_version textarea {
border-radius: 0;
border: var(--border2);
}

#history_selected_diff {
line-height: 150%;
background: var(--textarea);
padding: 8px 12px;
margin: 8px 0 0;
}

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

#pun-post .topic h2 span {
font-size: 0;
height: 20px;
display: block;
}

/*--- Участники ---*/
#userlist {
border: var(--border2);
padding: 10px 10px 0;
}

#pun-userlist .usertable {
margin: 10px 0 10px;
padding: 10px;
border: var(--border2);
}

#pun-userlist tbody {
font-size: 11px;
}

#pun-userlist .usertable table {
text-transform: lowercase;
text-align: center;
border-spacing: 0;
}

#pun-userlist .usertable table tbody tr {
}

#pun-userlist .usertable .tcl.username {
font-family: var(--font);
text-align: left;
vertical-align: middle;
display: flex;
justify-content: flex-start;
align-items: center;
}

#pun-userlist .usertable .tcl.username .usersname {
flex-shrink: 0;
}

#pun-userlist .usertable .tcl.username a {
vertical-align: middle;
line-height: 16px;
font-weight: 400;
color: var(--text);
}
#pun-userlist .usertable .tcl.username a:hover {
color: var(--accent1);
}

#pun-userlist .usertable .tcl.username .user-avatar {
margin: 0 12px 0 0 !important;
float: left !important;
width: 24px !important;
height: 24px !important;
}

#pun-userlist .usertable .tcl.username .user-avatar .avatar-image {
width: 24px !important;
height: 24px !important;
filter: grayscale(0.5);
mix-blend-mode: normal !important;
background-blend-mode: normal !important;
}

#pun-userlist .usertable .tc3.last_visit {
text-align: right;
}

#pun-userlist .usertable .tc2 {
width: 30% !important;
}

#pun-userlist .usertable .tc3 {
width: 12% !important;
}

/*--- Личные сообщения ---*/
#pun-messages #profile {
border: var(--border2);
padding: 10px;
min-height: 294px;
}

#pun-messages #profile #post-new {
padding: 10px 10px 0;
}
#pun-messages #profile .container>fieldset {
padding: 10px !important;
}
#pun-messages #profile .container>fieldset .post {
border: none;
padding: 0;
background: transparent;
}

#pun-messages table {
border-spacing: 0;
}

#pun-messages .container tbody.hasicon tr {
vertical-align: text-top;
}
#pun-messages .container tbody.hasicon td {
padding: 6px 4px 7px;
border-bottom: 1px solid var(--select);
}
#pun-messages .container tbody.hasicon td:first-of-type {
padding: 6px 4px 7px 0;
}
#pun-messages .container tbody.hasicon td:last-of-type {
padding: 6px 0 7px 4px !important;
}

#pun-messages .tcl {
width: 40% !important;
text-align: left;
}

#pun-messages .tc2.pmtc22 {
width: 25% !important;
text-align: center;
}

#pun-messages .tc3 {
width: 25% !important;
text-align: center;
}

#pun-messages .tc2.pmtc24 {
width: 10% !important;
text-align: right;
}

#pun-messages .tcl .intd {
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: row;
flex-wrap: nowrap;
gap: 8px;
height: fit-content;
}

#pun-messages .tclcon strong {
font-weight: normal;
}

#pun-messages .tcl a, #pun-messages .tc2 a {
color: var(--text);
}

#pun-messages .tcl a:hover, #pun-messages .tc2 a:hover {
color: var(--accent2);
}

#pun-messages fieldset {
border: none;
margin: 0;
padding: 0;
}

#pun-messages #messages fieldset {
padding: 10px;
}

#pun-messages #profilenav h2:first-child {
margin: 0 0 4px;
}

#pun-messages #profilenav h2 {
margin: 20px 0 8px;
text-align: center;
}

#pun-messages fieldset legend {
margin: 0 0 12px;
}

#pun-messages fieldset legend strong {
font-weight: 400;
}

#pun-messages #messages fieldset legend strong {
font-weight: inherit;
}

#pun-messages .post-author ul {
margin: 0;
padding: 0;
}

#pun-messages .post-author ul .pa-title {
display: none !important;
}

#pun-messages .post-author .pa-avatar.item2 {
margin: 0 0 1px;
}

#pun-messages #post-new .fs-box {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
}

#pun-messages #post-new .fs-box .inputfield.required {
order: 0;
}

#pun-messages #post-new .fs-box #form-buttons {
order: 1;
margin-top: 10px;
}

#pun-messages .fs-box {
margin-bottom: 0px;
}

#pun-messages .fs-box #form-buttons {
margin-top: 10px;
}

#pun-messages #post-new .fs-box #tags {
order: 2;
}

#pun-messages #post-new .fs-box .areafield {
order: 3;
padding-top: 0;
}

#pun-messages .post .container {
width: 100%;
}

#pun-messages .post-links {
width: 100%;
padding-left: 0;
margin-top: 10px;
}

#pun-messages .linksb {
margin: auto auto auto 140px;
width: calc(100% - 140px);
}

#volume-set {
float: right;
text-transform: lowercase;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
}

#volSlider {
background: var(--select) !important;
height: 6px !important;
border-radius: 0 !important;
box-shadow: none !important;
border: none !important;
display: block !important;
float: right !important;
margin: 0px 0 0 4px !important;
}

#volSlider .before {
background: var(--accent1) !important;
height: 6px !important;
border-radius: 0 !important;
margin-top: 0 !important;
border: none !important;
}

#volSlider .thumb {
background: var(--accent1) !important;
width: 12px !important;
height: 6px !important;
border-radius: 0 !important;
position: relative !important;
margin-bottom: 0 !important;
cursor: pointer !important;
display: inline-block !important;
top: -9px !important;
box-shadow: none !important;
}

.FNTslider {
position: absolute !important;
z-index: 1000;
background: var(--select) !important;
width: 140px !important;
height: 6px !important;
border-radius: 0 !important;
box-shadow: none !important;
border: none !important;
display: block !important;
float: right !important;
margin: 0 0 !important;
right: 100px;
}

#pun-messages .FNTslider {
right: 74px;
margin: 0 0 0 !important;
}

.FNTslider .before {
background: var(--accent1) !important;
height: 6px !important;
border-radius: 0 !important;
margin-top: 0 !important;
border: none !important;
position: absolute;
}

.FNTslider .thumb {
background: var(--accent1) !important;
width: 12px !important;
height: 6px !important;
border-radius: 0 !important;
position: relative !important;
margin-bottom: 0 !important;
cursor: pointer !important;
top: -9px !important;
}

#pun-messages .postlink input.button {
padding: 0 12px;
height: 24px;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
font-size: 11px;
font-weight: 400;
text-transform: lowercase;
line-height: 150%;
}

#notify-settings input[type="checkbox"] {
height: auto;
}

#pun-messages #notify-settings {
margin: 0 0 30px 140px !important;
}
#profile.formal.messages-container .post .container {
padding: 0 !important;
}

/*--- Статистика форума ---*/
#pun-statistic table {
border-spacing: 0 10px;
text-transform: lowercase;
}

#pun-statistic tbody {
font-size: 11px;
}

#pun-statistic #pun-main>.section {
margin: 16px 0;
padding: 10px 20px;
}

#pun-statistic h1 {
text-transform: lowercase;
font-size: 1em;
font-weight: 600;
text-align: center;
margin: 4px 0 8px;
}

#pun-statistic .tcl {
text-align: left;
}

#pun-statistic .tc2,
#pun-statistic .tc3 {
text-align: center;
}

#pun-statistic .tc3:last-of-type {
text-align: right;
}

/*--- Пользователи онлайн ---*/
#pun-online table {
border-spacing: 0 10px;
text-transform: lowercase;
}

#pun-online tbody {
font-size: 11px;
}

#pun-online #pun-main>.section {
    margin: 0;
    padding: 10px;
    background: var(--container);
    border: var(--border2);
}

#pun-online .tcl {
width: 40%;
text-align: center;
}

#pun-online .tcl:first-of-type {
width: 30%;
text-align: left;
}

#pun-online .tc3 {
width: 30%;
text-align: right;
}

#pun-online .tcl a.registered-user {
font-weight: 500;
}

#pun-online .tcl.action strong {
font-weight: 500 !important;
}

/*-------------- ПОДФОРУМ --------------*/

/*--- Пагинация, новая тема, опрос ---*/
.subscribelink a, .postlink a {
justify-content: center;
align-items: center;
display: inline-flex;
width: auto;
line-height: 110%;
padding: 0 8px;
background: var(--body);
height: 22px;
color: var(--text);
letter-spacing: 0.025em;
}

.subscribelink a:hover, .postlink a:hover {
background: var(--select);
color: var(--select-text);
}

.linkst,
.linksb {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
height: auto;
text-transform: lowercase;
font-weight: 400;
padding: 0;
z-index: 2;
}

.linkst {
margin: 0 0 8px;
}

.linksb {
margin: 8px 0 0;
}

.linkst div,
.linksb div {
max-width: 400px;
}

.linkst .postlink.long,
.linksb .postlink.long {
width: auto;
}

.postlink.long .new-topic {
height: 100%;
display: inline-block;
padding: 0;
margin-right: 0;
}

.postlink.long .new-poll {
height: 100%;
display: inline-block;
}

.linkst .pagelink, .linksb .pagelink {
order: 0;
padding: 3px 3px 3px 3px;
color: var(--text);
background: var(--body);
height: auto;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
font-size: 0;
gap: 0;
}

.linkst noindex,
.linksb noindex {
order: 1;
}

.linkst .pagelink strong,
.linksb .pagelink strong,
.linkst .pagelink a,
.linksb .pagelink a {
display: inline-flex;
padding: 3px 5px;
height: auto;
justify-content: center;
align-items: center;
font-size: 10px;
margin: 0;
font-weight: 400;
line-height: 1;
}

.linkst .pagelink a:hover, .linksb .pagelink a:hover {
background: var(--select);
color: var(--select-text);
}

.linkst .pagelink strong, .linksb .pagelink strong {
cursor: default;
background: var(--accent2);
color: var(--accent2-text);
}

.linkst .pagelink a,
.linksb .pagelink a {
color: var(--text);
font-weight: 400;
}

.linkst .pagelink .ellipsis,
.linksb .pagelink .ellipsis {
font-size: 9px;
}

#pun-viewtopic .linksb .pagelink,
#pun-messages .linksb .pagelink {
float: left;
text-align: left;
}

#pun-viewtopic .postlink,
#pun-viewtopic .subscribelink,
#pun-messages .postlink {
float: right;
text-align: right;
}

#pun-viewtopic .linksb .postlink {
display: none;
}

#pun-viewtopic .linksb div {
margin-right: 10px;
}

#pun-viewtopic .linksb div:last-of-type {
margin-right: 0;
}

#pun-viewtopic .linksb div.pagelink,
#pun-viewtopic .linksb div.postlink {
margin-right: inherit;
}

/*--- Опросы ---*/
#poll-special table.poll1 {
width: auto;
}

#poll-special td {
border: 0;
}

#poll-special td {
text-align: left;
cursor: default;
}

#poll-special td.tac {
text-align: center;
}

#poll-special td.tar {
text-align: right;
}

/*--- Похожие темы ---*/
#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;
}

/*--- Пользователи в теме ---*/
#topic-users-in {
display: block;
width: 100%;
margin: 0;
padding: 0;
text-transform: lowercase;
font-size: 0;
}

#topic-users-in .container {
}

#topic-users-in .container span {
font-weight: 400 !important;
font-size: 11px;
}

#topic-users-in .container span:after {
content: ": ";
}

#topic-users-in .container a {
font-size: 11px;
font-weight: 400;
line-height: 150%;
}

#topic-users-in .container a:after {
content: ", ";
}

#topic-users-in .container a:last-child:after {
content: none;
}

/*--- Модерские кнопки и меню ---*/
#pun-multimove .modmenu .container,
#pun-multimegre .modmenu .container,
#pun-multidelete .modmenu .container {
display: flex;
position: relative;
flex-direction: row-reverse;
justify-content: flex-start;
align-items: center;
gap: 4px;
padding: 0 14px 0 0;
}

#pun-multimove .modmenu .container strong,
#pun-multimegre .modmenu .container strong,
#pun-multidelete .modmenu .container strong {
display: none;
}

#pun-multimove .modmenu .container input.button,
#pun-multimegre .modmenu .container input.button,
#pun-multidelete .modmenu .container input.button {
margin: 0 12px 0 0;
}

#pun-multimove .modmenu .container strong,
#pun-multimegre .modmenu .container strong,
#pun-multidelete .modmenu .container strong {
display: none;
}

#pun-multimove .post-links li,
#pun-multidelete .post-links li,
#pun-multimegre .post-links li {
align-items: center;
gap: 4px;
text-transform: lowercase;
}

#topic-modmenu {
margin: 20px 0;
}

.modmenu .container {
margin: 20px 0;
text-transform: lowercase;
}

.modmenu .container strong a {
display: flex;
justify-content: center;
align-items: center;
width: max-content;
padding: 0;
text-transform: lowercase;
font-size: 11px;
font-weight: 400;
line-height: 1;
}

.tcmod {
text-align: right;
width: fit-content;
}

.punbb td .modlist {
display: block;
padding: 0;
}

#move_posts_form .forum_name strong {
font-size: 11px !important;
margin: 12px 0 0 0 !important;
display: block;
font-weight: 600;
}

#move_posts_form .formal>form.container {
width: 100% !important;
position: relative;
border: none !important;
padding: 0 !important;
}

#move_posts_form fieldset {
margin: 0 !important;
padding: 0!important;
}

#move_posts_form fieldset legend {
padding: 0 0 8px !important;
}

#SubmitMPst {
margin: 0 !important;
}

#move_posts_form .formsubmit {
padding: 0 !important;
margin-top: 10px;
}

#move_posts_form .Select_Topics .tc2 {
width: 50px;
text-align: right;
}

#move_posts_form .Select_Topics .tcl {
text-align: left;
}

#move_posts_form thead tr,
#move_posts_form tbody tr {
width: 98% !important;
display: table;
}

#move_posts_form tbody tr {
}

.pun-modal.move_posts_form .modal-inner {
width: 600px !important;
}
#move_posts_form fieldset#PMove_2 {
margin-top: 30px !important;
}

/*-------------- ПОСТ --------------*/

/*--- Тело поста ---*/
.post {
margin: 10px 0 0 0;
padding: 10px;
border: var(--border2);
}

.light .post {
background: var(--container);
}

.post>.container {
display: flex !important;
flex-direction: row;
flex-wrap: wrap;
z-index: 2;
position: relative;
padding: 0;
}

.post p.container {
display: inherit;
flex-direction: inherit;
flex-wrap: inherit;
z-index: inherit;
position: inherit;
}

.post-body {
display: block;
width: calc(100% - var(--profile-width) + 10px);
padding: 10px 10px;
border: var(--border2);
background: var(--container);
}

.light .post-body {
background: var(--pun);
}

.post-box {
padding: 0;
position: unset !important;
word-wrap: break-word;
}

/*--- Контент поста ---*/
ul,
li,
dd,
dl,
dt {
list-style: none !important;
padding: 0;
margin: 0;
}

.post-content p {
padding: 0 0;
margin: unset;
}

.post-content p + p {
padding: 1em 0 0;
}

.post-content,
.post-content p {
line-height: 150%;
text-align: justify;
text-transform: none;
font-family: verdana;
}

.post-content ul {
padding: 5px 0 !important;
}

.post-content ul li {
    margin-bottom: 0!important;
}

.post-content ul li p:before {
    content: "\f054";
    font-family: 'Font Awesome 6 Pro';
    font-size: 50%;
    margin-right: 4px;
    color: var(--accent1);
    vertical-align: middle;
}

.post-content p span {
line-height: 150%;
}

.post-content .post-sig p,
.post-content .post-sig span {
line-height: unset;
}

.topic .post-content {
margin: 0 0 20px;
}

a {
text-decoration: none;
outline: none;
color: var(--accent1);
transition: all .1s ease-in-out !important;
-webkit-transition: all .1s ease-in-out !important;
-moz-transition: all .1s ease-in-out !important;
-o-transition: all .1s ease-in-out !important;
}

a:hover {
color: var(--accent2);
}

address,
em {
font-style: unset;
}

em.bbuline {
font-style: unset;
text-decoration: none;
display: inline;
border-bottom: 1px solid var(--text);
}

del {
opacity: 1;
color: var(--text-pale);
background: transparent !important;
}
.light del {
opacity: .8;
}

del:hover {
text-decoration: none;
opacity: 1;
}

.scrollbox {
width: 100%;
overflow-y: auto;
overflow-x: hidden;
height: fit-content !important;
max-height: 30px;
}

pre {
font-size: 1em;
font-family: verdana;
white-space: break-spaces;
line-height: 130%;
padding: 0 2px 0 1px;
text-align: left;
}

pre strong {
font-weight: 400;
}

hr {
filter: none;
margin: 20px auto!important;
height: 1px;
width: 100%;
display: block;
border: none;
background: var(--text);
opacity: .3 !important;
}

.highlight-text {
padding: 0 2px 1px;
background: var(--accent2) !important;
color: var(--accent2-text) !important;
}

abbr {
cursor: help !important;
border-bottom: 1px var(--accent1) dashed;
}

.post-content table {
border-collapse: collapse;
margin: 0;
}

.post-content td {
border: none;
padding: 4px 8px !important;
overflow: hidden;
border-color: transparent !important;
}

.post-content td p:last-child {
padding: unset !important;
}

.punbb .post-content img.postimg {
max-width: 100%;
margin: 0.2em 0 !important;
vertical-align: middle;
}

/*--- Профиль в посте ---*/
.post .post-author {
width: var(--profile-width);
margin-left: -10px;
}

.post .post-author ul {
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
margin: 0 0 20px;
padding: 0;
position: relative;
}

.post-author .pa-author {
width: var(--profile-width);
height: 52px;
text-align: center;
font-family: var(--font);
text-transform: lowercase;
font-size: 12px;
font-weight: 500;
line-height: 1;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
margin: 0;
z-index: 1;
padding: 0 10px;
}

.post-author {
border-top: var(--border2);
}

#pun-post .post .post-author {
width: var(--profile-width);
height: 52px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 0 10px;
}

.pa-author strong {
font-weight: 400 !important;
}

.post-author .pa-author a, .post-author .pa-author a, #pun-searchposts .post-author strong, #pun-post .post-author p {
padding: 4px 10px;
line-height: 100%;
z-index: 1;
margin: 0 auto;
background: #282828;
width: fit-content;
}

.post-author .pa-author a,
.post-author .pa-author,
#mask_dialog .hv-preview-author,
#viewprofile #profile-name {
color: var(--accent2-text);
}

.post-author .pa-author a:hover {
color: var(--accent2);
}

.post-author .pa-title {
font-size: 8px;
font-weight: 400;
letter-spacing: 0.05em;
text-align: center;
line-height: 140%;
width: 100%;
text-transform: lowercase;
margin: 9px 0 33px;
display: block;
padding: 0 10px;
    color: var(--text);
}

.light .post-author .pa-title {
    color: var(--text-pale);
}

.post-author .pa-avatar.item2 {
z-index: 1;
margin: 0 0 1px;
max-width: 182px;
max-height: 272px;
width: 182px;
line-height: 1;
}

.post-author .pa-avatar.item2 img {
max-width: 180px;
max-height: 270px;
display: block;
margin: 0px auto;
cursor: default !important;
border: var(--border1) !important;
box-sizing: unset;
}

.post-author .pa-online,
.post-author .pa-last-visit {
position: absolute;
height: 10px;
width: 10px;
right: 7px;
top: 75px;
font-size: 0;
cursor: default !important;
background: #B59266;
border-radius: 10px;
border: var(--border1);
z-index: 1;
}

.post-author .pa-last-visit {
display: none;
background: transparent;
border: none;
}

.post-author .pa-row {
display: flex;
width: 100%;
justify-content: space-between;
text-align: center;
align-items: center;
gap: 20px;
padding: 0 10px;
flex-wrap: nowrap;
}

.post-author .pa-row li>span:first-of-type {
width: 14px;
height: 14px;
display: block;
position: relative;
}

.post-author .pa-row li>span:first-of-type>a {
width: 100%;
height: 100%;
display: block;
position: absolute; 
top: 0;
left: 0;
}

.post-author .pa-row li>span:first-of-type,
.post-author .pa-fld3:before {
margin-right: 3px;
}

.post-author .pa-posts,
.post-author .pa-respect,
.post-author .pa-fld3 {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex: auto;
font-family: var(--font);
font-size: 9px;
font-weight: 400;
color: var(--text-pale);
}

.punbb span.GamePst, .punbb strong.GamePst2 {
color: var(--accent2) !important;
}

.light .punbb span.GamePst, .light .punbb strong.GamePst2 {
color: var(--accent1) !important;
}

.post-author .pa-respect span a,
.post-author .pa-respect .fld-name,
#pun.isguest .post-author .pa-respect .fld-name,
.post-author .pa-posts .fld-name,
.post-author .pa-posts a,
.post-author .pa-fld3 .fld-name {
font-size: 0;
}

.post-author .pa-row .fld-name:before,
.post-author .pa-fld3:before {
display: flex;
justify-content: center;
align-items: center;
width: 14px;
height: 14px;
content: "";
}

.post-author .pa-posts .fld-name:before,
.post-author .pa-posts a:before {
background: url(https://forumstatic.ru/files/0014/4b/bf/25707.svg);
}

.light .post-author .pa-posts .fld-name:before,
.light .post-author .pa-posts a:before {
background: url(https://forumstatic.ru/files/0014/4b/bf/32989.svg);
}

.post-author .pa-respect .fld-name:before,
#pun.isguest .post-author .pa-respect .fld-name:before {
background: url(https://forumstatic.ru/files/0014/4b/bf/32661.svg);
}

.light .post-author .pa-respect .fld-name:before,
.light #pun.isguest .post-author .pa-respect .fld-name:before {
background: url(https://forumstatic.ru/files/0014/4b/bf/32987.svg);
}

.post-author .pa-fld3:before {
background: url(https://forumstatic.ru/files/0014/4b/bf/29836.svg);
}

.light .post-author .pa-fld3:before {
background: url(https://forumstatic.ru/files/0014/4b/bf/23137.svg);
}

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

.post-author .pa-fld1 {
padding: 0 20px;
display: flex;
flex-direction: column;
align-items: center;
gap: 5px;
}

.post-author .pa-fld1 lz {
font-size: 9px;
letter-spacing: 0.05em;
line-height: 200%;
text-align: justify;
text-transform: lowercase;
margin-bottom: 33px;
}

.light .post-author .pa-fld1 lz {
    color: var(--text-pale);
}

.post-author .pa-fld1 a {
font-weight: 600;
}

.post-author .pa-fld1 > a {
font-size: 10px;
text-transform: lowercase;
}

.post-author .pa-fld5 {
width: 100%;
height: 100%;
}

pl {
display: flex;
width: var(--profile-width);
height: 30px;
justify-content: center;
align-items: center;
margin-top: 9px;
padding: 0 10px;
position: relative;
}

pl a {
display: block;
background: #282828;
color: #D9D9D9!important;
font-size: 9px!important;
letter-spacing: 0.05em;
line-height: 8px;
padding: 0px 2px 1px;
text-align: center;
}
pl a:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

bg {
position: absolute;
width: 232px;
height: 70px;
border: var(--border2);
border-top: none;
top: 0;
left: -1px;
z-index: 0;
}

#viewprofile bg {
margin-left: -10px;
}

.post-author .pa-fld4 {
position: absolute;
z-index: 2;
width: 30px;
height: 30px;
border-radius: 30px;
background: var(--pun);
border: var(--border2);
display: flex;
justify-content: center;
align-items: center;
left: -15px;
top: 54px;
overflow: hidden;
}
f {
display: block;
width: 30px;
height: 30px;
background-color: #535343;
mask-position: center center;
mask-repeat: no-repeat;
flex-shrink: 0;
cursor: default!important;
}

.light f {
background-color: #B59266;
}

.pa-ip {
display: block;
width: 100%;
text-align: center;
font-size: 9px;
margin-top: 10px;
}

/*--- Подпись поста ---*/
dd,
dl,
dt {
list-style: none;
padding: 0;
margin: 0;
}

.post-sig dt {
margin: 14px auto;
width: 50%;
height: 1px;
background: var(--select);
}

/*--- Плюсы под постом ---*/
div.post-rating p {
float: right;
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
}

div.post-vote p {
float: right !important;
border: 0 !important;
padding: 0 !important;
margin-right: 10px !important;
}

div.post-rating p>a {
outline: none;
padding: 0 8px 0;
z-index: 100;
width: auto;
height: 20px;
font-size: 9px !important;
font-family: var(--font);
font-weight: 500;
display: inline-flex;
justify-content: center;
align-items: center;
text-align: center;
line-height: 20px;
margin: 0;
right: -2px;
opacity: 1;
position: relative;
background: var(--accent1);
color: var(--pun);
}

div.post-rating p>a:before {
content: "\f004";
font-family: 'Font Awesome 6 Pro';
margin: 0 3px 0 0;
font-size: 6px;
line-height: 0 !important;
display: inline-flex;
font-weight: 900;
height: 100%;
align-items: center;
}

.post-rating a {
cursor: pointer;
}

.post-rating a,
.post-vote a {
text-decoration: none;
}

div.post-vote p>a {
font-size: 0 !important;
cursor: pointer;
outline: none;
padding: 0 8px 0!important;
z-index: 100;
width: auto!important;
height: 20px!important;
display: inline-flex!important;
justify-content: center;
align-items: center;
text-align: center;
line-height: 20px!important;
margin: 0!important;
right: -10px!important;
opacity: 1;
position: relative!important;
background: var(--accent1);
color: var(--pun);
}

.light div.post-rating p>a, .light div.post-vote p>a {
background: var(--accent2);
color: var(--accent2-text);
}

div.post-vote p>a:before {
content: "\2b";
font-size: 8px;
width: 100%;
height: 100%;
line-height: 1;
padding: 0 0 0 0;
font-family: 'Font Awesome 6 Pro';
font-weight: 900;
align-content: center;
}

.mylike .post-rating p a,
.mylike .post-rating p a:hover {
cursor: default !important;
background: var(--select) !important;
color: var(--select-text) !important;
}

.mylike .post-rating p a:before {
content: "\f00c" !important;
}

.mylike div.post-vote p>a {
display: none !important;
}

div.post-rating p>a:hover, div.post-vote p>a:hover {
background: var(--select) !important;
color: var(--select-text) !important;
}

/*--- Окно комментария к плюсу ---*/
#pun-report .inner,
#pun-reputation .inner,
#pun-admin-award-form .inner,
.modal-inner {
padding: 14px 20px !important;
position: fixed;
left: 50%;
top: 50%;
margin: -135px 0 0 -384px;
width: 768px;
z-index: 100;
box-shadow: none !important;
background: var(--pun);
border: var(--border1);
}

#pun-reputation .inner .container {
padding: 0 !important;
}

#pun-report .inner table,
#pun-reputation .inner table,
#pun-admin-award-form .inner table,
.modal-inner table {
border-spacing: 4px 8px !important;
}

#pun-report .inner span,
#pun-reputation .inner span,
#pun-admin-award-form .inner span,
.modal-inner span {
text-transform: lowercase !important;
}

#pun-report .inner textarea,
#pun-reputation .inner textarea,
#pun-admin-award-form .inner textarea {
width: 100% !important;
}

#pun-reputation .inner tr:last-of-type td.tc2 {
font-size: 0;
}

#pun-reputation .inner tr:last-of-type td.tc2 input {
margin: 0 12px 0 0 !important;
}

/*--- Ссылки под постом ---*/
.post-links {
width: 100%;
flex-shrink: 0;
padding-left: 0;
margin-top: 20px;
}

.post-links ul {
text-align: right;
display: inline-table;
margin: 0;
padding: 0;
width: 100%;
}

.post-links li {
display: inline-flex;
padding: 0;
}

.post-links li a {
display: inline-flex;
justify-content: center;
align-items: center;
height: 16px;
font-size: 8px;
padding: 0 10px;
line-height: 0 !important;
text-transform: lowercase;
font-weight: 500;
background: #535343;
color: var(--accent2-text);
}

.light .post-links li a {
background: var(--accent1);
color: var(--accent1-text);
}

.post-links li a:hover {
background: var(--select);
color: var(--select-text);
}

.post-links li {
margin: 0 0 0 14px;
}

.post-links .pl-email.pm,
.post-links .editpole {
margin: 0 0 0 14px;
}

.post-links li:first-of-type {
margin: 0;
}

.post-links .pl-email {
float: left;
}

.editpole {
float: left;
}

.gid3 .editpole,
.gid4 .editpole,
.gid5 .editpole {
display: none !important;
}

.post-links .editpole {
display: none;
}

.isadmin .editpole,
.ismoderator .editpole {
display: inline-flex !important;
}
.hideprofile .editpole {
display: none !important;
}

/*--- Цитата, код, скрытый текст ---*/
.post-content .spoiler-box>div {
font-family: verdana;
cursor: pointer;
background: none !important;
padding: 13px 30px 13px 35px !important;
position: relative;
line-height: 12px;
}

.post-content .spoiler-box>div span {
display: inline-block !important;
width: calc(100% - 4px - 16px - 6px);
}

.quote-box.spoiler-box {
border: 1px solid #535343;
}

.light .quote-box.spoiler-box {
border: 1px solid var(--accent2);
}

.quote-box.spoiler-box blockquote.visible {
border: none;
}

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

.post-content .spoiler-box>blockquote.visible {
display: block;
overflow: visible!important;
padding-bottom: 10px !important;
}

.post-content .spoiler-box>div:before, .post-content .spoiler-box>div.visible:before {
opacity: 1;
font-size: 12px;
display: inline-flex;
font-family: 'Font Awesome 6 Pro';
font-style: normal;
line-height: 1;
justify-content: center;
align-items: center;
font-variant: normal;
font-weight: 900;
content: "\e5d6";
width: 16px;
height: 38px;
overflow: visible;
position: absolute;
left: 13px;
top: 0;
color: var(--accent2);
transition: all .3s ease-in-out !important;
-webkit-transition: all .3s ease-in-out !important;
-moz-transition: all .3s ease-in-out !important;
-o-transition: all .3s ease-in-out !important;
}

.post-content .spoiler-box>div.visible:before {
content: "\f755";
font-size: 12px;
color: var(--accent1);
}

.quote-box {
padding: 0;
margin: 10px 0 10px;
position: relative;
}

.quote-box cite,
.code-box .legend {
display: flex;
justify-content: flex-start;
align-items: center;
text-align: left;
width: 100%;
line-height: 1 !important;
margin: 0;
font-style: normal;
text-transform: lowercase;
font-weight: 500;
font-size: 10px;
font-family: var(--font);
position: relative;
z-index: 2;
margin: 0;
color: var(--accent2-text);
}

.quote-box cite {
background: #535343;
}

.light .quote-box cite {
background: var(--accent2);
}

.quote-box.hide-box cite {
background: var(--accent1);
text-align: center;
justify-content: center;
}

.quote-box.hide-box blockquote, .quote-box.hide-box .blockquote {
border: 1px solid var(--accent1);
}

.code-box .legend.legend-processed {
background: transparent;
gap: 0;
}

.quote-box cite,
.code-box .legend a,
#post-preview .code-box .legend {
padding: 8px 30px;
}

strong.legend.legend-processed a {
white-space: nowrap;
text-align: left;
width: fit-content;
padding: 4px 5px;
color: var(--accent1-text);
}
strong.legend.legend-processed a:last-of-type {
margin-right: 25px;
}

strong.legend.legend-processed a:hover {
color: var(--body);
}

.light strong.legend.legend-processed a:hover {
color: var(--text);
}

strong.legend.legend-processed a:nth-of-type(2):before {
content: "/";
margin-right: 10px;
color: var(--accent1-text)!important;
}

strong.legend.legend-processed a:nth-of-type(2):hover:before {
color: var(--accent1-text)!important;
}

.quote-box blockquote, .quote-box .blockquote {
padding: 10px 15px;
border: 1px solid #535343;
}
.light .quote-box blockquote, .light .quote-box .blockquote {
border: 1px solid var(--accent2);
}
.light .quote-box blockquote p, .light .quote-box .blockquote p, .light pre {
    color: var(--text-pale);
}
.light .quote-box.spoiler-box blockquote p, .light .quote-box.spoiler-box .blockquote p {
    color: var(--text);
}

blockquote .quote-box {
margin: 10px 0 8px;
}

.quiet-quote {
margin: 0 !important;
font-style: italic;
}

.quiet-quote>p {
padding-bottom: 0 !important;
}

.quiet-quote~p {
padding-top: 6px !important;
}

.quiet-quote img {
transform: skewX(-6deg);
}

span.qc-post-link,
a.qc-post-link {
display: inline-block;
}

a.qc-post-link {
text-align: left;
position: relative;
}

a.qc-post-link:before {
content: "\f064";
font-family: 'Font Awesome 6 Pro';
margin: 0 4px 0 0;
vertical-align: middle;
font-size: 10px;
line-height: 10px;
opacity: .75;
font-weight: 700;
}

.code-box {
padding: 0;
margin: 10px auto 10px;
position: relative;
}

.code-box .legend {
background: var(--accent1) !important;
justify-content: flex-end;
padding: 4px 0;
}

.code-box .legend a,
.quote-box cite a {
display: block;
width: 100%;
height: 100%;
font-weight: 500;
}

.code-box .blockcode, .code-box blockcode {
padding: 10px 12px;
border: 1px solid var(--accent1);
}

/*--- Формы, поля, кнопки, орг страницы ---*/
.fs-box {
margin: auto auto;
}

optgroup {
font-weight: normal;
}

.formal .container {
padding: 0;
}

input.button:last-child,
.formsubmit a:last-child {
margin: 0;
}

.inline .inputfield,
.inline .selectfield,
.inline .passfield {
float: left;
margin: 0 10px 0 0;
}

.inline .inputfield:last-of-type,
.inline .selectfield:last-of-type,
.inline .passfield:last-of-type {
margin: 0;
}

.hashelp {
position: relative;
}

.formal fieldset {
min-width: 0;
}

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

fieldset fieldset,
#post fieldset {
padding: inherit;
border: inherit;
margin: inherit;
border-radius: inherit;
}

fieldset:last-of-type {
margin: 0 0 4px;
}

fieldset fieldset:last-of-type,
#post fieldset:last-of-type,
#pun-admain fieldset:last-of-type {
margin: inherit;
}

fieldset p {
padding: 0;
}

fieldset fieldset,
#post fieldset {
padding: 0;
border: 0;
}

fieldset legend {
padding: 0;
text-transform: lowercase;
font-size: 11px;
font-weight: 500;
line-height: 100%;
color: var(--accent1);
margin: 0 0 -2px;
}

#profile fieldset legend {
margin: 0;
padding: 0;
display: contents;
}

.infofield {
font-style: normal;
padding: 8px 0;
line-height: 130%;
font-weight: 400;
text-transform: lowercase;
font-size: 11px;
}

.inputfield label,
.selectfield label,
.datafield span.input {
font-size: 11px;
font-style: normal;
font-weight: 400;
text-transform: lowercase;
padding: 0;
margin: 4px 0 6px;
display: inline-block;
}

.punbb .formal span.input {
padding: 0 8px 0 0;
}

input,
select {
outline: none;
border: none;
font-size: 11px;
font-family: var(--font);
padding: 6px 8px 7px;
background: var(--textarea);
color: var(--text);
}

select {
cursor: pointe
}

select option {
color: var(--text);
background: var(--pun);
}

select optgroup {
color: var(--text);
background: var(--pun);
font-weight: 500;
}

#profile input {
width: auto;
max-width: 100%;
}

.checkfield input[type="checkbox"],
.radiofield input[type="radio"] {
margin: 0 4px 0 0;
}

input[type="checkbox"],
input[type="radio"] {
height: 20px;
vertical-align: middle;
}

input.button,
.formsubmit a,
.blockcode .copy-btn {
text-transform: lowercase;
font-size: 11px;
font-family: var(--font);
font-weight: 400;
display: inline-flex;
justify-content: center;
align-items: center;
line-height: 100% !important;
padding: 5px 16px 6px;
margin: 0 8px 0 0;
min-height: 26px;
border: none;
cursor: pointer;
background: var(--body);
color: #bababa;
transition: all .1s ease-in-out !important;
-webkit-transition: all .1s ease-in-out !important;
-moz-transition: all .1s ease-in-out !important;
-o-transition: all .1s ease-in-out !important;
}

.light input.button,
.light .formsubmit a,
.light .blockcode .copy-btn {
color: var(--text);
}

input.button:hover,
.formsubmit a:hover,
.blockcode .copy-btn:hover {
background: var(--accent1);
color: var(--accent1-text);
}

p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
height: 20px;
vertical-align: middle;
text-transform: lowercase;
}

fieldset .fs-box p {
display: block;
margin: 0;
text-align: justify;
}

#post-preview,
#post-preview fieldset {
text-transform: inherit;
}

#post-preview {
padding: 10px 10px !important;
border: var(--border2) !important;
background: var(--container);
margin-bottom: 10px!important;
}

.light #post-preview {
background: var(--pun);
}
#pun-messages #post-preview {
margin-top: 20px;
}

fieldset .fs-box li {
text-transform: lowercase;
}

.formsubmit {
text-transform: lowercase;
font-size: 9px;
padding: 8px 0 0;
margin: 0;
}

.formsubmit input.button {
display: inline-block;
margin: 0 auto 8px;
}

form#post input.button {
margin: 0;
}

p.inputfield.required {
margin: 0 8px 0 0;
}

p.inputfield.required:last-of-type {
margin: 0;
}

p[class="checkfield"] img,
div[class="checkfield"] img,
fieldset[class="radiofield"] img {
height: auto;
max-height: 50px;
}

.info-box {
padding: 10px 0;
margin: 0;
}

.info-box * {
padding: 0;
}

#pun-main .info-box .legend {
font-weight: normal;
}

#pun-main>.info {
width: 100%;
border: var(--border2);
}

.info .container {
padding: 20px 0;
text-align: center;
text-transform: lowercase;
}

.info .container .backlink {
padding-top: 0;
}

#post-form .formsubmit {
text-align: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
gap: 10px;
}

/*--- Форма ответа ---*/
.punbb .formal textarea {
width: 100%;
}

textarea {
outline: none;
border: none;
min-height: 100px;
margin: 0;
padding: 8px 12px;
line-height: 150%;
font-family: verdana !important;
font-size: 11px;
color: var(--text);
white-space: break-spaces;
background: var(--textarea);
}

textarea#main-reply {
border: var(--border2);
}

#pun-viewtopic #post-form textarea#main-reply {
width: 100% !important;
}

#form-buttons table {
width: calc(100% - 100px) !important;
height: 31px !important;
border-spacing: 0;
padding: 3px;
border-bottom: none !important;
background: var(--accent2);
}

#font-area,
#size-area,
#color-area,
#table-area,
#image-area,
#imageup-area,
#imageattach-area,
#keyboard-area,
#video-area,
#addition-area,
#smilies-area,
#video-area,
#spoiler-area {
padding: 12px;
overflow-y: auto;
max-height: 306px;
max-width: 580px;
}

#color-area,
#table-area,
#image-area,
#imageup-area,
#imageattach-area,
#keyboard-area,
#video-area,
#addition-area,
#smilies-area,
#video-area,
#spoiler-area {
right: 0;
}

#color-area,
#table-area,
#keyboard-area {
width: auto;
text-align: center;
}

#keyboard-area {
padding-bottom: 12px !important;
}

#color-area * {
border: 0;
}

#color-area table {
padding: 0;
margin: 0;
border-spacing: 3px 0 !important;
width: fit-content !important;
}

#addition-area div,
#font-area div {
padding: 4px 8px 5px;
height: auto !important;
}

#font-area span {
text-overflow: ellipsis !important;
overflow: hidden !important;
}

#size-area span {
line-height: 24px !important;
padding: 2px 8px !important;
}

#smilies-area img {
margin-right: 8px;
margin-bottom: 8px;
}

#image-area-tcon-computer {
margin: 0 0 12px;
}

#image-area-tcon-computer td {
border: none;
padding: 0;
}

#imageupload-left {
width: 140px;
}

#imageupload-right {
padding-left: 8px;
background: transparent;
max-width: 380px;
}

#image-area-actions {
text-align: right;
}

#imageQueue {
max-height: 72px;
overflow-y: auto;
margin-bottom: 8px;
}

#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: 8px;
}

#image-source-list a,
#image-area-actions a,
#spoiler-sels a {
margin-right: 16px;
cursor: pointer;
}

#insert-image-tip {
margin-top: 8px;
}

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

#image-width,
#image-thumb-width,
#image-insert-format strong {
font-size: .9em;
}

.uploadQueueItem {
padding: 8px 12px;
border: solid 1px #ddd;
margin-bottom: .5em;
background: rgba(238, 238, 238, .22);
}

.uploadQueueItem.error {
border-color: rgba(255, 0, 0, .25);
background-color: rgba(255, 0, 0, .08);
}

.uploadQueueItem .cancel {
font-size: 20px;
font-weight: 600;
font-family: Arial;
float: right;
margin: -.25em 0 0;
}

.uploadQueueItem .cancel a {
text-decoration: none;
color: #333;
}

.uploadProgress {
display: block;
width: 98%;
height: 3px;
margin: 2px 0 0;
background: #ddd;
position: relative;
}

.uploadProgressBar {
position: relative;
background: #00adff;
height: 3px;
width: .1%;
}

.uploadQueueItem {
padding: 0 4px 4px 0;
background: transparent;
border: none;
}

.uploadProgress {
width: 100%;
margin: 4px 0 0;
background: var(--pun);
}

.uploadProgressBar {
}

.uploadQueueItem .cancel {
font-size: 1em;
font-weight: normal;
font-family: var(--font);
margin: 0;
}

#image-width,
#image-thumb-width,
#image-insert-format strong {
line-height: 2;
margin: 0 0 8px;
}

#font-area div,
#size-area div,
#color-area div,
#table-area div,
#addition-area div,
#smilies-area div a,
#smilies-area img {
cursor: pointer;
}

#upload-button-container input[type="button"],
#imageupload-left input[type="button"],
#selected-image-width,
#selected-thumb-width,
#imageupload-left select {
cursor: pointer;
}

#uploaded-images img {
cursor: pointer;
width: auto;
height: 50px;
max-width: 100px;
margin-right: 4px;
}

#image-area-tcon-computer td {
vertical-align: top;
}

#video-area-tinp,
#image-area-tinp {
margin: 4px 0 !important;
border: none !important;
}

#video-area-actions {
text-align: right;
line-height: 1.6em;
}

#form-buttons tr {
display: flex;
flex-wrap: nowrap;
text-align: center;
gap: 2px;
}

#form-buttons td {
color: var(--accent2-text);
font-size: 14px;
font-weight: 300;
height: 24px;
padding: 0;
background-repeat: no-repeat;
background-image: none !important;
display: flex;
font-family: 'Font Awesome 6 Pro';
font-style: normal;
line-height: 1;
width: 100%;
justify-content: center;
align-items: center;
text-align: center;
cursor: pointer;
}

#form-buttons td:hover {
background: rgba(0,0,0,.2);
}

#form-buttons td img {
position: absolute;
z-index: 2;
margin: 0;
width: auto !important;
height: 20px !important;
opacity: 0;
}

#form-buttons td:before {
position: absolute;
width: 24px;
height: 24px;
display: flex;
justify-content: center;
align-items: center;
}

#form-buttons #button-font:before {
content: "\f893";
}

#form-buttons #button-transL:before {
content: "\f0ac";
}

#form-buttons #button-size:before {
content: "\f034";
}

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

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

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

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

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

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

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

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

#form-buttons #button-spoiler:before {
content: "\f187";
}

#form-buttons #button-adm-spoiler:before {
content: "\f0fe";
}

#form-buttons #button-quote:before {
content: "\e1e4";
}

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

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

#form-buttons #button-smile {
display: none !important;
}

#form-buttons #button-sticker:before {
content: "\f004";
}

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

#form-buttons #button-image:before {
content: "\f030";
}

#form-buttons #button-image2:before {
content: "\f302";
}

#form-buttons #button-video:before {
content: "\f144";
}

#form-buttons #button-hide:before {
content: "\f023";
}

#form-buttons #button-table:before {
content: "\f009";
}

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

#form-buttons #button-addition:before {
content: "\2b";
}

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

#form-buttons #button-html:before {
content: "\f1c9";
}

#form-buttons #floatbut:before,
#form-buttons #button-float:before {
content: "\e0b5";
}

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

#form-buttons #button-ChangeСase:before {
content: "\f866";
}

#float {
display: none;
position: absolute;
width: 160px;
margin-top: 28px !important;
left: calc(50% - 60px);
text-align: center;
padding: 12px 12px;
z-index: 1;
}

#float i {
font-size: 13px;
padding: 5px 6px;
font-weight: 400 !important;
margin: 0 4px;
}

#float i:hover {
background: var(--select);
color: var(--select-text);
}

#button-image>img {
position: relative;
z-index: 2;
}

#button-image>center {
opacity: 0;
visibility: hidden;
}

#button-image:hover>center {
opacity: 1;
visibility: visible;
}

#font-area,
#size-area,
#color-area,
#table-area,
#image-area,
#imageup-area,
#imageattach-area,
#keyboard-area,
#video-area,
#addition-area,
#smilies-area,
#video-area,
#spoiler-area,
#float {
color: var(--text);
margin-top: 0px;
margin-left: 0px;
background: var(--container);
border: var(--border2);
outline: none;
}

#font-area div:hover, #size-area div:hover, #color-area div:hover, #table-area div:hover, #addition-area div:hover {
background: var(--select);
color: var(--select-text);
}

#tags .container {
text-transform: lowercase;
font-size: 11px;
font-weight: 400;
position: absolute;
top: unset !important;
margin-right: -6px;
}
#profile5 #tags .container {
right: 0;
}
#profile6 .fs-box>p.inputfield+p.inputfield {
padding: 0;
}

#tags .container a {
}

#color-area td:hover {
cursor: pointer;
}

#tags .container strong,
#video-area-thd,
#image-area-thd,
#float strong {
font-weight: 500;
text-transform: lowercase;
font-size: 10px;
font-family: var(--font);
margin: 0 0 4px;
display: inline-block;
}

#float strong {
display: block;
margin-bottom: 8px;
}

#video-area,
#image-area,
#spoiler-area {
width: 500px;
}

#video-host-list {
max-width: 460px;
line-height: 160%;
}

#video-area-msg,
#image-source-list,
#image-area-actions,
#spoiler-sels,
#spoiler-type-list {
line-height: 160% !important;
}

#spoiler-type-list {
display: inline-flex;
flex-direction: row-reverse;
}

#imageupload-left input[type="button"] {
width: auto;
font-family: var(--font);
font-weight: normal;
border-style: none;
}

#keyboard-span input {
background: var(--textarea) !important;
color: var(--text) !important;
cursor: pointer !important;
margin: 2px !important;
min-width: 30px !important;
height: 22px !important;
line-height: 10px !important;
border: none !important;
}

#keyboard-span input:hover {
background: var(--select) !important;
color: var(--select-text) !important;
}

.uploadQueueItem .cancel a {
font-weight: normal;
}

#uploaded-images img {
border: var(--border1);
}

#form-buttons {
margin: 0;
}

#button-image p {
color: var(--pun);
}

.punbb #post .tabs .active a,
.punbb #post .tabs li a:hover {
background: #686868;
}

.punbb #post .tabs li a {
background: #3c3c3c;
}

#font-area {
width: 220px;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
line-height: 1.4em;
}

#font-area div {
width: 100%;
text-align: center;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

#font-area div.font_cyrillic,
#font-area div.font_latin {
font-size: 0;
width: 100%;
margin: 1px 0 0;
cursor: default;
}

#font-area div.font_cyrillic:before, #font-area div.font_latin:before {
font-family: var(--font);
line-height: 1;
display: block;
width: calc(100% + 20px);
height: auto;
position: relative;
margin: 0 -10px 0;
text-align: center;
font-size: 13px;
font-weight: 400;
text-transform: lowercase;
padding: 4px 4px 5px;
cursor: default !important;
background: var(--accent2);
color: var(--accent2-text) !important;
}

#font-area div.font_cyrillic:before {
content: "кириллица + латиница";
}

#font-area div.font_latin:before {
content: "только латиница";
}

#font-area div.font_cyrillic:hover,
#font-area div.font_latin:hover {
background: transparent !important;
}

#symbol-counter {
width: 100px;
height: 31px;
margin: 0;
float: left;
text-transform: uppercase;
font-size: 7px;
letter-spacing: 0.05em;
font-family: var(--font);
font-weight: 500;
display: flex;
justify-content: center;
align-items: center;
gap: 3px;
color: var(--text);
cursor: default;
padding: 0px 0 0 2px;
background: var(--container);
border: var(--border2);
border-bottom: none !important;
border-right: none !important;
}

#table-area table {
width: auto;
padding: 0;
margin: 0;
border-collapse: collapse;
}

#table-area div {
margin-top: 1em;
text-align: center;
}

#table-layout {
margin-right: .5em;
}

#table-area td {
background-color: #fff !important;
width: 14px !important;
height: 14px !important;
border: none !important;
border-style: solid !important;
border-color: #dadada !important;
border-width: 1px !important;
cursor: pointer;
}

#table-area td.selected {
background: var(--select) !important;
}

#font-area div,
#size-area div {
display: block;
position: relative;
}

#color-area td,
#table-area td {
position: relative;
}

#color-area td {
width: 20px;
height: 20px;
}

#color-area td img:hover {
border: var(--border1);
}

#font-area img,
#size-area img,
#color-area img,
#table-area img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}

/*--- Разделитель постов (дата, номер поста) ---*/
.post h3 {
height: auto;
width: 100%;
margin: 0 0 10px !important;
overflow: hidden;
padding: 0;
}

.post h3 span {
display: flex;
align-items: center;
text-transform: uppercase;
font-size: 9px;
font-weight: 500;
white-space: nowrap;
flex-wrap: nowrap;
gap: 6px;
justify-content: space-between;
flex-direction: row-reverse;
}

#pun-searchposts .post h3 span {
justify-content: flex-start;
flex-direction: inherit;
}

#pun-searchposts .post h3 span em {
font-size: 0;
padding: 0;
}

#pun-searchposts .post h3 span em:before {
content: "\f061";
font-family: "Font Awesome 6 Pro";
font-size: 7px;
display: block;
}

#pun-post .post h3 span {
justify-content: space-between;
flex-direction: row-reverse;
}

.post h3 span>*, .post h3 span li>*, #pun-messages #profile .container>fieldset .post h3 span {
height: 20px;
align-content: center;
padding: 2px 8px 2px;
line-height: 0!important;
}

#pun-searchposts .post h3 span .searchposts-right {
display: flex;
order: 10;
margin: 0 0 0 auto;
gap: 6px;
flex-direction: row-reverse;
padding: 0;
}

.post h3 strong {
text-align: right;
font-weight: 500;
background: var(--accent1);
color: var(--container);
}

strong.fnt img {
width: 11px;
height: 11px;
background: rgba(255, 255, 255, .8);
border-radius: 0;
margin: -1px 0 0 !important;
cursor: pointer;
}

strong.fnt {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
margin: 0 0 0 auto !important;
gap: 6px;
}

.post h3 strong:before {
content: "#";
}

.post h3 strong.fnt:before {
content: none;
}

.post h3 a {
max-width: 200px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
background: var(--accent1);
color: var(--accent1-text) !important;
}

.light .post h3 a, .light .post h3 strong {
background: var(--accent2);
color: var(--accent2-text) !important;
}

#pun-messages #profile .container>fieldset .post h3 span {
background: var(--accent1);
color: var(--accent1-text) !important;
margin: 0 0 0 auto;
width: fit-content;
}

.post h3 a:hover {
background: var(--select)!important;
color: var(--select-color)!important;
}

/*-------------- СТРАНИЦА ПРОФИЛЯ --------------*/
#pun-profile #profile {
min-height: 404px;
border: var(--border2);
padding: 10px;
}
.light #pun-profile #profile {
background: var(--container);
}

#pun-profile .fs-box {
padding: 6px 0 0;
box-sizing: border-box;
}

#pun-profile #profile5 .fs-box.hashelp {
background: transparent;
box-shadow: none;
padding: 0;
}

#profile.messages-container .fs-box {
padding: 0;
margin-top: 10px;
}

#profile.messages-container #post-form .fs-box {
padding: 0;
box-shadow: none !important;
}

#profile .fs-box>p:first-of-type {
padding-top: 0;
}
#profile .fs-box>p+p {
padding-top: 10px;
}
#profile2 .fs-box>p {
padding-top: 10px;
}

#profile .container {
display: block;
margin: 0 0 0;
}

#profile .container .container {
margin: unset;
}

#profilenav {
margin: 0;
float: left;
}

#profilenav ul {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
flex-direction: column;
gap: 8px;
}

#profilenav ul li {
width: 130px;
}

#profilenav ul li a {
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
padding: 5px 11px 6px;
margin: 0;
text-transform: lowercase;
text-align: center;
font-weight: 400;
font-size: 11px;
background: var(--accent2);
color: var(--accent2-text);
}

#profilenav ul li.isactive a, #profilenav ul li a:hover {
background: var(--select);
color: var(--select-text);
}

#profile fieldset .fs-box p.inputfield a, #profile fieldset .fs-box p.datafield a {
padding: 7px 10px 8px;
display: inline-block;
text-transform: lowercase;
font-size: 11px;
font-weight: 400;
background: var(--body);
color: var(--text);
}
#profile fieldset .fs-box p.inputfield a:hover {
background: var(--select);
color: var(--select-text);
}

#profile fieldset .fs-box p.datafield a {
margin: 4px 0 0;
box-shadow: none;
}

#profile fieldset .fs-box p.inputfield a:hover,
#profile fieldset .fs-box p.datafield a:hover {
}

#profile .formsubmit input.button {
margin: 0 8px 8px 0;
}

#profile .formsubmit {
margin: auto auto auto 140px;
}

#profile fieldset .formsubmit {
margin: 0;
}

#profile fieldset {
margin: 0 0 10px 140px;
background: var(--container);
border: var(--border2);
}

.light #profile fieldset {
background: var(--pun);
}

#profile fieldset fieldset.radiofield {
margin: 0;
border: none !important;
background: transparent;
}

#profile2 fieldset.radiofield {
display: flex;
gap: 20px;
}

#profile7 fieldset fieldset.radiofield {
box-shadow: none !important;
}

fieldset fieldset,
#post fieldset {
margin: inherit;
}

table#filetable {
border-spacing: 0 8px !important;
}

#profile1 fieldset .fs-box p.datafield a {
border-radius: 0;
padding: 0;
display: inline;
background: transparent;
margin: 0;
}

#profile1 fieldset .fs-box p.datafield a:hover {
background: transparent !important;
box-shadow: none;
}

#profile2 span.input {
padding: 0 !important;
}

#profile2 #sex.infofield {
padding: 8px 0 0;
}

#profile1 #num-posts,
#profile1 fieldset:last-of-type .inputfield:last-of-type,
#profile1 fieldset:nth-of-type(3) .selectfield:nth-of-type(2) {
margin: 8px 0 0;
}

#profile2 p {
margin: 0 0 0;
}

#profile1 .infofield,
#profile2 #title em {
text-transform: lowercase;
font-size: 9px;
letter-spacing: .4px;
margin: 0;
vertical-align: middle;
}

#profile1 .infofield {
padding: 4px 0 0;
display: block;
}

#profile2 #title em {
padding: 4px 0 0 4px;
display: block;
}

#profile2 #about-me label {
font-size: 11px;
font-style: normal;
font-weight: 500;
text-transform: lowercase;
padding: 0;
margin: 4px 0 6px;
display: inline-block;
}

#pun-upavatar .formal {
border: var(--border2);
padding: 10px;
}
#pun-upavatar .formal fieldset {
padding: 0;
margin: 0;
}
#pun-upavatar .formal fieldset .fs-box p {
margin: 10px 0;
padding: 0;
}

#profile4 img.avatardemo {
margin: 0 0 0 20px;
border-radius: 0;
}

#profile4 .fs-box {
min-height: 196px;
}
#profile4 .fs-box .profile4-buttons {
display: flex;
gap: 10px;
align-items: center;
}
#profile4 .fs-box .profile4-buttons p.datafield a {
margin: 0!important;
}

#profile4 .fs-box .profile4-buttons p.datafield a:hover {
background: var(--select);
color: var(--select-text);
}

#profile5 .fs-box:first-of-type {
margin: auto auto 20px;
}

#profile5 .parsedsig {
margin: 4px 0 12px;
}

#profile5 .parsedsig p,
#profile5 .parsedsig p span,
#viewprofile #profile-signature p,
#viewprofile #profile-signature p span {
line-height: unset;
}

#profile5 span.label {
display: none;
}

#profile5 #font-area,
#pun-messages #font-area {
width: 220px !important;
}

#profile5 #font-area div,
#pun-messages #font-area div {
width: auto !important;
}

#pun-messages #post-form div.container {
padding: 12px !important;
}

#viewprofile #profile-signature ul {
border-style: none;
}

#profile7 input {
box-shadow: none;
}

#profile8 fieldset .fs-box .submitfield input.button {
margin: 8px 0 0;
}

#profile8 input#fld1,
#profile8 input#fld2,
#profile8 input#fld3,
#profile8 input#fld4,
#profile8 input#fld5,
#profile8 input#fld6 {
width: 100%;
}

#profile #profile8 .fs-box {
border-radius: 0;
background: transparent;
padding: 4px 0px;
box-shadow: none !important;
}

#profile10 table#filetable,
#profile10 .submitend {
text-transform: lowercase;
margin: auto auto auto 140px !important;
width: calc(100% - 140px) !important;
}
#profile10 #filetable td * {
word-break: break-all;
}

#profile10 table#filetable {
border-spacing: 8px !important;
border: var(--border1);
background: var(--container);
}
#profile .select-file {
padding: 0 0;
margin: 0 0 10px 140px;
}

#profile10 .submitend {
padding: 8px 0 !important;
}

#profile10 #update_comments,
#profile10 #del_file {
margin-right: 0 !important;
margin-left: 8px !important;
}

#profile10 .tcr input {
width: auto !important;
}

#profile10 .pagelink {
text-transform: lowercase;
padding: 8px 0 !important;
}

#profile10 #uploaded-count-block {
padding: 0 !important;
font-size: 1em !important;
text-transform: lowercase !important;
}

#profile10 table#filetable td {
text-align: center;
}

#profile10 th {
background: none !important;
}

#profile10 .adinfofield {
padding: 4px 0;
text-transform: lowercase;
}

#profile10 fieldset .fs-box li {
font-size: 11px;
}

#profile11 .submitfield {
margin-top: 12px;
}

#profile11 .inputfield label {
margin-bottom: 12px;
}

#profile2 #realname input,
#profile2 #title input,
#profile2 #location input,
#profile2 #website input,
#profile2 #interests input {
width: 300px;
}

.profile-notifications-content fieldset:last-of-type .fs-box p {
margin: 0 0 8px;
}

.profile-notifications-content fieldset:last-of-type .fs-box p.infofield {
margin: 0;
}

p.datafield.registered,
p.datafield.last-post,
p.datafield.last-visit {
text-transform: lowercase;
}

/*--- Предпросмотр профиля ---*/
#viewprofile {
margin: 0;
padding: 10px;
position: relative;
border: var(--border2);
}

#viewprofile>.container {
z-index: 1;
position: relative;
}

#viewprofile strong {
font-weight: 400;
line-height: 140%;
}

#viewprofile #profile-signature strong {
font-weight: 600;
line-height: unset;
}

#viewprofile .container tr {
display: flex;
justify-content: space-between;
align-items: stretch;
flex-wrap: nowrap;
}

#viewprofile .container #profile-signature tr {
display: table-row;
}

#viewprofile .container #profile-signature td,
#profile5 .parsedsig td {
padding: 4px;
}

#viewprofile #profile-left {
width: var(--profile-width);
height: fit-content;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin: 0 0 0 -10px;
gap: 0;
padding: 0 !important;
position: relative;
overflow: visible;
}

#viewprofile #profile-left li {
z-index: 2;
}

#viewprofile #pa-avatar {
margin: 0 auto;
padding: 0;
order: 2;
}

#viewprofile #pa-avatar img {
border-radius: 0;
border: var(--border1);
box-sizing: content-box;
}

#viewprofile #profile-name {
order: 1;
width: var(--profile-width);
height: 52px;
text-align: center;
font-family: var(--font);
text-transform: lowercase;
font-size: 12px;
font-weight: 500;
line-height: 1;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
margin: 0px;
padding: 0px 10px;
position: relative;
border-top: var(--border2);
}

#viewprofile #profile-title {
order: 3;
display: block !important;
font-size: 8px;
font-weight: 400;
letter-spacing: 0.05em;
text-align: center;
line-height: 140%;
width: 100%;
text-transform: lowercase;
margin: 9px 0px 20px;
padding: 0px 10px;
}

#viewprofile #profile-title strong {
font-weight: 400 !important;
}

#viewprofile #profile-name strong {
font-weight: 500 !important;
font-size: 1em !important;
line-height: 100%;
z-index: 1;
width: fit-content;
padding: 4px 10px;
margin: 0px auto;
background: #282828;
}

#viewprofile #pa-online {
text-align: center;
margin: 0px auto 10px;
line-height: 100%;
font-size: 10px;
letter-spacing: 0.025em;
order: 5;
text-transform: lowercase;
}

#viewprofile #pa-online strong {
font-weight: 500 !important;
}

#viewprofile #pa-edit {
display: flex;
width: fit-content;
height: auto;
text-align: center;
justify-content: center;
align-items: center;
order: 4;
margin: 0 0 10px;
}

#viewprofile #pa-edit a {
display: block;
width: fit-content;
height: auto;
font-weight: 500;
padding: 4px 18px 5px;
text-transform: lowercase;
font-size: 10px;
letter-spacing: 0.025em;
background: var(--accent1);
color: var(--accent1-text);
}

#viewprofile #pa-edit:hover a {
background: var(--select);
color: var(--select--text);
}

#viewprofile #profile-right {
padding: 10px;
margin: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: stretch;
align-items: stretch;
gap: 0;
width: calc(100% - var(--profile-width) + 10px);
background: var(--container);
border: var(--border2);
}

#viewprofile #profile-right li {
display: inline-flex;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
text-align: left;
flex-grow: 1;
padding: 10px 0;
width: 100%;
flex-shrink: 0;
border-bottom: 1px solid var(--select);
text-transform: lowercase;
}

#viewprofile #profile-right li:first-of-type {
padding-top: 0;
}

#viewprofile #profile-right li:last-of-type {
padding-bottom: 0;
border-bottom: none;
}

#viewprofile #profile-right li span {
display: block;
width: 130px;
white-space: nowrap;
background: var(--accent2);
color: var(--accent2-text);
padding: 3px 6px 3px;
flex-shrink: 0;
flex-grow: 0;
text-align: center;
font-size: 9px;
font-weight: 500;
letter-spacing: 0.025em;
}

#viewprofile #profile-right li span a {
color: var(--accent2-text);
}

#viewprofile #profile-signature {
margin: 0;
padding: 20px 0;
}

#viewprofile #profile-right li#pa-fld1>strong {
display: flex;
flex-direction: column;
gap: 5px;
width: 190px;
}
#viewprofile #profile-right li#pa-fld1>strong a {
font-weight: 600;
}
#viewprofile #profile-right li#pa-fld1>strong>a {
font-size: 10px;
text-transform: lowercase;
text-align: center;
}
#viewprofile #profile-right li#pa-fld1>strong lz {
line-height: 200%;
font-size: 9px;
text-transform: lowercase;
letter-spacing: 0.05em;
text-align: justify;
}

/*--- Всплывающие уведомления, подсказки и jGrowl ---*/
.tipsy .tipsy-inner {
min-width: none !important;
}

.tipsy-inner table {
width: auto !important;
}

.tipsy-inner table#respect td {
font-size: 0;
}

.tipsy-inner table#respect td {
font-size: 0;
}

.tipsy-inner table#respect .prof,
.tipsy-inner table#respect a {
font-size: 11px;
text-transform: lowercase;
}

.tipsy-inner table#respect figcaption {
margin: 2px 0 0;
}

.tipsy-inner table#respect figure {
width: 54px !important;
}

.tipsy-inner table#respect figure .vote {
display: none !important;
}

.tipsy-arrow {
display: none;
}

#tooltip,
.tipsy-inner {
z-index: 999999;
border-radius: 0px !important;
padding: 3px 7px !important;
font-family: var(--font);
text-transform: lowercase;
font-size: 9px !important;
text-transform: lowercase;
opacity: .9;
text-align: center;
color: var(--text);
background: var(--body);
}

#tooltip,
.tipsy-inner,
#respect figure .prof,
.tipsy-inner a {
text-decoration: none !important;
}

#tooltip {
position: absolute;
max-width: 240px;
display: none;
}

#tooltip table {
width: auto;
}

.jGrowl-notification,
.jGrowl .messag_theme,
#messages-list a.Author,
.jGrowl-closer {
color: var(--text) !important;
background: var(--body) !important;
font-size: 11px !important;
font-family: var(--font) !important;
text-transform: lowercase !important;
opacity: .9;
box-shadow: none !important;
}

.jGrowl-message {
line-height: 150% !important;
}

.jGrowl-message strong {
font-weight: 600 !important;
}
.jGrowl-notification a, .jGrowl-notification em.guest-link {
    color: var(--text) !important;
    text-decoration: none;
    font: normal 1em var(--font) !important;
}

.jGrowl-notification .jGrowl-header {
font-size: unset !important;
padding-bottom: unset !important;
}

.jGrowl-notification .jGrowl-close {
margin: unset !important;
font-family: unset !important;
font-weight: unset !important;
}

.jGrowl-notification,
.jGrowl .messag_theme,
#messages-list a.Author {
text-shadow: none !important;
font-weight: normal !important;
}

.jGrowl-notification a,
.jGrowl-notification em.guest-link {
color: var(--accent2)!important;
}

.jGrowl-notification,
.jGrowl-closer,
.notification-spoiler {
border-radius: 0 !important;
}

.notification-right {
overflow: hidden;
}

.notification-item {
padding: 10px;
}

.notify-message .jGrowl-close {
padding: 2px 5px !important;
}

.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 h2,
.pun-modal h1 {
max-width: 700px;
margin: 0;
}

.modal-inner h2 span {
font-size: 12px;
text-align: center;
display: block;
margin: 0 0 10px;
font-weight: 500;
}

.pun-modal .container {
padding: 8px 12px;
max-height: 40em;
overflow: auto;
}

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

.noscroll {
overflow: hidden;
}

/*--- Выделение ---*/
::-moz-selection {
background: var(--select);
color: var(--select-text);
text-shadow: none !important;
}

::selection {
background: var(--select);
color: var(--select-text);
text-shadow: none !important;
}

/*--- Скроллбары ---*/
::-webkit-scrollbar {
width: 8px;
height: 1px;
}

textarea::-webkit-scrollbar,
#tags .container::-webkit-scrollbar,
#tags .container div::-webkit-scrollbar,
.scrollbox::-webkit-scrollbar,
.hvStickerPackModalContent::-webkit-scrollbar,
.ffr *::-webkit-scrollbar {
width: 3px;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-corner {
background: var(--scrollbar);
}

body *::-webkit-scrollbar-track,
body *::-webkit-scrollbar-corner {
background: transparent;
}

::-webkit-scrollbar-thumb {
background-color: var(--scrollbar-thumb);
}

news::-webkit-scrollbar-thumb,
.ls *::-webkit-scrollbar-thumb, #ls *::-webkit-scrollbar-thumb {
background-color: var(--scrollbar);
}

.light .ls *::-webkit-scrollbar-thumb, .light #ls *::-webkit-scrollbar-thumb {
background-color: var(--scrollbar-thumb);
}

.ls *::-webkit-scrollbar-track, #ls *::-webkit-scrollbar-track,
.ls *::-webkit-scrollbar-corner, #ls *::-webkit-scrollbar-corner {
background: transparent;
}
.ls *::-webkit-scrollbar, #ls *::-webkit-scrollbar {
width: 1px;
height: 2px;
}

#sm3 section .scroll li > p::-webkit-scrollbar-thumb,
#sm2 section .scroll li p::-webkit-scrollbar-thumb,
#sm1 section ul:nth-of-type(2) li p::-webkit-scrollbar-thumb {
border-left: 6px solid transparent;
background-clip: content-box;
}

#sm3 section .scroll li > p::-webkit-scrollbar,
#sm2 section .scroll li p::-webkit-scrollbar,
#sm1 section ul:nth-of-type(2) li p::-webkit-scrollbar {
width: 7px;
}

#sm3 section .scroll::-webkit-scrollbar {
height: 3px;
}

#sm4 section>div>span::-webkit-scrollbar {
width: 2px;
}

/*-------------- АДМИНКА --------------*/
#forum-foundation p,
#forum-foundation table {
font-size: 11px;
text-transform: lowercase;
}

#forum-foundation table th {
text-align: left;
padding: 10px 0 6px;
}

#forum-foundation table td {
text-align: left !important;
}

#forum-foundation table li {
margin-bottom: 6px;
}

#top-donators,
#latest-donators {
display: none;
}

.ace_editor {
overflow: hidden !important;
}

#pun-admain h1 span,
#pun-admain h2 span,
#pun-admain legend span,
#pun-admain .adformal h3 span {
font-size: 1em !important;
font-weight: 500 !important;
}

#pun-admain .adformal h2,
#pun-adnav h2 {
padding: 8px 12px !important;
border-style: none !important;
border-width: 0 1px 1px 0 !important;
background-color: transparent !important;
text-align: center !important;
}

#pun-admain .adcontainer {
border-style: none !important;
border-width: 0 !important;
border-color: transparent !important;
}

#pun-admain .adcontainer th {
border: none !important;
background-color: transparent !important;
text-align: center !important;
}

#pun-admain .adcontainer td {
text-align: center !important;
border: var(--border2) !important;
}

#pun-admain .adcontainer table {
border-spacing: 0 !important;
}
#pun-admain .tc3 {
width: 10% !important;
}

#pun-admain fieldset {
border-style: none !important;
border-width: 0 !important;
margin: 0 0 16px !important;
border-color: transparent !important;
padding: 0 !important;
}

#pun-admain .adformal {
padding: 10px !important;
}

#pun-admain legend {
padding: 0 !important;
margin: 0 !important;
font-size: 1em !important;
}

#pun-admain legend span {
padding: 0 !important;
margin: 0 !important;
background-color: transparent !important;
color: var(--accent1);
}

#pun-admain .adformal {
border-style: none !important;
border-width: 0 !important;
border-color: transparent !important;
}

#pun-admain fieldset .handle,
#pun-admain fieldset p {
margin-bottom: 4px !important;
padding: 4px 0 !important;
position: relative !important;
border-color: var(--container) !important;
background-color: var(--textarea) !important;
}

#pun-admain div p.adinfofield {
padding: 8px 12px !important;
line-height: 150%;
}

#pun-admain label,
div#pun-admain .adlabel {
font-weight: 400 !important;
color: var(--text) !important;
text-transform: lowercase !important;
}

#pun-admain .adinput em {
text-transform: lowercase !important;
}

#pun-adnav ul {
padding: 0 !important;
display: flex !important;
flex-wrap: nowrap !important;
justify-content: space-between !important;
align-items: center !important;
flex-direction: column !important;
gap: 8px !important;
text-align: center !important;
text-transform: lowercase !important;
}

#pun-adnav li {
padding: 0 !important;
width: 100% !important;
position: relative !important;
}

#pun-adnav li a {
display: flex !important;
justify-content: center !important;
align-items: center !important;
height: auto !important;
padding: 7px 12px !important;
margin: 0 !important;
text-transform: lowercase !important;
text-align: center !important;
font-weight: 400 !important;
width: 100% !important;
font-size: 11px;
background: var(--accent2);
color: var(--accent2-text)!important;
}

#pun-adnav li.isactive a, #pun-adnav li a:hover {
color: var(--select-text)!important;
background: var(--select)!important;
font-weight: 400;
}

#pun-adnav ul.adsubnav {
padding: 8px 0 8px !important;
margin: 0 0 0 !important;
}

#pun-adnav ul.adsubnav a {
font-weight: 400 !important;
text-decoration: none !important;
background: transparent !important;
padding: 0 !important;
height: auto !important;
color: var(--accent2) !important;
}
#pun-adnav ul.adsubnav a:hover {
color: var(--accent1) !important;
}

#pun-adnav li.isactive ul.adsubnav {
display: flex !important;
border: 1px solid var(--select);
}

#pun-adnav ul.adsubnav {
display: none !important;
}

#pun-adnav ul.adsubnav li {
list-style: none !important;
padding: 0 !important;
}

sup.new {
display: none;
}

#pun-admain1 form.adcontainer,
#pun-admain2 form.adcontainer,
#pun-admain-new form.adcontainer,
#pun-admain1 div.adcontainer,
#pun-admain2 div.adcontainer {
padding: 0 !important;
}

.tagify__input::before {
color: var(--text)!important;
}

#pun-admain a {
cursor: pointer;
color: var(--accent2) !important;
}

#pun-admain.post {
background: transparent !important;
}

#pun-admin_logs #pun-admain .postlink {
font-size: 11px !important;
text-align: right;
}

#pun-admin_pages #pun-admain textarea {
min-height: 800px;
}

#pun-admin_paid_services .linksb,
#pun-admin_mail .linksb {
margin: 0 auto 20px;
background: var(--border1);
}

#pun-admin_logs #pun-admain .pagelink,
#pun-admin_mail #pun-admain .pagelink {
padding: 3px 3px 3px 10px;
}

#pun-admin_paid_services .postlink,
#pun-admin_mail .postlink {
text-align: center;
}

#pun-admin_paid_services .pagelink,
#pun-admin_paid_services .postlink,
#pun-admin_mail .pagelink,
#pun-admin_mail .postlink {
padding: 4px 0;
font-size: 11px !important;
text-transform: none !important;
}

#pun-admin_paid_services .linksb strong,
#pun-admin_mail .linksb strong {
background: transparent;
font-size: unset;
font-weight: 500;
padding: 0 3px;
width: fit-content;
min-width: auto;
}

/*--- ФОРМА ОТВЕТА ГОСТЯ ---*/
.gid3 #pun-viewtopic .fs-box.hashelp {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
}

.gid3 #pun-viewtopic .fs-box.hashelp .inputfield.required {
order: 1;
margin: 0 0 8px;
}

.gid3 #pun-viewtopic .fs-box.hashelp #form-buttons,
.gid3 #pun-viewtopic .fs-box.hashelp #tags {
order: 2;
}

.gid3 #pun-viewtopic .fs-box.hashelp .areafield.required {
order: 3;
}

/*--- Стиль для быстрой смены аккаунтов @ Deff ---*/
#pun-navlinks a:not(.NextShow)+span.odd {
display: none !important;
}

#pun-navlinks #New-exit img {
display: none;
}

.punbb #pun-navlinks a#New-exit {
z-index: 100000 !important;
}

.punbb #pun-navlinks a#New-exit:before {
content: "выход";
display: flex;
width: auto;
align-items: center;
line-height: 1;
font-family: var(--font);
font-size: 15px;
text-transform: lowercase;
font-weight: 400;
}

a.NextShow span {
font-size: 0 !important;
}

a.NextShow span:before {
content: "скрыть форму";
font-size: 15px;
}

.punbb #pun-navlinks #form-login input[type="submit"] {
border: none;
cursor: pointer;
margin: 20px 0 0 !important;
text-transform: lowercase;
}

.punbb #pun-navlinks #form-login input {
border: none;
margin-top: 4px !important;
text-transform: none;
background: var(--textarea);
}

.punbb li .odd {
position: absolute !important;
}

.punbb #pun-navlinks #form-login {
white-space: normal !important;
text-shadow: none;
display: block;
min-width: 110px;
font: var(--font);
text-transform: none;
position: absolute !important;
left: 50px;
top: 23px;
z-index: 100000 !important;
text-align: center;
background: var(--pun);
padding: 10px 20px;
height: 170px;
color: var(--text);
font-size: 11px;
}

.gid3 .punbb #pun-navlinks #form-login {
height: 204px;
}

#pun-navlinks #navlogout #form-login {
margin: 0;
}

.ismoderator #pun-navlinks #navlogout #form-login {
margin: 0 !important;
}

#pun-navlinks #form-login div#List-UserNames:after {
content: "чтобы скрипт запомнил ник, он должен быть указан в том же регистре, что и в профиле";
display: block;
margin: 10px 0 4px;
font-size: 9px;
line-height: 130%;
}

#pun-navlinks #form-login input[value="Войти"]+p {
margin-bottom: 11px;
margin-top: 11px;
}

.punbb #pun-navlinks #form-login a.Rega,
.punbb #pun-navlinks #form-login a.Forgot {
width: auto;
height: auto !important;
white-space: normal !important;
position: relative;
z-index: 20;
text-shadow: none;
cursor: pointer;
font-size: 9px;
text-transform: lowercase;
}

.punbb #pun-navlinks #form-login a.Rega:before,
.punbb #pun-navlinks #form-login a.Forgot:before {
content: none;
}

#form-login input.none {
outline: red solid 1px !important;
}

#List-UserNames {
position: absolute;
margin: -10px -1px 0 0;
min-height: auto;
height: fit-content;
width: fit-content;
right: 100%;
padding: 10px;
text-align: center;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: stretch;
justify-content: space-between;
}

.punbb #List-UserNames ul {
padding: 0;
overflow: hidden;
overflow-y: auto;
height: fit-content;
min-height: 120px;
}

.punbb #List-UserNames li {
position: relative;
text-align: left;
margin: 0 0 4px 0 !important;
padding: 5px 10px;
display: flex !important;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
cursor: pointer;
}

.punbb #List-UserNames li>b {
font-weight: 400;
width: 100%;
font-size: 11px;
}

#List-UserNames ul::-webkit-scrollbar {
width: 3px;
height: 0;
}

#List-UserNames ul::-webkit-scrollbar-track {
background: transparent;
}

#List-UserNames ul::-webkit-scrollbar-thumb {
}

#List-UserNames ul li>span {
padding: 0 !important;
cursor: pointer;
margin: 0 !important;
vertical-align: middle;
}

#List-UserNames ul:empty:before {
display: inline-block;
content: "нет ников, введенных через форму справа или перенос ниже";
line-height: 130%;
}

#form-login span:not(#form-login input, #form-login span span) {
text-transform: lowercase;
display: inline-block;
margin: 10px 0 0;
padding: 0;
}

#navlogin #exit-2 {
display: none;
}

.punbb #pun-navlinks #navlogout .Rega,
.punbb #pun-navlinks #navlogout .Forgot {
background-image: none !important;
display: none !important;
}

#List-UserNames ul+span {
display: inline-block;
padding: 6px 0 8px 0;
text-align: left;
font: normal normal 400 10.56px/normal Verdana;
}

.punbb #pun-navlinks #form-login #List-UserNames input {
display: block !important;
background: var(--textarea);
border: none;
margin: 0 auto 0 !important;
}

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

#List-UserNames .a1-copy {
display: inline-block !important;
cursor: pointer;
float: left;
}

#List-UserNames .a1-paste {
cursor: pointer;
display: inline-block !important;
float: right;
}

.tipsy.a11 {
max-width: 170px;
}

li#navlogout {
display: flex;
flex-wrap: nowrap;
gap: 20px;
}

#form-login>span {
display: none !important;
}

/*--- Кнопка смены дизов ---*/
#theme_switcher {
display: flex;
gap: 6px;
width: 100%;
margin-bottom: 10px;
}
#theme_switcher li {
display: block;
}

#theme_switcher li label {
text-transform: uppercase;
cursor: pointer;
font-size: 8px;
font-weight: 500;
letter-spacing: 0.05em;
height: 100%;
display: none;
}

#theme_switcher li input {
-webkit-appearance: none;
margin: 0 !important;
padding: 0;
background: none;
border: none;
width: 24px;
height: 24px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
width: 100%;
height: 100%;
border-radius: 0!important;
}
#theme_switcher li {
display: block;
height: 25px;
width: 100%;
}

#theme_switcher li input::before {
font-family: 'Font Awesome 6 Pro';
font-size: 15px;
}

#theme_switcher li input#light::before {
content: '\f185';
font-weight: 900;
}

#theme_switcher li input#dark::before {
content: '\f186';
font-weight: 900;
}

#theme_switcher li label:hover,
#theme_switcher li label:has([type="radio"]:checked) {
color: var(--accent1);
}
.dark #theme_switcher li input#dark, .light #theme_switcher li input#light {
color: var(--accent1) !important;
border: var(--border2);
background: var(--container);
}

#tuser {
position: absolute !important;
top: 5px !important;
left: unset !important;
right: 5px !important;
opacity: 0.75 !important;
margin: 0 !important;
}

/*-------------- МОБИЛЬНЫЕ --------------*/
@media screen and (max-width: 580px) {
body {
font-size: 0.75rem;
background-color: var(--body)!important;
background-image: none !important;
}
#pun {
width: 100%;
margin: 0 0 80px;
padding: 0 20px 20px;
border-left: none;
border-right: none;
border-top: none;
}
.punbb, #pun-index.punbb {
padding: 0;
}
#pun-title {
margin: 0;
overflow: hidden;
top: 0;
left: -20px;
width: calc(100% + 40px);
height: 200px;
background-image: var(--header-img-m);
background-size: auto;
background-repeat: no-repeat;
background-position: -260px 0px;
position: relative;
}
#pun-title:before {
content: "alicormen";
font-family: 'TanPearl';
text-transform: uppercase;
text-align: center;
align-content: center;
display: block;
width: 100%;
height: 100%;
font-size: 50px;
color: #DEDEDE;
text-shadow: 2px 2px 2px rgba(0,0,0,.25);
margin-top: 0;
line-height: 60px;
}
#pun-navlinks {
margin: 0px -20px 20px;
padding: 0;
background: var(--container);
border-bottom: var(--border1);
top: 0;
width: calc(100% + 40px)!important;
}
#pun-index #pun-navlinks, #pun-index #pun-ulinks {
margin-left: -20px;
}
#pun-navlinks .container {
height: 60px;
padding: 0 0;
text-align: center;
width: 100%!important;
gap: 0;
justify-content: space-evenly;
align-items: center;
}
#pun-navlinks a {
padding: 0;
display: flex;
justify-content: center;
align-items: center;
color: var(--text);
height: 40px;
width: 40px;
}
#pun-navlinks a>span {
display: none;
}
#pun-navlinks li a:before {
font-family: 'Font Awesome 6 Pro';
font-size: 22px;
color: var(--text);
display: flex;
font-weight: 900;
}
#pun-navlinks li#navindex a:before {
content: "\f015";
}
#pun-navlinks li#navuserlist a:before {
content: "\f0c0";
}
#pun-navlinks li#navsearch a:before {
content: "\f002";
}
#pun-navlinks li#navprofile a:before {
content: "\f004";
}
#pun-navlinks li#navpm a:before {
content: "\f0e0";
}
#pun-navlinks li#navadmin a:before {
content: "\f013";
}
#pun-navlinks li#navlogout a:before {
content: "\f011";
}
#pun-navlinks li#navlogin a:before {
content: "\f084";
}
#pun-navlinks li#navregister a:before {
content: "\2b";
}
#pun-ulinks {
margin: 20px -20px 40px;
width: calc(100% + 40px)!important;
top: 61px;
left: 0;
padding: 20px 20px 20px;
}
#pun-ulinks .container {
justify-content: end;
flex-wrap: wrap;
font-size: 1.25em;
gap: 1em 0.8em;
padding: 0;
}
#pun-navlinks.scrolled,
#pun-ulinks.scrolled {
top: -146px;
}
#pun-announcement {
display: none;
}
#pun-status {
position: relative;
width: 100%;
font-size: 0.75em;
right: 0;
padding: 0;
margin-bottom: 10px;
}
#pun-status .container {
gap: 16px 4px;
}
.show_sidebar {
width: 40px;
height: 40px;
font-size: 16px;
bottom: 10px;
top: initial;
}
#sidebar .tab_family[data-number="1"] {
margin-top: 0;
}
#pun-index .icon.inew, .light #pun-index .icon.inew {
background: var(--accent1);
border-radius: 60px;
width: 20px;
height: 20px;
left: calc(0px - 20px - 11px);
top: 0;
}
.category {
padding: 20px;
margin-bottom: 30px;
}
.category h2 {
top: -28px;
}
.light .category h2 {
top: -27px;
}
#pun-index .tclcon b {
display: block;
font-size: 1em;
margin-right: 0;
width: 100%!important;
}
#pun-index .tclcon>a {
font-size: 1em;
padding: 0.25em 1em;
line-height: 1.1em;
height: auto;
}
#pun-index .tclcon>p {
font-size: 1em;
}
#pun-index .tclcon {
gap: 1em 1em;
}
#pun-index #pun-main tbody tr {
flex-direction: column;
gap: 10px;
padding-bottom: 30px;
border-bottom: var(--border2);
margin-bottom: 30px;
}

#pun-index #pun-main tbody tr:last-of-type {
border-bottom: none;
padding-bottom: 0;
}
#pun-index #pun-main .tcl {
width: 100%;
}
#pun-index #pun-main .tcr {
width: 100%;
gap: 8px 10px;
margin-top: 8px;
}
#pun-index #pun-main .tcr .lastpost-link {
font-size: 13px;
}
#pun-index #pun-main .tcr .lastpost span {
font-size: 10px;
}
#pun-stats {
padding: 0 20px 20px;
}
#pun-stats .statsinfo {
width: calc(100% + 40px);
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
background: var(--accent2);
margin: 0 -20px 0px;
padding: 0 20px;
height: fit-content;
}
#pun-stats .item1, #pun-stats .item2, #pun-stats .item3, #pun-stats .item4 {
height: 40px;
width: calc(50% - 5px);
white-space: normal;
}
#pun-stats .item3, #pun-stats .item4 {
margin-top: -20px;
}
#pun-stats .onlinelist div, #pun-stats .users_24h div {
font-size: 1em;
}
#pun-stats .onlinelist {
margin-top: 0;
}
#pun-crumbs1, #pun-crumbs2, .linkst .pagelink strong, .linksb .pagelink strong, .linkst .pagelink a, .linksb .pagelink a {
font-size: 1rem;
}
.container.crumbs {
line-height: 1.5em;
}

.linksb {
margin: 28px 0 0;
}

.linksb, .linkst {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
.linkst .pagelink, .linksb .pagelink {
gap: 5px;
padding: 5px 5px 5px 0px;
}
.linkst .pagelink strong, .linksb .pagelink strong, .linkst .pagelink a, .linksb .pagelink a {
padding: 2px 6px;
}
.formal * {
font-size: 0.75rem;
}
#viewprofile .container tr {
flex-direction: column;
}

#viewprofile .container tr td {
width: 100% !important;
}
#viewprofile bg {
display: none;
}
#viewprofile #profile-left {
margin: 0;
}
#viewprofile #profile-name {
width: 100%;
border: none;
height: fit-content;
padding-bottom: 10px;
font-size: 1rem;
}
#viewprofile #profile-right {
margin-top: 20px;
}
#viewprofile #profile-right li span, #viewprofile #profile-right li span a {
font-size: 1em;
}
#viewprofile #profile-right li {
flex-direction: column;
gap: 10px;
justify-content: center;
align-items: center;
}
#viewprofile #profile-right li span {
width: 50%;
padding: 0.4em 0;
line-height: 110%;
}
#profile-right li strong {
padding: 0 !important;
}
#viewprofile #pa-edit a {
font-size: 1em;
padding: 0.4em 2em;
line-height: 110%;
}
#viewprofile #profile-right li#pa-fld1>strong>a, #viewprofile #profile-right li#pa-fld1>strong lz {
font-size: 1em;
}
#viewprofile #profile-right li#pa-fld1>strong {
width: 100%;
}
#profilenav ul {
gap: 12px;
}
#profile4 img.avatardemo {
margin: 0px auto 10px;
float: none !important;
}
#form-buttons {
display: flex;
flex-direction: column;
}
#symbol-counter {
border: var(--border2) !important;
width: 100%;
font-size: 1em;
height: 40px;
}
#form-buttons table {
width: 100% !important;
}
#form-buttons tr {
flex-wrap: wrap;
gap: 5px;
}
#form-buttons td {
width: 38px;
height: 38px;
}
#pun-profile #profile {
min-height: 452px;
}
.button-ban {
margin-top: 10px !important;
}
#pun-messages #profile {
min-height: 312px;
}
#volSlider .thumb {
top: -10px !important;
}
#pun-messages #profilenav {
width: 100%;
margin-bottom: 30px;
}
#pun-messages #profilenav ul li {
width: calc(50% - 8px);
}
#pun-messages #messages fieldset {
width: 100%;
margin: 0 0 10px 0;
}
#pun-messages #profilenav ul {
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
gap: 16px 16px;
}
#pun-messages .linksb {
width: 100%;
margin: auto;
}
#pun-messages #profile .container>fieldset {
width: 100%;
margin: 0 0 10px;
}
.post h3 span {
font-size: 1em;
}
.post-author .pa-online strong, .post-author .pa-last-visit strong {
font-size: 0 !important;
}
#profile.formal.messages-container .post .container {
flex-direction: column;
gap: 10px;
}
#profile.formal.messages-container .post .container > div {
width: 100%;
}
#profile.formal.messages-container .post .container > div.post-author {
width: calc(100% + 20px);
}
#pun-messages .post-author ul {
flex-direction: column;
margin: 0;
align-items: center;
}
#pun-messages .post-author ul .pa-author {
width: 100%;
border: none;
height: fit-content;
padding: 10px;
}
#pun-messages .post-author .pa-online {
top: 10px;
right: 10px;
}
.post-author .pa-author {
font-size: 1rem !important;
width: 100%;
}
#pun-messages .post-author .pa-author a {
font-size: 1em;
}
.post-links li a {
padding: 0;
height: 36px;
width: 36px;
line-height: 1 !important;
font-size: 0;
}
.post-links li a:before {
font-family: 'Font Awesome 6 Pro';
font-size: 14px;
font-weight: 900;
}
.pl-email a:before {
content: "\40";
}
.pl-email.profile a:before {
content: "\f007";
}
.pl-email.pm a:before {
content: "\f0e0";
}
.editpole a:before {
content: "\f013";
}
.pl-delete a:before {
content: "\f1f8";
}
.pl-edit a:before {
content: "\f303";
}
.pl-quote a:before {
content: "\f10e";
}
#video-area, #image-area, #spoiler-area {
width: 456px !important;
}
#pun-messages .postlink input.button {
height: 30px;
}
.quote-box cite, .code-box .legend {
font-size: 1em;
padding: 8px 15px;
}
strong.legend.legend-processed a:last-of-type {
margin-right: 0;
padding: 4px 0 4px 5px;
}
#pun-searchtopics table tr, #pun-viewforum table tr, #pun-modviewforum table tr {
display: flex;
width: 100%;
flex-wrap: wrap;
gap: 8px;
}
#pun-searchtopics table tbody tr, #pun-viewforum table tbody tr, #pun-modviewforum table tbody tr {
border-bottom: var(--border2);
padding-bottom: 10px;
margin-bottom: 10px;
}
#pun-searchtopics table tbody tr:last-of-type, #pun-viewforum table tbody tr:last-of-type, #pun-modviewforum table tbody tr:last-of-type {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
#pun-searchtopics .container tbody td, #pun-viewforum .container tbody td, #pun-modviewforum .container tbody td, #pun-userlist .usertable table tbody td {
min-height: auto;
word-break: break-word;
}
#pun-searchtopics table tr td, #pun-viewforum table tr td, #pun-modviewforum table tr td {
border: none !important;
}
#pun-searchtopics .container tbody .tcl, #pun-viewforum tbody .tcl, #pun-modviewforum tbody .tcl {
padding: 0 !important;
width: 100% !important;
}
#pun-searchtopics .container .tcr, #pun-viewforum .tcr, #pun-modviewforum .tcr {
width: 45%;
margin-left: auto;
align-items: flex-start;
gap: 0 8px;
}
#pun-searchtopics thead, #pun-viewforum thead, #pun-modviewforum thead {
display: none;
}
#pun-searchtopics .container td:before,
#pun-viewforum .container td:before {
padding-bottom: 4px !important;
font-weight: 600;
color: var(--text-pale);
text-transform: lowercase;
font-size: 9px;
display: block;
text-align: left;
}
#pun-searchtopics .container .tc2:before {
content: "форум";
}
#pun-searchtopics .container .tc3:before, #pun-viewforum .container .tc2:before {
content: "ответов";
}
#pun-searchtopics .tcl a, #pun-viewforum .tcl a, #pun-modviewforum .tcl a {
font-size: 0.9rem;
}
#pun-searchtopics .tcl .intd, #pun-viewforum .tcl .intd, #pun-modviewforum .tcl .intd {
align-items: baseline;
}
#pun-searchtopics .container .tc2, #pun-viewforum .container .tc2, #pun-modviewforum .container .tc2, #pun-viewforum .tc2, #pun-modviewforum .tc2 {
text-align: left;
white-space: nowrap;
width: 36%;
text-overflow: ellipsis;
overflow: hidden;
vertical-align: middle;
}
#pun-viewforum .container .tc2, #pun-modviewforum .container .tc2, #pun-viewforum .tc2, #pun-modviewforum .tc2 {
padding: 6px 4px 7px 16px;
width: 36%;
}
.post>.container {
flex-direction: column;
}
.post>.container > div {
width: 100%;
}
#pun-searchposts .post-author, #pun-multimove .post-author, #pun-multidelete .post-author, #pun-multimegre .post-author, #pun-post .pa-author {
width: calc(100% + 20px);
}
#pun-searchposts .post h3 span {
flex-wrap: wrap;
gap: 12px 6px;
}
h3 {
font-size: 1em;
}
.post h3 a {
max-width: none;
}
.post {
margin-top: 30px;
}
#chfontsize {
margin-bottom: 10px;
}
#sidebar .tab > p.checkfield {
display: flex;
gap: 8px;
width: 100%;
height: fit-content;
padding: 0;
flex-direction: row-reverse;
line-height: 1;
flex-wrap: wrap;
}
#sidebar input#mobileVersionToggle {
width: 15px;
height: 15px;
margin: 0 auto;
}
#sidebar .tab > p.checkfield label {
width: 100%;
height: 100%;
text-transform: lowercase;
font-family: var(--font);
font-size: 12px;
color: var(--text);
display: block;
line-height: 110%;
font-weight: 500;
}

.go-up, .go-down {
    right: 0;
    left: unset;
    background: var(--container);
    width: 32px;
    height: 40px;
    opacity: 1;
    border: var(--border2);
    border-right: none !important;
}
.go-up {
top: calc(50% - 40px);
}
.go-down {
top: calc(50% + 40px);
}
.go-up:before, .go-down:before {
font-family: 'Font Awesome 6 Pro';
font-size: 16px;
color: var(--text);
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}

.go-up:before {
content: "\f077";
}
.go-down:before {
content: "\f078";
}
.topic .post-author {
width: calc(100% + 20px) !important;
padding: 10px;
}
.topic .post-author ul {
margin: 0;
display: grid;
grid-column-gap: 20px;
grid-row-gap: 0;
grid-template-areas: "author avatar"
"title avatar"
"lz avatar"
"row avatar"
"plash plash";
grid-template-rows: auto;
grid-template-columns: 1fr 92px;
padding: 0;
}
.topic .post-author bg {
display: none;
}
.topic .post-author .pa-avatar.item2, .topic .post-author .pa-avatar.item2 img {
max-width: 90px;
max-height: 135px;
object-fit: cover;
object-position: center;
}
.topic .post-author .pa-author {
grid-area: author;
padding: 0;
height: fit-content;
margin-bottom: 10px;
}
.topic .post-author .pa-avatar.item2 {
grid-area: avatar;
}
.topic .post-author .pa-title {
grid-area: title;
padding: 0;
margin: 0 0;
font-size: 0.8em;
}
.topic .post-author .pa-fld1 {
grid-area: lz;
padding: 0;
margin: 20px 0 10px;
}
.topic .post-author .pa-row {
grid-area: row;
padding: 0;
margin: 10px 0 0;
}
.topic .post-author .pa-row li {
font-size: 1em;
}
.topic .post-author .pa-fld5 {
grid-area: plash;
margin: 20px auto 5px;
}
.topic .post-author .pa-ip {
position: absolute;
display: none;
}
#tuser {
top: 40px !important;
right: 118px !important;
left: unset !important;
position: absolute !important;
margin: 0!important;
}
.post-author .pa-fld4 {
top: 0;
left: 0;
}

.topic .post-author .pa-fld5 pl {
margin: 0 auto;
}
.topic .post-author .pa-fld1 lz {
margin: 0;
font-size: 1em;
}
.topic .post-author .pa-fld1 > a {
font-size: 1em;
}
.topic .post-author .pa-online, .topic .post-author .pa-last-visit {
top: 0px;
right: 98px;
}

.subscribelink a, .postlink a {
height: 30px;
padding: 0 1em;
}

input.button, .formsubmit a {
font-size: 1em;
}
#pun-crumbs2 {
padding-bottom: 20px;
margin-bottom: 0!important;
}
.banners {
right: 0!important;
margin: 10px 0 0 0px!important;
width: 100%!important;
bottom: -94px!important;
}
#pun-about {
width: 100%!important;
text-align: center!important;
bottom: -38px!important;
right: unset!important;
}
.code-box .legend.legend-processed {
justify-content: flex-end;
text-align: right;
flex-wrap: wrap;
}
strong.legend.legend-processed a {
white-space: normal;
text-align: right;
}
#pun-viewforum .tcr, #pun-modviewforum .tcr {
width: 50%;
}
.post-content, .post-content p {
line-height: 200%;
}
#pun-userlist .tc2.user_title, #pun-userlist .tc2.title, #pun-userlist .tc3.registered {
display: none;
}
#pun-userlist .usertable .tcl.username {
width: 30%;
display: table-cell;
}
#pun-userlist .usertable .tcl.username .user-avatar {
margin: 0 8px 0 0 !important;
}
#pun-userlist .usertable .tcl.username .usersname {
display: inline-block;
margin-top: 5px;
width: calc(100% - 24px - 8px);
}
.al-admin1 section {
    width: calc(100% - 20px);
    height: auto;
    background-image: none!important;
    background: var(--accent2);
}
.light .al-admin1 section {
    background: var(--accent1);
}
.al-admin1 section:before, .al-admin2 section:before, .al-admin1 section:after, .al-admin2 section:after {
    content: none;
}
.al-admin2 section {
    display: none;
}
.al-admin1 h1 {
    padding: 10px 1em;
}
.al-admin1 article {
    margin: 0 20px;
    width: calc(100% - 20px*2);
}
.ffr p {
    font-size: 1em!important;
}
.ffr pp, .ffr bpost p, .al-weekly bpost>a:nth-of-type(2) {
    font-size: 0.9em!important;
}
.ffr h2 {
    padding: 7px 20px 6px;
}
.ffr h3 {
    font-size: 1.1em;
}
.al-admin2 article {
    margin: 0 10px;
    width: calc(100% - 10px*2);
}
.al-weekly h1, .al-news h1 {
    padding: 10px 1em;
}
.al-weekly article, .al-news article {
    padding: 20px 20px;
}
.al-weekly writers {
    width: 100%;
    margin: 20px 30px 0 30px;
}
.al-weekly ep {
    width: 100%;
}
.al-accept {
    background: var(--pun);
    background: linear-gradient(180deg,var(--accent2) 40px, var(--pun) 40px);
    padding: 20px 20px 20px;
            width: 100%;
}
.light .al-accept {
    background: var(--container);
    background: linear-gradient(180deg,var(--accent1) 40px, var(--container) 40px);
    padding: 20px 20px 20px;
}
.al-accept h1 {
    padding: 10px 1em;
    margin: 0px auto 20px;
}
.al-accept links a, .al-gost links a {
    font-size: 1em;
    padding: 4px 1em;
}
.al-accept links {
    margin-top: 8px;
}
.al-weekly section, .al-news section {
    background: var(--accent2);
}
.light .al-weekly section, .light .al-news section {
    background: var(--accent1);
}
.al-gost section h1 {
    font-size: 3em !important;
    line-height: 1em;
}
.al-gost section span {
    font-size: 1em;
    line-height: 130%;
    letter-spacing: 0.05em;
    font-weight: 400;
}
.al-gost article:nth-of-type(1), .al-gost article:nth-of-type(2) {
    margin: 0 !important;
    width: 100% !important;
    padding: 0 20px !important;
}
.al-gost article:nth-of-type(1) {
    margin: 20px 0 0 !important;
}
.al-gost article:nth-of-type(2) {
    margin: 35px 0 0 !important;
    gap: 35px 0;
}
.al-gost list1 h, .al-gost list2 h {
    width: 100%;
}
.al-gost list1 div, .al-gost list2 div {
    padding-left: 0;
}
.al-gost links {
    margin-top: 10px;
}
.al-gost list1, .al-gost list2 {
    height: 165px;
}
.al-fcs > span, .al-roles > span {
    padding: 1em;
    font-size: 1em;
}
.al-fcs boxes item, .al-roles boxes item {
    width: 100%;
    padding: 32px 1em 1em;
}
.al-fcs scroll a, .al-roles scroll a {
    line-height: 160%;
}
.al-fcs boxes, .al-roles boxes {
    padding: 45px 20px 20px;
}
.al-need .short {
    padding: 0px 20px;
}
.al-ank .chips {
    padding: 0 10px;
}
.al-ank .chips p {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
}
.al-ank .chips p span {
    width: 100%;
    text-align: center;
}
.al-ank .short {
    width: 100%;
    margin: 0;
    padding: 10px;
    border-left: none;
    border-right: none;
}
.al-ank .short:before, .al-ank .short:after {
    content: none;
}
.al-ank {
    width: 100%;
    padding: 20px 0;
}
.al-ank .about {
    border-right: none;
    border-left: none;
}
.al-ank .icons>div p {
    width: 120px;
}
.al-ank .icons {
    justify-content: space-evenly;
    gap: 0;
}
.al-ank .spoilers {
    border: none;
    padding: 20px 0 1px;
}
.al-need .gif p img.postimg+img, .al-ank .gif p img.postimg+img, .punbb .post-content .al-ep .gif p img.postimg+img {
    margin: 0 !important;
}
.al-ep .chips p {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    justify-content: flex-start;
}
.al-ep .title p {
    padding: 9px 1em !important;
}
.al-chrono .title p {
    padding: 7px 1em !important;
}
.al-chrono .year>p {
    position: static;
    width: 100%;
}
.al-chrono .year .episode {
    border-left: none;
    margin: 0;
    padding: 14px 0;
}
.al-chrono .year .episode:before {
    content: none;
}
.al-chrono .year .episode > p {
    font-size: 1em !important;
}
.al-chrono .year .episode p .highlight-text>strong {
    font-size: 0.8em!important;
}
.al-chrono .year .episode p .highlight-text>strong:before {
    width: 20px;
}
.judascare {
    bottom: -53px;
    right: 0;
    width: 100%;
    text-align: center;
    justify-content: center;
}

}