/* Дизайн для oddinary © эос (https://imagiart.ru/profile.php?id=5592) */
/* Убедительная просьба не брать коды и не растаскивать их на части */
/*---------------------------------------------------------------------------*/

/*--- Подключение второго окна стилей ---*/
@import url(style_cs.1758224251.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');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600&display=swap');

/*--- Переменные ---*/
:root {
    --font-base: "Rubik", sans-serif;
    --pun-width: 1050px;
    --pun-padding: 10px;
    --header-width: 1050px;
    --header-height: 396px;
    --footer-width: 1050px;
    --footer-height: 80px;
    --profile-width: 232px;
    --category-width: 988px;
    --category-height: 50px;
}

:root,
.light {
    --body-img: url(https://forumstatic.ru/files/001b/6f/ae/28318.png);
    --header-img: url(https://forumstatic.ru/files/001b/6f/ae/85906.png);
    --footer-img: url(https://forumstatic.ru/files/001b/6f/ae/24029.png);
    --profile-img: url(https://forumstatic.ru/files/001b/6f/ae/54252.jpg);
    --category1-img: url(https://forumstatic.ru/files/001b/6f/ae/99517.webp);
    --category2-img: url(https://forumstatic.ru/files/001b/6f/ae/83714.webp);
    --category3-img: url(https://forumstatic.ru/files/001b/6f/ae/99009.webp);
    --category4-img: url(https://forumstatic.ru/files/001b/6f/ae/35651.webp);
    --category5-img: url(https://forumstatic.ru/files/001b/6f/ae/57021.webp);
    --category6-img: url(https://forumstatic.ru/files/001b/6f/ae/90220.webp);
    --stats-img: url(https://forumstatic.ru/files/001b/6f/ae/76871.webp);
    --admin-img: url();
    --admin-header: url();
    --box-img: url();
    --go-up-img: url();
    --go-down-img: url();
    --body-color: #2D4159;
    --pun-color: #E4E4E4;
    --pun-container-color: #E7E7E7;
    --pun-box-color1: rgba(194, 204, 221, .3);
    --pun-box-color2: rgba(169, 187, 206, .45);
    --text-color: rgba(69, 69, 69, 1);
    --text-color--pale: rgba(69, 69, 69, .6);
    --border-color1: #d0d3d7;
    --border-color2: rgba(112, 136, 169, .5);
    --shadow-color: rgba(50, 57, 68, .04);
    --link-color1: #7088A8;
    --link-color2: #576880;
    --button-color1: 53, 60, 68;
    --button-color1--text: #d1d7df;
    --button-color2: #CDD2D9;
    --button-color2--text: #4B525D;
    --hover-color: #cdd5df;
    --hover-color--opacity: rgba(93, 119, 151, .3);
    --hover-color--text: #6c86a5;
    --extra-color1: #cdd5df;
    --extra-color1--text: #6c86a5;
    --extra-color2: #e1d6b0;
    --extra-color2--text: #b39366;
    --avatar-color: #6c86a5;
    --select-color: #dfdac8;
    --select-color--text: #b9a27e;
    --textarea-color: rgba(255, 255, 255, .45);
    --scrollbar-color: #1C2430;
    --scrollbar-color--thumb: #5c6f89;
}

.dark {
    --body-img: url();
    --header-img: url();
    --footer-img: url();
    --profile-img: url(https://forumstatic.ru/files/001b/6f/ae/22030.jpg);
    --admin-img: url();
    --admin-header: url();
    --box-img: url();
    --category1-img: url();
    --category2-img: url();
    --category3-img: url();
    --category4-img: url();
    --category5-img: url();
    --category6-img: url();
    --stats-img: url();
    --body-color: #444444;
    --pun-color: #2B2B2B;
    --pun-container-color: #303030;
    --pun-box-color1: #303030;
    --pun-box-color2: rgba(169, 187, 206, .45);
    --text-color: #b0b0b0;
    --text-color--pale: rgba(190, 190, 190, .6);
    --border-color1: #3e3e3e;
    --border-color2: rgba(112, 136, 169, .5);
    --shadow-color: rgba(0, 0, 0, .1);
    --link-color1: #9b7065;
    --link-color2: #8a859b;
    --button-color: #383838;
    --button-color1--text: #a9a8ab;
    --hover-color: #54403b;
    --hover-color--opacity: rgba(185, 165, 200, .35);
    --hover-color--text: #ad7a71;
    --extra-color1: #3e3948;
    --extra-color1--text: #817999;
    --extra-color2: #4d3b38;
    --extra-color2--text: #ab8079;
    --avatar-color: #9c6c54;
    --select-color: #444444;
    --select-color--text: #a0a0a0;
    --textarea-color: rgba(0, 0, 0, .17);
    --scrollbar-color: #3e3e3e;
    --scrollbar-color--thumb: #606060;
}

.grey {
    --body-img: url(https://forumstatic.ru/files/001b/6f/ae/10542.jpg);
    --header-img: url(https://forumstatic.ru/files/001b/6f/ae/96908.png);
    --footer-img: url(https://forumstatic.ru/files/001b/6f/ae/42079.jpg);
    --profile-img: url(https://forumstatic.ru/files/001b/6f/ae/72459.jpg);
    --stats-img: url(https://forumstatic.ru/files/001b/6f/ae/55101.webp);
    --admin-img: url();
    --box-img: url();
    --body-color: #a0b1c7;
    --pun-color: #f8f8f8;
    --pun-container-color: #ffffff;
    --pun-box-color1: rgba(194, 204, 221, .3);
    --pun-box-color2: rgba(169, 187, 206, .45);
    --text-color: rgba(69, 69, 69, 1);
    --text-color--pale: rgba(69, 69, 69, .6);
    --border-color1: #dfe4ec;
    --border-color2: rgba(112, 136, 169, .5);
    --shadow-color: rgba(50, 57, 68, .04);
    --link-color1: #7088A8;
    --link-color2: #576880;
    --button-color1: 113, 128, 147;
    --button-color1--text: #edf0f5;
    --button-color2: #CDD2D9;
    --button-color2--text: #4B525D;
    --hover-color: #cdd5df;
    --hover-color--opacity: rgba(93, 119, 151, .3);
    --hover-color--text: #6c86a5;
    --extra-color1: #cdd5df;
    --extra-color1--text: #6c86a5;
    --extra-color2: #E3D7B2;
    --extra-color2--text: #B98F6B;
    --avatar-color: #6c86a5;
    --select-color: #dfdac8;
    --select-color--text: #b9a27e;
    --textarea-color: rgba(255, 255, 255, .45);
    --scrollbar-color: #1C2430;
    --scrollbar-color--thumb: #5c6f89;
}


/*--- Скрыть ненужное ---*/
.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,
#profilenav li.item12,
#profilenav li.item9,
#stylelist li.active,
.tclcon .pagestext .bracket.bracket-left,
.tclcon .pagestext .bracket.bracket-right,
.pa-respect img,
.post-links .pl-email.email,
.post-links .pl-website,
a.qc-post-link img,
editor-squiggler,
#pun-messages .post-sig,
#pun-messages fieldset#post-new legend,
#post-form fieldset legend,
#pun-viewtopic .postlink .closed,
.pl-share,
#topic-feed,
#pun-index tr#forum_f13,
#pun-index tr#forum_f20,
#pun-index tr#forum_f21,
span.polltext,
#pun.gid3 #topic_t5~#post-form,
#pun.gid3 #topic_t6~#post-form,
#pun-ulinks li#h-uploads,
.linksb .clearer {
    display: none !important;
}

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

.gid5 #profile,
.gid5 #viewprofile #pa-edit {
    display: none !important;
}

/*--- Тело ---*/
*,
body {
    margin: 0;
    line-height: 100%;
    outline: none;
    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-base);
    color: var(--text-color);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-color: var(--body-color);
    background-image: var(--body-img);
}

/*.grey body {background-blend-mode: luminosity;}*/
#pun {
    width: var(--pun-width);
    margin: 15px auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: var(--pun-color);
    position: relative;
    border-radius: 24px;
    box-shadow: 0 5px 40px 0 var(--shadow-color);
}

.punbb {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: calc(var(--pun-padding)*2) calc(var(--pun-padding)*2) calc(var(--pun-padding)*2);
    border-radius: 0;
    position: relative;
    z-index: 1;
}

#pun-index.punbb {
    padding: calc(var(--pun-padding)*2) calc(var(--pun-padding)*3) calc(var(--pun-padding)*3);
}

/*html.punbb:before, html.punbb:after {content: none;}
html.punbb {-webkit-box-shadow: none; box-shadow: none;}*/
#pun-main,
#profile.formal.messages-container .container {
    min-height: 220px;
}

#pun-pages #pun-main {
    min-height: 394px;
}

#profile.formal.messages-container .container {
    background: var(--pun-color);
    -webkit-box-shadow: none;
    box-shadow: none;
}

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

/*--- Шапка ---*/
/*.dark #pun-title {-webkit-filter: brightness(0.5) contrast(1.1) grayscale(0.05); filter: brightness(0.5) contrast(1.1) grayscale(0.05);}
.grey #pun-title {-webkit-filter: brightness(1.03) contrast(0.93); filter: brightness(1.03) contrast(0.93);}
#pun-title {display: block; width: var(--header-width); height: var(--header-height); background: var(--header-img) no-repeat; position: absolute; left: 0; top: calc(0px - var(--header-height)); border-radius: 20px 20px 0 0;}*/
#pun:before {
    content: "";
    display: block;
    width: var(--header-width);
    height: var(--header-height);
    background: var(--header-img) no-repeat;
    border-radius: 20px 20px 0 0;
}


/*--- Меню навигации ---*/
#pun-navlinks {
    position: relative;
    display: block;
    margin: 0 auto 0;
    width: 100%;
    white-space: nowrap;
    padding: 0 0;
}

#pun-navlinks .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    width: 100%;
    height: 100%;
    gap: 20px;
    margin: 0;
    padding: 0;
}

#pun-navlinks li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#pun-navlinks a {
    color: var(--link-color1);
    padding: 0 0 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#pun-navlinks a span {
    letter-spacing: .4px;
    line-height: 1;
    font-family: var(--font-base);
    font-size: 15px;
    text-transform: lowercase;
    font-weight: 450;
}

#pun-navlinks a:hover {
    color: var(--link-color2);
    -webkit-box-shadow: 0 1px 0 0 var(--border-color1);
    box-shadow: 0 1px 0 0 var(--border-color1);
}

#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;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    border-radius: 4px !important;
    height: 100% !important;
    width: auto !important;
    min-width: unset !important;
    cursor: pointer !important;
    font-family: var(--font-base) !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    transition: all .075s ease-in-out !important;
    -webkit-transition: all .075s ease-in-out !important;
    -moz-transition: all .075s ease-in-out !important;
    -o-transition: all .075s ease-in-out !important;
    color: var(--pun-container-color) !important;
    background: var(--link-color1) !important;
}

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

/*--- Юзер меню ---*/
#pun-ulinks {
    width: 100%;
    height: auto;
    margin: 12px 0 0 0;
}

#pun-ulinks .container {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 100%;
    gap: 10px;
    text-transform: lowercase;
    font-size: 10px;
    font-weight: 450;
    letter-spacing: .4px;
    margin: 4px auto 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

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

#pun-ulinks a {
    color: var(--text-color--pale);
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap;
    border-radius: 0;
    padding: 0 7px;
}

#pun-ulinks a:hover {
    color: var(--extra-color1--text);
    text-shadow: none;
}

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

.bubble:before,
#notify-link .unreads:before,
#navpm .unreads:before,
.bubble:after,
#notify-link .unreads:after,
#navpm .unreads:after {
    content: none !important;
}

#notify-link .unreads {
    background: transparent !important;
    color: unset !important;
    top: 0 !important;
    right: 0 !important;
    font-weight: 400 !important;
    font-size: 9px !important;
    font-family: var(--font-base) !important;
    line-height: 1 !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    letter-spacing: 0 !important;
    position: relative !important;
    min-width: auto !important;
    margin-left: 2px !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: auto !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

#notify-link .unreads:before {
    content: "(" !important;
}

#notify-link .unreads:after {
    content: ")" !important;
}

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

/*--- Приветствие ---*/
#pun-status {
    position: relative;
    width: 100%;
    text-transform: lowercase;
    font-size: 10px;
    letter-spacing: .2px;
    font-weight: 400;
    color: var(--text-color);
    margin: 30px 0 36px;
}

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

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

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

#pun-status a {
    color: var(--text-color--pale);
}

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

#pun-status .item1 strong {
    color: var(--link-color1);
}

#pun-status strong {
    font-weight: 400;
}

/*--- Объявление ---*/
#pun-announcement {
    display: block;
    position: absolute;
    top: -366px;
    left: 851px;
    width: auto;
    max-width: 195px;
}

#pun-announcement .container .html-box {
    width: 100%;
    height: 195px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 9px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1px 8px 1px 6px;
}

#pun-announcement .container .html-box::-webkit-scrollbar {
    width: 2px;
}

#pun-announcement .container .html-box::-webkit-scrollbar-thumb {
    background-color: var(--link-color1);
}

#pun-announcement .container .html-box::-webkit-scrollbar-track,
#pun-announcement .container .html-box::-webkit-scrollbar-corner {
    background: transparent;
}

#pun-announcement .container .html-box a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    text-align: left;
    padding: 4px 14px 5px 6px;
    margin: 0;
    color: var(--button-color2--text);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-transform: lowercase;
    font-size: 10px;
    font-weight: 450;
    border-radius: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    line-height: 110%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: var(--button-color2);
    -webkit-box-shadow: 0 0 0 1px #48505d, -2px 3px 6px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 0 0 1px #48505d, -2px 3px 6px 0 rgba(0, 0, 0, .15);
}

.grey #pun-announcement .container .html-box a {
    box-shadow: 0 0 0 1px #7b8493, -2px 3px 6px 0 rgba(0, 0, 0, .15);
}

#pun-announcement .container .html-box a:hover {
    background: var(--pun-color);
    color: var(--text-color--pale);
}

#pun-announcement .container .html-box a b {
    height: auto;
    width: auto;
    font-weight: 450;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 5px 0 0;
    border-radius: 8px;
    padding: 4px 5px 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 9px;
    letter-spacing: 0;
    line-height: 9px;
    background: #8093ad;
    color: #dce1e8;
}

.grey #pun-announcement .container .html-box a b {
    background: #718093;
}

#pun-announcement .container .html-box a:hover b {
    background: var(--extra-color2) !important;
    color: var(--extra-color2--text) !important;
}

#pun-announcement .container .html-box a span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: 7px;
    gap: 3px;
    text-transform: uppercase;
    letter-spacing: 0.2px;
}

#pun-announcement .container .html-box a i {
    font-style: normal;
    font-size: 11px;
    text-transform: lowercase;
    letter-spacing: 0px;
}

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

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

#pun-crumbs2 {
    margin: 26px 0 0;
}

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

#pun-crumbs1 a:nth-of-type(1):hover,
#pun-crumbs2 a:nth-of-type(1):hover {
    color: var(--extra-color1--text);
}

#pun-crumbs1 a:nth-of-type(2):hover,
#pun-crumbs2 a:nth-of-type(2):hover {
    color: var(--extra-color2--text);
}

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

#pun-crumbs1 a:nth-of-type(odd):after,
#pun-crumbs2 a:nth-of-type(odd):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;
    color: var(--extra-color1--text);
    line-height: 1;
    vertical-align: middle;
}

#pun-crumbs1 a:nth-of-type(even):after,
#pun-crumbs2 a:nth-of-type(even):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;
    color: var(--extra-color2--text);
    line-height: 1;
    vertical-align: middle;
}

.dark #pun-crumbs1 a:nth-of-type(odd):after,
.dark #pun-crumbs2 a:nth-of-type(odd):after,
.dark #pun-crumbs1 a:nth-of-type(even):after,
.dark #pun-crumbs2 a:nth-of-type(even):after {
    opacity: .65;
}

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: 600;
}

/*--- Категории ---*/
.category {
    border-radius: 20px;
    transition: all .15s ease-in-out !important;
    -webkit-transition: all .15s ease-in-out !important;
    -moz-transition: all .15s ease-in-out !important;
    -o-transition: all .15s ease-in-out !important;
}

.category:hover {
    -webkit-box-shadow: inset 0 0 0 1px var(--shadow-color), 0 6px 12px 0 var(--shadow-color);
    box-shadow: inset 0 0 0 1px var(--shadow-color), 0 6px 12px 0 var(--shadow-color);
}

.category h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: var(--category-width);
    margin: 30px auto 0;
    height: var(--category-height);
    z-index: 2;
    position: relative;
    border: 1px solid var(--border-color1);
    border-bottom: none !important;
    border-radius: 20px 20px 0 0;
    background-position: center !important;
}

.category:nth-of-type(1) h2 {
    background: var(--category1-img) center no-repeat;
    margin: 0 auto 0;
}

.category:nth-of-type(2) h2 {
    background: var(--category2-img) center no-repeat;
}

.category:nth-of-type(3) h2 {
    background: var(--category3-img) center no-repeat;
}

.category:nth-of-type(4) h2 {
    background: var(--category4-img) center no-repeat;
}

.category:nth-of-type(5) h2 {
    background: var(--category5-img) center no-repeat;
}

.category:nth-of-type(6) h2 {
    background: var(--category6-img) center no-repeat;
}

.grey .category h2 {
    -webkit-filter: brightness(1.08) contrast(0.99) grayscale(0.1);
    filter: brightness(1.08) contrast(0.99) grayscale(0.1);
}

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

.category .container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: var(--pun-container-color);
    padding: 10px;
    border-radius: 0 0 20px 20px;
    border: 1px solid var(--border-color1);
}

.category .container table {
    padding: 10px 12px;
}

/*--- Статистика ---*/
#pun-stats {
    margin: 0;
    border-radius: 20px;
    transition: all .15s ease-in-out !important;
    -webkit-transition: all .15s ease-in-out !important;
    -moz-transition: all .15s ease-in-out !important;
    -o-transition: all .15s ease-in-out !important;
}

#pun-stats:hover {
    -webkit-box-shadow: 0 6px 12px 0 var(--shadow-color);
    box-shadow: 0 6px 12px 0 var(--shadow-color);
}

#pun-stats h2 {
    font-size: 0;
    background: var(--stats-img);
    background-position: center !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: var(--category-width);
    margin: 30px auto 0;
    height: var(--category-height);
    z-index: 2;
    position: relative;
    border: 1px solid var(--border-color1);
    border-bottom: none !important;
    border-radius: 20px 20px 0 0;
}

.grey #pun-stats h2 {
    -webkit-filter: brightness(1.08) contrast(0.99) grayscale(0.1);
    filter: brightness(1.08) contrast(0.99) grayscale(0.1);
}

#pun-stats .statscon {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: var(--pun-container-color);
    padding: 0 20px 20px;
    border-radius: 0 0 20px 20px;
    border: 1px solid var(--border-color1);
}

#pun-stats .container {
    font-size: 11px;
    text-transform: lowercase;
    font-weight: 400;
    letter-spacing: .1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: -37px;
    position: relative;
    z-index: 10;
    gap: 0 20px;
}

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

#pun-stats strong {
    font-weight: normal;
}

#pun-stats .item1,
#pun-stats .item2,
#pun-stats .item3,
#pun-stats .item4 {
    cursor: default;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    text-align: center;
    letter-spacing: .3px;
    font-size: 9px;
    font-weight: 350;
    width: auto;
    max-width: 300px;
    height: auto;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    white-space: nowrap;
    background: var(--body-color);
    color: var(--button-color1--text);
    border-radius: 20px;
}

.dark #pun-stats .item1,
.dark #pun-stats .item2,
.dark #pun-stats .item3,
.dark #pun-stats .item4 {
    background: var(--select-color);
    color: var(--select-color--text);
}

#pun-stats .item4 a {
    color: var(--button-color1--text);
}

#pun-stats .item4 a:hover {
    color: var(--link-color2);
}

#pun-stats .item1 span,
#pun-stats .item2 span,
#pun-stats .item3 span,
#pun-stats .item4 span {
    font-size: 0 !important;
    display: none;
}

#pun-stats .item1:before,
#pun-stats .item2:before,
#pun-stats .item3:before,
#pun-stats .item4:before {
    font-size: 10px;
}

#pun-stats .item1:before {
    content: "звезд:";
}

#pun-stats .item2:before {
    content: "созвездий:";
}

#pun-stats .item3:before {
    content: "лун:";
}

#pun-stats .item4:before {
    content: "привет, ";
}

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

#pun-stats .onlinelist {
    width: 100%;
    padding: 35px 0 16px;
}

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

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

#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 a,
#pun-stats .users_24h div a {
    color: var(--text-color);
}

#pun-stats .onlinelist div span a,
#pun-stats .users_24h div span a {
    color: var(--link-color2);
}

#pun-stats .onlinelist div span a:hover,
#pun-stats .users_24h div span a:hover {
    color: var(--link-color1);
}

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

#statistic-other {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#onlinelist.statistics {
    display: none;
}

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

#statistic-other a {
    color: var(--text-color--pale);
}

/*--- Футер ---*/
#pun::after {
    content: "";
    height: var(--footer-height);
    background: var(--footer-img);
    background-position: bottom center !important;
    width: var(--footer-width);
    margin: 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    border-radius: 0 0 20px 20px;
}

#pun-about {
    height: var(--footer-height);
    width: var(--footer-width);
    margin: calc(var(--pun-padding)*2) 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: absolute;
    left: 0;
}

#pun-about .container {
    text-align: center;
    display: block;
    text-transform: lowercase;
    color: rgba(0, 0, 0, .6);
    font-size: 9px;
    margin: 0;
    position: absolute;
    bottom: 10px;
    right: 20px;
}

#pun-about .container a {
    color: rgba(0, 0, 0, .6);
}

.banners {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: absolute;
    width: calc(var(--pun-width) - 70px);
    bottom: 0;
    height: 31px;
    overflow-y: auto;
    margin: 0 0 -55px 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 10px 4px;
    z-index: 1;
}

.banners a {
    width: 88px;
    height: 31px;
    display: inline-block;
    background-color: var(--body-color);
}

.banners a img {
    -webkit-filter: grayscale(1) opacity(0.35);
    filter: grayscale(1) opacity(0.35);
}

.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;
    transition: all .075s ease-in-out !important;
    -webkit-transition: all .075s ease-in-out !important;
    -moz-transition: all .075s ease-in-out !important;
    -o-transition: all .075s ease-in-out !important;
}

.go-up {
    left: calc(50% + var(--pun-width) / 2);
    top: calc(50% - 60px);
    background: var(--go-up-img) no-repeat center center;
    width: 90px;
    height: 100px;
}

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

.go-up:hover {
    opacity: .75;
}

.go-down:hover {
    opacity: .75;
}

.dark .go-up,
.dark .go-down {
    -webkit-filter: brightness(.45);
    filter: brightness(.45);
}

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

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

td {
    padding: 0;
}

th {
    padding: 0;
    font-weight: 400;
    text-transform: lowercase;
    font-size: 9px;
    letter-spacing: .3px;
    color: var(--text-color--pale);
}

/*--- Таблица на главной ---*/
#pun-index #pun-main tbody tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 16px;
    margin: 0 0 14px;
    border-radius: 0;
    position: relative;
    border-bottom: 1px solid var(--border-color1);
}

#pun-index #pun-main tbody tr:last-of-type,
#pun-index tr#forum_f9,
#pun-index tr#forum_f11 {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: none !important;
}

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

.tclcon h3 {
    font-size: 16px;
    font-family: var(--font-base);
    text-transform: lowercase;
    line-height: 1;
    letter-spacing: 0;
    display: inline-block;
    padding: 0;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    height: auto;
    width: 100%;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: var(--text-color--pale);
}

.tclcon h3 a {
    color: var(--link-color1);
}

.tclcon h3 a:hover {
    color: var(--extra-color1);
}

.category:nth-of-type(1) .tclcon h3 a:hover,
.category:nth-of-type(3) .tclcon h3 a:hover,
.category:nth-of-type(5) .tclcon h3 a:hover {
    color: var(--extra-color2);
}

.tclcon-text {
    color: var(--text-color--pale);
    font-size: 10px;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 130%;
    text-align: justify;
}

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

.tclcon-text p b {
    font-weight: 450;
    color: var(--link-color2);
}

/*.category:nth-of-type(1) .tclcon-text p b, .category:nth-of-type(3) .tclcon-text p b, .category:nth-of-type(5) .tclcon-text p b {color: var(--link-color2);}*/
.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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 4px 0 0;
    text-transform: lowercase;
    font-size: 10px;
    letter-spacing: .3px;
    gap: 6px;
    line-height: 1;
}

.tclcon-links a {
    color: var(--button-color1--text);
    background: rgba(var(--button-color1), .9);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px 15px 6px;
    border-radius: 30px;
    font-weight: 400 !important;
}

.dark .tclcon-links a {
    color: var(--select-color--text);
    background: var(--select-color);
}

.tclcon-links a:hover {
    color: var(--extra-color2--text);
    background: var(--extra-color2);
}

.category:nth-of-type(1) .tclcon-links a:hover,
.category:nth-of-type(3) .tclcon-links a:hover,
.category:nth-of-type(5) .tclcon-links a:hover {
    color: var(--extra-color1--text);
    background: var(--extra-color1);
}

#pun-index .icon,
#pun-index .inew {
    display: none;
}

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

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

#pun-index #pun-main .tcr {
    width: 35%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

#pun-index #pun-main .tcr .lastpost-link {
    text-transform: lowercase;
    font-size: 12px;
    font-weight: 450;
    position: absolute;
    right: 40px;
    top: 0;
    display: block;
    margin: 7px 0 0;
    letter-spacing: .1px;
    line-height: 110%;
}

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

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

#pun-index #pun-main .tcr .lastpost {
    text-transform: lowercase;
    font-size: 10px;
    letter-spacing: .2px;
    font-weight: 400;
    color: var(--text-color--pale);
    position: absolute;
    right: 40px;
    top: 25px;
    display: block;
    margin: 0 0 0;
    padding-bottom: 1px;
}

#pun-index #pun-main .tcr .lastpost-link,
#pun-index #pun-main .tcr .lastpost {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 230px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

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

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

/*--- Таблица в подфоруме ---*/
#pun-viewforum table {
    border-spacing: 0 14px;
    text-transform: lowercase;
}

#pun-viewforum tbody {
    font-size: 12px;
}

#pun-viewforum .forum {
    margin: 16px 0;
    border-radius: 20px;
    background: var(--pun-container-color);
    padding: 4px 20px;
    -webkit-box-shadow: inset 0 0 0 1px var(--border-color1);
    box-shadow: inset 0 0 0 1px var(--border-color1);
}

#pun-viewforum table tr {
    vertical-align: text-top;
    -webkit-box-shadow: 0 1px 0 0 var(--border-color1);
    box-shadow: 0 1px 0 0 var(--border-color1);
}

#pun-viewforum table thead tr {
    -webkit-box-shadow: none;
    box-shadow: none;
}

#pun-viewforum table tr:last-of-type {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

#pun-viewforum table td {
    padding-bottom: 14px;
}

#pun-viewforum table tr:last-of-type td {
    padding-bottom: 0;
}

#pun-viewforum .tcl {
    width: 50%;
    text-align: left;
}

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

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

#pun-viewforum .tcr {
    width: 30%;
    text-align: right;
}

#pun-viewforum tr.inew .tcr {
    font-weight: 600 !important;
}

#pun-viewforum .tcl .intd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 8px;
    min-height: 16px;
}

#pun-viewforum .tcr a {
    color: var(--text-color);
}

#pun-viewforum .tcr a:hover {
    color: var(--hover-color--text);
}

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

#pun-index .user-avatar {
    background-color: var(--pun-color);
    font-weight: normal;
    float: none;
    width: 30px !important;
    height: 30px !important;
    border-radius: 20px;
    display: block;
    margin: 0;
    right: 0;
    top: 6px;
    position: absolute;
}

#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-color);
    opacity: .4;
    border-radius: 20px;
    float: none;
    -webkit-filter: none;
    filter: none;
    mix-blend-mode: normal;
}

#pun-index tr.inew .user-avatar,
#pun-index tr.inew #pun-index .user-avatar .avatar-image {
    background-color: var(--avatar-color);
}

/*--- Таблица в активных, поиске ---*/
#pun-searchtopics table {
    border-spacing: 0 14px;
    text-transform: lowercase;
}

#pun-searchtopics tbody {
    font-size: 12px;
}

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

#pun-searchtopics .forum {
    margin: 16px 0;
    border-radius: 20px;
    background: var(--pun-container-color);
    padding: 4px 20px;
    -webkit-box-shadow: inset 0 0 0 1px var(--border-color1);
    box-shadow: inset 0 0 0 1px var(--border-color1);
}

#pun-searchtopics table tr {
    vertical-align: text-top;
    -webkit-box-shadow: 0 1px 0 0 var(--border-color1);
    box-shadow: 0 1px 0 0 var(--border-color1);
}

#pun-searchtopics table thead tr {
    -webkit-box-shadow: none;
    box-shadow: none;
}

#pun-searchtopics table tr:last-of-type {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

#pun-searchtopics table td {
    padding-bottom: 14px;
}

#pun-searchtopics table tr:last-of-type td {
    padding-bottom: 0;
}

#pun-searchtopics .tcl {
    width: 50%;
    text-align: left;
}

#pun-searchtopics .tc2 {
    text-align: center;
    white-space: nowrap;
    width: 12%;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

#pun-searchtopics .tc3 {
    text-align: center;
}

#pun-searchtopics .tcr {
    width: 29%;
    text-align: right;
}

#pun-searchtopics tr.inew .tcr {
    font-weight: 500 !important;
}

#pun-searchtopics .tcl .intd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 8px;
    min-height: 22px;
}

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

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

#pun-searchtopics .tcl a:hover,
#pun-searchtopics .tcl strong a:hover,
#pun-viewforum .tcl a:hover {
    color: var(--hover-color--text);
}

#pun-searchtopics .tcr a {
    color: var(--text-color);
}

#pun-searchtopics .tc2 a {
    color: var(--text-color--pale);
}

#pun-searchtopics .tcr a:hover,
#pun-searchtopics .tc2 a:hover {
    color: var(--hover-color--text);
}

/*--- Таблицы общее ---*/
.tclcon {
    line-height: 160%;
}

#pun-index .tclcon {
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 6px;
}

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

.byuser {
    color: var(--text-color--pale);
}

strong .byuser {
    font-weight: 500;
}

.tclcon .pagestext,
.tclcon .newtext {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1;
    border-radius: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    -webkit-box-shadow: inset 0 0 0 1px var(--border-color1);
    box-shadow: inset 0 0 0 1px var(--border-color1);
    vertical-align: middle;
    text-transform: uppercase;
    padding: 3px;
}

.tclcon .pagestext .bracket,
.tclcon .newtext .bracket {
    display: none;
}

.tclcon .pagestext a,
.tclcon .newtext a {
    padding: 4px 3px 2px 3px;
    border-radius: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    letter-spacing: 0;
    min-width: 8px;
}

.tclcon .pagestext a:hover,
.tclcon .newtext a:hover {
    background: var(--border-color1);
    color: var(--text-color) !important;
}

.tclcon .pagestext,
.tclcon .newtext {
    font-size: 0;
}

.tclcon .pagestext a,
.tclcon .pagestext .ellipsis,
.tclcon .newtext .ellipsis {
    font-size: 8px;
}

.tclcon .newtext a {
    font-size: 0;
    padding: 3px 3px;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.tclcon .newtext a:before {
    content: "\f063";
    font-size: 9px;
    font-weight: 600;
    font-family: 'Font Awesome 6 Pro';
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 8px;
    height: 8px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

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

/*--- Иконка новой, старой, важной тем в таблицах ---*/
.icon {
    height: 6px;
    width: 6px;
    margin: 0;
    background: var(--pun-container-color);
    -webkit-box-shadow: inset 0 0 0 1px var(--link-color2);
    box-shadow: inset 0 0 0 1px var(--link-color2);
    opacity: .75;
    border-radius: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

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

.inew,
.icon-new {
    background: var(--link-color2);
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: normal;
    opacity: .75;
    width: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

#pun-index .icon-new,
tr.icon-new {
    background: unset !important;
    -webkit-box-shadow: unset !important;
    box-shadow: 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;
}

.isticky .icon {
    background: var(--link-color1) !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    opacity: .75;
}

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

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

/*--- Иконка автора поста в таблицах ---*/
.user-avatar {
    float: right !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 0 0 8px !important;
    background: var(--avatar-color);
    border-radius: 20px;
    position: relative;
}

.user-avatar .avatar-image {
    border-radius: 20px;
    width: 16px !important;
    height: 16px !important;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    float: right;
    mix-blend-mode: luminosity;
    opacity: .4;
}

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

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

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

/*--- Таблица в переносе тем ---*/
#pun-modviewforum .forum {
    margin: 16px 0;
    border-radius: 20px;
    background: var(--pun-container-color);
    padding: 4px 20px;
}

#pun-modviewforum table {
    border-spacing: 0 14px;
    text-transform: lowercase;
}

#pun-modviewforum tbody {
    font-size: 12px;
}

#pun-modviewforum table tr {
    vertical-align: text-top;
    -webkit-box-shadow: 0 1px 0 0 var(--border-color1);
    box-shadow: 0 1px 0 0 var(--border-color1);
}

#pun-modviewforum table tr:last-of-type {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

#pun-modviewforum table td {
    padding-bottom: 14px;
}

#pun-modviewforum .tcl {
    width: 50%;
    text-align: left;
}

#pun-modviewforum .tcl .intd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 8px;
    min-height: 16px;
}

#pun-modviewforum .tcl a {
    color: var(--text-color);
}

#pun-modviewforum .tcl a:hover {
    color: var(--hover-color--text);
    background: var(--hover-color);
}

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

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

#pun-modviewforum .tcr {
    width: 30%;
    text-align: right;
}

#pun-modviewforum .tcr a {
    color: var(--text-color);
}

#pun-modviewforum .tcr a:hover {
    color: var(--hover-color--text);
    background: var(--hover-color);
}

#pun-modviewforum .tcmod {
    text-align: right;
}

/*--- Страница дебага ---*/
#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 16px;
    text-align: center;
}

#pun-respect tbody,
#pun-positive tbody {
    font-size: 12px;
}

#pun-respect #pun-main>.section,
#pun-positive #pun-main>.section {
    margin: 16px 0;
    border-radius: 20px;
    background: var(--pun-container-color);
    padding: 0 20px;
    -webkit-box-shadow: inset 0 0 0 1px var(--border-color1);
    box-shadow: inset 0 0 0 1px var(--border-color1);
}

#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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

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

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

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

.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: 20px !important;
    background: rgba(var(--button-color1), .9) !important;
    color: var(--button-color1--text) !important;
    font-size: 0 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    padding: 1px 1px 0 0px !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.removeReputation:before {
    content: "\00D7";
    font-family: var(--font-base);
    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: 30px 16px 11px;
    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 -20px;
}

#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: 450 !important;
    padding-bottom: 1px;
    line-height: 150%;
}

#pun-post .fs-box,
#pun-edit .fs-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    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 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
}

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

#pun-post .fs-box #form-buttons,
#pun-edit .fs-box #form-buttons {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin: 10px 0 0;
}

#pun-post .fs-box #tags,
#pun-edit .fs-box #tags {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

#pun-post .fs-box .areafield,
#pun-edit .fs-box .areafield {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

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

#pun-post .fs-box p.checkfield,
#pun-edit .fs-box p.checkfield {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}

#pun-post .fs-box p.inputfield.required.longinput:last-of-type,
#pun-edit .fs-box p.inputfield.required.longinput:last-of-type {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
}

#pun-edit p.areafield.required .input a {
    text-transform: lowercase;
    background: rgba(var(--button-color1), .9);
    color: var(--button-color1--text);
    padding: 4px 8px;
    border-radius: 20px;
    line-height: 1;
    display: block;
    float: right;
}

#post-preview .post-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.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;
    -webkit-box-shadow: inset 0 0 0 1px var(--border-color1);
    box-shadow: inset 0 0 0 1px var(--border-color1);
    border-radius: 20px;
    margin: 0 0 8px;
}

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

#history_selected_version textarea {
    border-radius: 14px;
}

#history_selected_diff {
    line-height: 150%;
    background: var(--textarea-color);
    padding: 8px 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 0 1px var(--border-color1);
    box-shadow: inset 0 0 0 1px var(--border-color1);
    margin: 8px 0 0;
}

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

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

/*--- Участники ---*/
#pun-userlist .usertable {
    margin: 16px 0 20px;
    border-radius: 20px;
    background: var(--pun-container-color);
    padding: 0 20px;
    -webkit-box-shadow: inset 0 0 0 1px var(--border-color1);
    box-shadow: inset 0 0 0 1px var(--border-color1);
}

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

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

#pun-userlist .usertable table tbody tr {
    -webkit-box-shadow: 0 1px 0 0 var(--border-color1);
    box-shadow: 0 1px 0 0 var(--border-color1);
}

#pun-userlist .usertable table tbody tr:last-of-type {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

#pun-userlist .usertable table tbody td {
    padding-bottom: 14px;
}

#pun-userlist .usertable table tbody tr:last-of-type td {
    padding-bottom: 0 !important;
}

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

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

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

#pun-userlist .usertable .tcl.username a:hover {
    color: var(--hover-color--text);
    background: var(--hover-color);
}

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

#pun-userlist .usertable .tcl.username .user-avatar .avatar-image {
    width: 24px !important;
    height: 24px !important;
    border-radius: 20px !important;
    -webkit-filter: grayscale(0.5);
    filter: grayscale(0.5);
    mix-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 table {
    border-spacing: 0 10px;
    text-transform: lowercase;
}

#pun-messages tbody {
    font-size: 12px;
}

#pun-messages .icon {
    height: 5px;
    width: 5px;
    margin: 0;
}

#pun-messages .icon.inew {
    width: 20px;
    margin: 0;
}

#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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 8px;
    min-height: 16px;
}

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

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

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

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

#pun-messages #messages fieldset {
    padding: 0;
}

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

#pun-messages #profilenav h2 {
    margin: 20px 0 8px;
    text-align: center;
    color: var(--text-color--pale);
}

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

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

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

#pun-messages .post-author ul {
    margin: -32px 0 0px;
    padding: 29px 22px 14px;
}

#pun-messages .post-author .pa-author a:hover {
    color: var(--text-color--pale);
}

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

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

#pun-messages .post-author .pa-avatar.item2 img {
    border-radius: 0;
}

#pun-messages #post-new .fs-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

#pun-messages #post-new .fs-box .inputfield.required {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
}

#pun-messages #post-new .fs-box #form-buttons {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 10px;
}

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

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

#pun-messages #post-new .fs-box #tags {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

#pun-messages #post-new .fs-box .areafield {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

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

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

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

#pun-messages .linksb {
    margin: auto auto auto calc(148px + var(--pun-padding) * 3);
    width: calc(100% - 146px - var(--pun-padding) * 3);
}

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

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

#volSlider .thumb {
    background: var(--border-color1) !important;
    width: 14px !important;
    height: 5px !important;
    border-radius: 2px !important;
    position: relative !important;
    margin-bottom: 0 !important;
    cursor: pointer !important;
    display: inline-block !important;
    top: -7px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

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

.FNTslider {
    position: absolute !important;
    z-index: 1000;
    background: var(--border-color1) !important;
    width: 140px !important;
    height: 1px !important;
    border-radius: 4px !important;
    -webkit-box-shadow: none !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: -6px 0 0 !important;
}

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

.FNTslider .thumb {
    background: var(--border-color1) !important;
    width: 14px !important;
    height: 5px !important;
    border-radius: 2px !important;
    position: relative !important;
    margin-bottom: 0 !important;
    cursor: pointer !important;
    top: -2px !important;
}

#pun-messages .postlink input.button {
    padding: 0 12px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: 11px;
    font-weight: 400;
    text-transform: lowercase;
    line-height: 150%;
    background: var(--button-color1--text);
    color: rgba(var(--button-color1), .9);
}

#pun-messages .postlink input.button:hover {
    background: var(--hover-color);
    color: var(--hover-color--text);
}

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

#pun-messages #notify-settings {
    margin: 0 0 30px calc(140px + var(--pun-padding) * 4) !important;
}

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

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

#pun-statistic #pun-main>.section {
    margin: 16px 0;
    border-radius: 20px;
    background: var(--pun-container-color);
    -webkit-box-shadow: inset 0 0 0 1px var(--border-color1);
    box-shadow: inset 0 0 0 1px var(--border-color1);
    padding: 10px 20px;
}

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

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

#pun-online #pun-main>.section {
    margin: 16px 0;
    border-radius: 20px;
    background: var(--pun-container-color);
    -webkit-box-shadow: inset 0 0 0 1px var(--border-color1);
    box-shadow: inset 0 0 0 1px var(--border-color1);
    padding: 10px 20px;
}

#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 {
    color: var(--text-color--pale);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: auto;
    height: auto;
    line-height: 1;
    padding: 0;
}

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

.linkst,
.linksb {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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: 12px;
}

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

.linkst .pagelink,
.linksb .pagelink {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    border-radius: 20px;
    padding: 3px 3px 3px 2px;
    color: var(--text-color);
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: 0;
    letter-spacing: 0 !important;
    -webkit-box-shadow: inset 0 0 0 1px var(--border-color1);
    box-shadow: inset 0 0 0 1px var(--border-color1);
    gap: 1px;
}

.linkst noindex,
.linksb noindex {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.linkst .pagelink strong,
.linksb .pagelink strong,
.linkst .pagelink a,
.linksb .pagelink a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 5px 6px 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 20px;
    font-size: 11px;
    margin: 0;
    font-weight: 450;
    min-width: 21px;
    line-height: 1;
    letter-spacing: 0;
}

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

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

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

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

#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 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 {
    letter-spacing: 0;
}

#topic-users-in .container span {
    font-weight: 400 !important;
    color: var(--text-color--pale);
    font-size: 11px;
}

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

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

#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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    padding: 0 calc(var(--pun-padding) + 4px) 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 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 4px 10px 5px;
    text-transform: lowercase;
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    border-radius: 20px;
    color: var(--button-color1--text);
    background: rgba(var(--button-color1), .9);
}

.modmenu .container strong a:hover {
    color: var(--hover-color--text);
    background: var(--hover-color);
}

.tcmod {
    text-align: center;
    width: 32px;
}

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

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

#SubmitMPst {
    margin: 0 !important;
}

#move_posts_form .formsubmit {
    padding: 0 !important;
}

#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 {
    -webkit-box-shadow: 0 1px 0 0 var(--border-color1);
    box-shadow: 0 1px 0 0 var(--border-color1);
}

.pun-modal.move_posts_form .modal-inner {
    width: 600px !important;
}

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

/*--- Тело поста ---*/
.post {
    margin: 30px 0 0 0;
    padding: 0;
}

.post>.container {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    z-index: 2;
    position: relative;
    background: var(--pun-color);
    border-radius: 0 0 20px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px 16px;
    -webkit-box-shadow: inset 0 0 0 1px var(--border-color1);
    box-shadow: inset 0 0 0 1px var(--border-color1);
}

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

.post-body {
    display: block;
    width: calc(100% - var(--profile-width) + 20px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0 0 20px;
}

.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: 8px 0;
    margin: unset;
}

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

.post-content ul {
    padding: 0;
}

.plash section ul {
    padding: 0 !important;
    width: 100%;
}

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

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

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

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

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

.post-content a:hover {
    color: var(--hover-color--text);
    background: var(--hover-color);
}

.post-sig a:hover {
    background: transparent;
}

address,
em {
    font-style: unset;
}

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

.oddinary--admin-post li p > em.bbuline {
    border-bottom: 2px dashed var(--border-color2);
}

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

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

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

.gost--lists .scrollbox {
    height: 15px !important;
}

pre {
    font-size: 9px;
    font-family: var(--font-base);
    white-space: break-spaces;
    line-height: 155%;
    padding: 0 2px 0 1px;
    text-align: left;
}

pre strong {
    font-weight: 400;
}

hr {
    opacity: 1 !important;
    -webkit-filter: none;
    filter: none;
    margin: 12px 0;
    border: none;
    height: 1px;
    width: 100%;
    display: block;
    background: var(--border-color1);
}

.highlight-text {
    background-color: var(--extra-color1) !important;
    color: var(--extra-color1--text) !important;
    padding: 0;
}

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

.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: -20px;
}

.post .post-author ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 20px;
    padding: 40px 22px 20px;
    position: relative;
    border-radius: 0 0 20px 0px;
    background: var(--profile-img) top center no-repeat, var(--pun-container-color);
    -webkit-box-shadow: inset 0 0 0 1px var(--border-color1);
    box-shadow: inset 0 0 0 1px var(--border-color1);
    background-blend-mode: luminosity;
    -o-transition: all .15s ease-in-out !important;
    transition: all .15s ease-in-out !important;
    -webkit-transition: all .15s ease-in-out !important;
    moz-transition: all .15s ease-in-out !important;
    o-transition: all .15s ease-in-out !important;
}

.post .post-author ul:hover {
    -webkit-box-shadow: inset 0 0 0 1px var(--border-color1), 0 6px 12px 0 var(--shadow-color);
    box-shadow: inset 0 0 0 1px var(--border-color1), 0 6px 12px 0 var(--shadow-color);
}

.post .post-author ul:before,
.odd-profileprev .post-author ul:before {
    content: "";
    display: block;
    width: calc(var(--profile-width) - 6px*2);
    height: calc(100% - 32px);
    background: var(--pun-container-color);
    position: absolute;
    top: 26px;
    border-radius: 16px;
    -webkit-box-shadow: inset 0 0 0 1px var(--border-color1);
    box-shadow: inset 0 0 0 1px var(--border-color1);
    z-index: 0;
}

.post .post-author ul li {
    z-index: 1;
}

#pun-post .post-author p {
    margin: -28px 0 0;
    padding: 18px 16px 20px;
    position: relative;
    border-radius: 20px;
    background: var(--profile-img) top center no-repeat, var(--pun-container-color);
    -webkit-box-shadow: inset 0 0 0 1px var(--border-color1);
    box-shadow: inset 0 0 0 1px var(--border-color1);
}

.post-author .pa-author {
    width: 100%;
    height: auto;
    text-align: center;
    font-family: var(--font-base);
    text-transform: lowercase;
    font-size: 15px;
    font-weight: 450;
    letter-spacing: .2px;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    border-bottom: none;
    padding: 0;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 7px 0 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

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

.post-author .pa-author a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    line-height: 120%;
    z-index: 1;
    margin: 0 auto;
}

.post-author .pa-author a,
.post-author .pa-author,
.odd-profileprev .post-author .pa-author a,
.odd-profileprev .post-author .pa-author a:hover,
#mask_dialog .hv-preview-author {
    color: var(--link-color2);
}

.post-author .pa-author a:hover {
    color: var(--text-color--pale);
    background: transparent;
}

#pun-multimove .post-author .pa-author {
    color: var(--extra-color2) !important;
}

.post-author .pa-title {
    font-size: 9px;
    font-weight: 400;
    text-align: center;
    line-height: 140%;
    width: 100%;
    text-transform: lowercase;
    margin: 0 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: .2px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    color: var(--text-color--pale);
}

.post-author .pa-avatar.item2 {
    z-index: 2;
    margin: 0 0 1px;
    max-width: 188px;
    max-height: 188px;
    width: 188px;
    line-height: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.post-author .pa-avatar.item2 img {
    max-width: 180px;
    max-height: 180px;
    border: 1px solid var(--border-color1);
    padding: 3px;
    display: block;
    border-radius: 0;
    margin: 0 auto;
    cursor: default !important;
}

.pa-avatar.item2 img.allow_change:hover {
    outline-color: var(--border-color1) !important;
}

.post-author .pa-online,
.post-author .pa-last-visit {
    position: absolute;
    height: 7px;
    width: 7px;
    left: 15px;
    top: 34px;
    font-size: 0;
    cursor: default !important;
    border-radius: 20px;
}

.post-author .pa-online {
    background: var(--link-color2);
    opacity: .45;
}

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

.post-author .pa-posts,
.post-author .pa-respect,
.post-author .pa-fld4,
.post-author .pa-fld3 {
    width: calc(180px / 4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    font-family: var(--font-base);
    font-size: 10px;
    color: var(--text-color);
    margin: 10px 0 2px;
    font-weight: 400;
    z-index: 2;
}

.pa-fld2~.pa-posts,
.pa-fld2~.pa-fld4,
.pa-fld2~.pa-fld3,
.pa-fld2~.pa-respect {
    margin: 42px 0 32px;
}

.post-author .pa-posts,
.post-author .pa-fld4,
.post-author .pa-fld3,
.post-author .pa-respect {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px 0px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.post-author .pa-respect span a,
.post-author .pa-respect span.fld-name,
.post-author .pa-posts span.fld-name,
.post-author .pa-posts a,
#pun.isguest .post-author .pa-respect span.fld-name {
    font-size: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
}

.post-author .pa-respect span.fld-name,
.post-author .pa-posts span.fld-name,
.post-author .pa-fld4:before,
.post-author .pa-fld3:before {
    width: 100%;
}

.post-author .pa-respect span {
    width: 100%;
    text-align: center;
}

.post-author .pa-respect span a:before,
#pun.isguest .post-author .pa-respect span.fld-name:before,
.post-author .pa-posts span.fld-name:before,
.post-author .pa-posts a:before,
.post-author .pa-fld4:before,
.post-author .pa-fld3:before {
    font-size: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 10px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    font-family: var(--font-base);
    letter-spacing: .4px;
    margin: 0;
    color: var(--text-color--pale);
    transition: all .075s ease-in-out !important;
    -webkit-transition: all .075s ease-in-out !important;
    -moz-transition: all .075s ease-in-out !important;
    -o-transition: all .075s ease-in-out !important;
}

.post-author .pa-posts a:hover:before,
.post-author .pa-respect span a:hover:before {
    color: var(--hover-color);
    background: transparent;
}

.pa-fld4 a {
    color: var(--text-color);
    text-transform: uppercase;
}

.post-author .pa-posts span.fld-name:before,
.post-author .pa-posts a:before {
    content: "msgs";
}

.post-author .pa-respect span a:before {
    content: "magic";
}

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

.post-author .pa-fld4:before {
    content: "money";
}

.post-author .pa-fld3:before {
    content: "posts";
}

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

.post-author .pa-respect a:hover:before {
    color: var(--link-color1);
    background: transparent;
}

.post-author .pa-fld1 {
    width: 188px;
    text-align: center;
    line-height: 150%;
    margin: 6px 0 0 0;
    -webkit-box-shadow: inset 0 0 0 1px var(--border-color1);
    box-shadow: inset 0 0 0 1px var(--border-color1);
    padding: 12px 0 10px;
    gap: 6px;
    border-radius: 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: var(--pun-container-color);
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.post-author .pa-fld6 {
    overflow: hidden;
    z-index: 1;
    box-sizing: border-box;
    width: 188px;
    text-align: center;
    line-height: 140%;
    margin: -1px 0 0 0;
    -webkit-box-shadow: inset 0 0 0 1px var(--border-color1);
    box-shadow: inset 0 0 0 1px var(--border-color1);
    padding: 11px 10px 12px;
    border-radius: 0 0 0 0;
    display: block;
    background: var(--pun-container-color);
    font-size: 10px;
}

.post-author .pa-fld6 * {
    line-height: 140%;
}

.post-author .pa-fld1 a.an,
#viewprofile #profile-right li#pa-fld1 a.an,
.odd-profileprev .post-author .pa-fld1 a.an,
.odd-profileprev .post-author .pa-fld1 a.an:hover {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: auto;
    font-size: 11px;
    font-family: var(--font-base);
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.1px;
    color: var(--link-color1);
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 11px;
    text-align: center;
}

#viewprofile #profile-right li#pa-fld1 a.an {
    margin: 2px auto 6px;
    position: relative;
    top: 0;
    background: transparent;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.post-author .pa-fld1 a.an:hover {
    color: var(--extra-color2);
}

.post-author .pa-fld1 r,
#viewprofile #profile-right li#pa-fld1 r {
    display: block;
    width: 100%;
    height: auto;
    padding: 0 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto 0px;
    text-align: center;
    line-height: 140%;
    text-transform: lowercase;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0;
    color: var(--text-color--pale);
}

#viewprofile #profile-right li#pa-fld1 r {
    padding: 0 6px;
}

.post-author .pa-fld1 p,
#viewprofile #profile-right li#pa-fld1 p {
    display: block;
    width: 100%;
    font-size: 10px;
    font-weight: 400;
    font-family: var(--font-base);
    letter-spacing: 0;
    line-height: 150%;
    margin: 0 auto;
    color: var(--text-color);
    padding: 0 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.post-author .pa-fld1 p:first-of-type {
    margin-top: 3px;
}

.post-author .pa-fld1 p a {
    padding: 0 0 2px;
    border-radius: 0;
    font-weight: 400;
    letter-spacing: 0;
    color: var(--link-color1);
}

.post-author .pa-fld1 p a:hover {
    background: var(--hover-color);
    color: var(--hover-color--text);
}

.pa-fld2,
.visual .pl {
    width: 220px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 35px;
    z-index: 1;
    position: absolute;
    margin: 0;
    bottom: 6px;
}

.pl {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .03);
    width: 220px;
    height: 35px;
    border-radius: 0 0 16px 16px;
    background-repeat: no-repeat;
    background-position: center bottom;
    position: relative;
    background-image: url(https://64.media.tumblr.com/371c83e49df74f9e66fdfb908a5336ff/4907d528b0bcd820-f0/s540x810/4b01c4eb2c0cef28f7c0be5a896b30762c6c7283.jpg);
}

.pl a,
.pl.custom div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 188px;
    height: 35px;
    border-radius: 0 0 10px 10px;
    color: rgba(255, 255, 255, .96) !important;
    background: #d0bcb3;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
    font-weight: 350;
    font-family: var(--font-base);
    text-transform: lowercase;
    text-align: center;
    font-size: 9px;
    letter-spacing: .35px;
    margin: -79px auto 0;
    padding: 0 6px 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 120%;
}

.post-box .oddinary--admin-post.plash a:hover {
    color: rgba(255, 255, 255, .96) !important;
    background: #d0bcb3 !important;
}

.pl a:hover {
    color: rgba(255, 255, 255, .9) !important;
}

.pl.R {
    background-blend-mode: soft-light;
    background-color: var(--body-color);
}

.pl.R a {
    background-color: var(--body-color);
}

.class-switcher-container .pl.R,
.class-switcher-container .pl.R a {
    background-color: #b0b0b0;
}

.pa-ip {
    display: block;
    width: 100%;
    position: absolute;
    bottom: -16px;
    text-align: center;
    font-size: 9px;
}

.post-author .pa-fld5 {
    background: var(--pun-container-color);
    border-radius: 40px;
    position: absolute;
    margin: 18px auto 0;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 4;
    top: 0;
}

.post-author .pa-fld5:before {
    content: "";
    position: absolute;
    height: 30px;
    width: 34px;
    margin: 0 auto;
    z-index: -1;
    background: var(--pun-container-color);
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 0 1px var(--border-color1);
    box-shadow: inset 0 0 0 1px var(--border-color1);
}

.post-author .pa-fld5 div,
.post-author .pa-fld5 a {
    width: 16px;
    height: 16px;
    display: block;
}

.pa-fld5 a,
.ls-n #sm2 .odd-page .icons>div a,
#viewprofile #profile-right #pa-fld5 a {
    background: url(https://64.media.tumblr.com/c5201c3e9cf64c0dc7ff2e9fa9509b5d/4907d528b0bcd820-83/s540x810/7d144dae1163b8349106c7ab69e72591df9ebf25.png);
}

#viewprofile-next #profilenav {
    display: block !important;
    position: absolute;
    z-index: 2;
}

#viewprofile-next #profilenav ul li {
    display: none;
}

#pun.gid1 #viewprofile-next #profilenav ul li.item8,
#pun.gid2 #viewprofile-next #profilenav ul li.item8 {
    display: block;
    width: fit-content !important;
    height: fit-content !important;
    padding: 0 !important;
    top: 6px;
    left: 6px;
    position: absolute;
}

#pun.gid1 #viewprofile-next #profilenav ul li.item8 a,
#pun.gid2 #viewprofile-next #profilenav ul li.item8 a {
    font-size: 0;
    padding: 8px;
    letter-spacing: 0;
    line-height: 1;
    border-radius: 20px;
}

#pun.gid1 #viewprofile-next #profilenav ul li.item8 a:before,
#pun.gid2 #viewprofile-next #profilenav ul li.item8 a:before {
    content: "\f044";
    font-size: 13px;
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    margin-top: -1px;
}

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

/*.post-sig dd {overflow: hidden;}*/
.post-sig dt {
    margin: 14px auto;
    width: 30%;
    height: 1px;
    background: var(--border-color1);
}

/*--- Плюсы под постом ---*/
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: 1px solid transparent;
    position: relative;
    padding: 1px 10px 0;
    z-index: 100;
    width: auto;
    height: 24px;
    border-radius: 20px;
    font-size: 14px;
    font-family: var(--font-base);
    font-weight: 400;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    letter-spacing: 0;
    line-height: 1;
    color: var(--button-color2--text);
    background: rgba(var(--button-color1), .1);
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    right: -2px;
    opacity: 1;
}

div.post-rating p>a:before {
    content: "\f004";
    font-family: 'Font Awesome 6 Pro';
    margin: 0 3px 3px 0;
    font-size: 10px;
}

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

.post-rating a {
    cursor: pointer;
}

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

div.post-vote p>a {
    font-size: 0 !important;
    position: relative;
    cursor: pointer;
    z-index: 200;
    width: 38px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 20px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1px 3px 0 0px;
    letter-spacing: 0;
    background: var(--select-color);
    color: var(--select-color--text);
}

div.post-vote p>a:before {
    content: "\e5c9";
    font-size: 16px;
    width: 100%;
    height: 100%;
    line-height: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4px 0 0 3px;
    font-family: 'Font Awesome 6 Pro';
    vertical-align: middle;
    font-weight: 300;
    opacity: 1;
}

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

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

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

/*--- Окно комментария к плюсу ---*/
#pun-report .inner,
#pun-reputation .inner,
#pun-admin-award-form .inner,
.modal-inner {
    background: var(--pun-container-color) !important;
    padding: 14px 20px !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    border-radius: 20px !important;
}

#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%;
    -ms-flex-negative: 0;
    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: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0;
}

.post-links li a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 18px;
    color: var(--link-color2);
    opacity: .8;
    font-size: 11px;
    padding: 1px 0;
    text-transform: lowercase;
    font-weight: 400;
    letter-spacing: .2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
}

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

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

.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 .pl-email.pm,
.post-links .editpole {
    margin: 0 0 0 20px;
}

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

.isadmin .editpole,
.ismoderator .editpole {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex !important;
}

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

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

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

.post-content .spoiler-box>blockquote.visible {
    display: block;
}

.post-content .spoiler-box>div:before,
.post-content .spoiler-box>div.visible:before {
    color: var(--extra-color1--text);
    opacity: .6;
    font-size: 13px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    line-height: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-variant: normal;
    font-weight: 300;
    content: "\f06e";
    width: 16px;
    height: 1px;
    overflow: visible;
    position: absolute;
    left: 10px;
    top: 50%;
}

.post-content .spoiler-box>div.visible:before {
    content: "\f070";
    color: var(--extra-color1--text);
    opacity: 1;
}

.quote-box {
    border-radius: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px;
    margin: 10px 0 10px;
    background: var(--pun-box-color1);
    position: relative;
    -o-transition: all .15s ease-in-out !important;
    transition: all .15s ease-in-out !important;
    -webkit-transition: all .15s ease-in-out !important;
    moz-transition: all .15s ease-in-out !important;
    o-transition: all .15s ease-in-out !important;
}

.quote-box cite,
.code-box .legend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    width: calc(100% + 12px);
    line-height: 1 !important;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-style: normal;
    text-transform: lowercase;
    font-weight: 450;
    font-size: 11px;
    font-family: var(--font-base);
    color: var(--extra-color1--text);
    background: var(--extra-color1);
    border-radius: 12px 12px 0 0;
    transition: all .075s ease-in-out !important;
    -webkit-transition: all .075s ease-in-out !important;
    -moz-transition: all .075s ease-in-out !important;
    -o-transition: all .075s ease-in-out !important;
    position: relative;
    z-index: 2;
    margin: -6px 0 0 -6px;
}

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

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

strong.legend.legend-processed a {
    white-space: nowrap;
    background: var(--extra-color2);
    color: var(--extra-color2--text);
    text-align: left;
    width: fit-content;
    padding: 8px 24px 9px;
}

strong.legend.legend-processed a:nth-of-type(1) {
    border-radius: 12px 0 0 0;
}

strong.legend.legend-processed a:nth-of-type(2) {
    border-radius: 0 0 12px 0;
    background: var(--extra-color1);
    color: var(--extra-color1--text);
}

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

.quote-box blockquote,
.quote-box .blockquote {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4px 10px;
}

.quote-main blockquote,
.quote-main .blockquote {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
}

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);
    -webkit-transform: skewX(-6deg);
    -ms-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:hover {
    color: var(--extra-color1--text);
    background: var(--extra-color1);
    opacity: .5;
}

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

/*.quote-box.answer-box, .quote-box.hide-box {margin-top: 21px !important;}*/

.quote-box.quote-main,
.quote-box.answer-box,
.quote-box.hide-box,
.quote-box.spoiler-box,
.code-box {
    -webkit-box-shadow: inset 0 0 0 1px var(--shadow-color);
    box-shadow: inset 0 0 0 1px var(--shadow-color);
}

/*.quote-box.quote-main:hover, .quote-box.answer-box:hover, .quote-box.hide-box:hover, .quote-box.spoiler-box:hover, .code-box:hover {-webkit-box-shadow: inset 0 0 0 1px var(--shadow-color), 0 6px 12px 0 var(--shadow-color); box-shadow: inset 0 0 0 1px var(--shadow-color), 0 6px 12px 0 var(--shadow-color);}*/

.code-box {
    border-radius: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px;
    margin: 10px auto 10px;
    background: var(--pun-box-color1);
    position: relative;
    -o-transition: all .15s ease-in-out !important;
    transition: all .15s ease-in-out !important;
    -webkit-transition: all .15s ease-in-out !important;
    moz-transition: all .15s ease-in-out !important;
    o-transition: all .15s ease-in-out !important;
    max-width: 60%;
}

.code-box .legend {
    font-weight: 400;
}

.code-box .legend a,
.quote-box cite a {
    display: block;
    width: 100%;
    height: 100%;
    font-weight: 450;
    color: var(--extra-color1--text);
    border-radius: 12px 12px 0 0;
}

.code-box .legend a:hover {
    color: var(--extra-color1--text) !important;
    background: var(--extra-color1) !important;
}

.code-box .blockcode,
.code-box blockcode {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 12px;
}

/*--- Формы, поля, кнопки, орг страницы ---*/
.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: 8px 0;
    border: none;
    margin: 0 0 20px 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 20px;
}

fieldset fieldset,
#post fieldset {
    padding: inherit;
    border: inherit;
    margin: inherit;
    -webkit-box-shadow: inherit;
    box-shadow: 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: 400;
    line-height: 100%;
    color: var(--text-color);
    margin: 0 0 -2px;
}

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

.inputfield label,
.selectfield label,
.datafield span.input {
    font-size: 11px;
    font-style: normal;
    font-weight: 450;
    text-transform: lowercase;
    padding: 0;
    margin: 4px 0 6px;
    display: inline-block;
    color: var(--link-color1);
}

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

input,
select {
    outline: none;
    border: none;
    border-radius: 20px;
    font-size: 11px;
    font-family: var(--font-base);
    padding: 6px 8px;
    background: var(--textarea-color);
    -webkit-box-shadow: inset 0 0 0 1px var(--border-color1);
    box-shadow: inset 0 0 0 1px var(--border-color1);
    color: var(--text-color);
}

select {
    text-transform: lowercase;
}

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

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

#profile input {
    width: auto;
    max-width: none;
}

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

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    height: 20px;
    vertical-align: middle;
}

input.button,
.formsubmit a,
a.bank-button,
.blockcode .copy-btn {
    text-transform: lowercase;
    font-size: 11px;
    font-family: var(--font-base);
    font-weight: normal;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 100%;
    padding: 5px 16px 6px;
    margin: 0 8px 0 0;
    min-height: 26px;
    border: none;
    border-radius: 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: rgba(var(--button-color1), .9);
    color: var(--button-color1--text);
    cursor: pointer;
    transition: all .075s ease-in-out !important;
    -webkit-transition: all .075s ease-in-out !important;
    -moz-transition: all .075s ease-in-out !important;
    -o-transition: all .075s ease-in-out !important;
}

input.button:hover,
.formsubmit a:hover,
a.bank-button:hover,
.blockcode .copy-btn:hover {
    background: var(--hover-color);
    color: var(--hover-color--text);
    -webkit-box-shadow: none;
    box-shadow: none;
}

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

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

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

#post-preview {
    padding: 0 0 20px !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

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

.formsubmit {
    text-transform: lowercase;
    font-size: 9px;
    letter-spacing: .4px;
    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: 8px 12px;
    margin: 0;
}

.info-box * {
    padding: 0;
}

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

.info .container {
    padding: 0;
    text-align: left;
    text-transform: lowercase;
}

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

#post-form .formsubmit {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

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

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

textarea#main-reply {
    border-radius: 0 0 20px 20px;
}

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

#form-buttons table {
    width: calc(100% - 100px) !important;
    height: 31px !important;
    border-spacing: 0;
    border: 1px solid var(--border-color1);
    background: var(--pun-container-color);
    border-radius: 0 20px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px;
    border-bottom: none !important;
}

#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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#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: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
}

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

#font-area span {
    -o-text-overflow: ellipsis !important;
    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;
    border-radius: 20px;
    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%;
    -webkit-transition: width .075s ease-in-out;
    -o-transition: width .075s ease-in-out;
    transition: width .075s ease-in-out;
}

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

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

.uploadProgressBar {
    background: rgba(var(--button-color1), .9);
}

.uploadQueueItem .cancel {
    font-size: 1em;
    font-weight: normal;
    font-family: var(--font-base);
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    text-align: center;
    gap: 2px;
}

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

#form-buttons td:last-child,
#profile5 #form-buttons td#button-addition {
    border-radius: 6px 15px 6px 6px;
}

.cnt-part #form-buttons td:last-child {
    border-radius: 6px !important;
}

#form-buttons td:hover {
    background: var(--extra-color2);
    color: var(--extra-color2--text);
}

#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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: 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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#float i {
    font-size: 16px;
    padding: 0 8px;
}

#float i:hover {
    opacity: .6;
}

#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 {
    background: var(--pun-box-color1);
    color: var(--text-color);
    border-radius: 0 0 16px 16px;
    outline: 1px solid var(--border-color1);
    margin-top: 1px;
    margin-left: 1px;
}

#tags .container {
    text-transform: lowercase;
    font-size: 11px;
    font-weight: 400;
    position: absolute;
    top: unset !important;
    margin-right: -5px;
}

#profile #tags .container {
    margin: 1px 9px 0 1px;
}

#tags .container a {
    color: var(--link-color1);
}

#tags .container a:hover {
    color: var(--hover-color);
}

#color-area td:hover {
    -webkit-box-shadow: 0 0 0 1px var(--text-color--pale);
    box-shadow: 0 0 0 1px var(--text-color--pale);
    cursor: pointer;
}

#tags .container strong,
#video-area-thd,
#image-area-thd,
#float strong {
    font-weight: 450;
    text-transform: lowercase;
    letter-spacing: .2px;
    color: var(--extra-color1--text);
    font-size: 10px;
    font-family: var(--font-base);
    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: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

#imageupload-left input[type="button"] {
    width: auto;
    color: var(--button-color1--text);
    font-family: var(--font-base);
    font-weight: normal;
    border-radius: 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: rgba(var(--button-color1), .9);
    border-style: none;
}

#imageupload-left input[type="button"]:hover {
    background: var(--hover-color);
    color: var(--hover-color--text);
}

#addition-area div:hover,
#font-area div:hover,
#size-area div:hover {
    background: var(--textarea-color);
    border-radius: 20px;
}

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

#keyboard-span input {
    background: var(--textarea-color) !important;
    color: var(--text-color) !important;
    border-radius: 20px !important;
    -webkit-box-shadow: 0 0 0 1px var(--border-color1) !important;
    box-shadow: 0 0 0 1px var(--border-color1) !important;
    cursor: pointer !important;
    margin: 2px !important;
    min-width: 30px !important;
    height: 22px !important;
    line-height: 100% !important;
    border: none !important;
}

#keyboard-span input:hover {
    background-color: rgba(var(--button-color1), .9) !important;
    color: var(--button-color1--text) !important;
}

.uploadQueueItem .cancel a {
    font-weight: normal;
    color: rgba(var(--button-color1), .9);
}

#uploaded-images img {
    border: 1px solid var(--border-color1);
}

#form-buttons {
    margin: 0;
}

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

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

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

#font-area {
    width: 360px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.4em;
}

#font-area div {
    width: calc(50% - 16px);
    text-align: center;
    font-size: 16px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    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-base);
    letter-spacing: 0;
    line-height: 1;
    color: var(--extra-color1--text);
    background: var(--extra-color1);
    display: block;
    width: calc(100% + 10px);
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin: 6px -4px;
    text-align: center;
    font-size: 13px;
    font-weight: 450;
    text-transform: lowercase;
    padding: 4px 4px 5px;
    border-radius: 20px;
    cursor: default !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: 8px;
    font-family: var(--font-base);
    font-weight: 500;
    letter-spacing: 0.4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3px;
    color: var(--text-color);
    background: var(--border-color1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default;
    border-radius: 20px 0 0 0;
    padding: 1px 0 0 2px;
}

#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(--extra-color2) !important;
}

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

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

#color-area td {
    border-radius: 10px !important;
    width: 20px;
    height: 20px;
}

#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 !important;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#pun-messages .post h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 0 var(--profile-width);
    margin-bottom: 0 !important;
}

.post h3 span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    text-transform: lowercase;
    font-size: 10px;
    letter-spacing: .1px;
    font-weight: 400;
    white-space: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 6px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

#pun-searchposts .post h3 span {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: inherit;
    -webkit-box-direction: inherit;
    -ms-flex-direction: inherit;
    flex-direction: inherit;
}

#pun-searchposts .post h3 span a {
    background: var(--extra-color1);
    border-radius: 20px;
    color: var(--extra-color1--text);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 12px;
}

#pun-searchposts .post h3 span a:hover {
    background: var(--hover-color);
    color: var(--hover-color--text);
}

#pun-searchposts .post h3 span em {
    color: var(--text-color--pale);
    font-size: 0;
}

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

#pun-post .post h3 span {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.post h3 strong {
    text-align: right;
    font-weight: 450;
    color: var(--extra-color2--text);
    background: var(--extra-color2);
    border-radius: 14px 14px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px 16px 6px;
}

.post h3 strong.fnt {
    background: transparent;
    color: var(--text-color);
    padding: 0;
    border-radius: 0;
}

#pun-searchposts .post h3 strong {
    position: absolute;
    right: calc(var(--pun-padding) * 2);
}

.post h3 a {
    max-width: 160px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.post h3,
.post h3 a {
    color: var(--text-color);
    line-height: 10px;
}

.post h3 a:hover {
    color: var(--hover-color--text);
}

.post h3 a.permalink,
#pun-messages .post h3 span {
    color: var(--extra-color1--text);
    background: var(--extra-color1);
    border-radius: 14px 14px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px 16px 6px;
    font-weight: 450;
}

.post h3 a.permalink:hover {
    color: var(--extra-color2--text);
    background: var(--extra-color2);
}

/*-------------- ПРОФИЛЬ --------------*/
#profile {
    min-height: 316px;
}

#profile .fs-box {
    border-radius: 16px;
    background: var(--pun-container-color);
    padding: 8px 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: inset 0 0 0 1px var(--border-color1);
    box-shadow: inset 0 0 0 1px var(--border-color1);
}

#profile.messages-container .fs-box {
    padding: 4px 20px;
    background: var(--pun-color);
}

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

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

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

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

#profilenav {
    margin: 0 calc(var(--pun-padding) * 4) var(--pun-padding) 0;
    float: left;
}

#profilenav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
}

#profilenav ul li {
    width: 140px;
}

#profilenav ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 12px 6px;
    margin: 0;
    text-transform: lowercase;
    background: rgba(var(--button-color1), .9);
    border-radius: 20px;
    text-align: center;
    font-weight: 350;
    letter-spacing: .4px;
    color: var(--button-color1--text);
    font-size: 11px;
}

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

#profilenav ul li.isactive a {
    background: var(--extra-color1);
    color: var(--extra-color1--text);
}

#profilenav ul li.view a:before {
    content: "\f2bb";
    font-family: 'Font Awesome 6 Pro';
    font-size: 15px;
    text-align: center;
    margin: 0 0 -1px;
    font-weight: 300;
}

#profilenav ul li.view a {
    font-size: 0;
    height: 23px;
}

#profile fieldset .fs-box p.inputfield a,
#profile fieldset .fs-box p.datafield a {
    border-radius: 20px;
    padding: 5px 20px 6px;
    display: inline-block;
    background: var(--select-color);
    color: var(--select-color--text);
    text-transform: lowercase;
    font-size: 11px;
    font-weight: 400;
}

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

#profile4 fieldset .fs-box p.datafield a {
    -webkit-box-shadow: inset 0 0 0 1px var(--border-color1);
    box-shadow: inset 0 0 0 1px var(--border-color1);
}

#profile fieldset .fs-box p.inputfield a:hover,
#profile fieldset .fs-box p.datafield a:hover {
    background: var(--hover-color);
    color: var(--hover-color--text);
}

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

#profile .formsubmit {
    margin: auto auto auto calc(140px + var(--pun-padding) * 4);
}

#profile fieldset .formsubmit {
    margin: 0;
}

#profile fieldset {
    margin: 0 0 12px calc(140px + var(--pun-padding) * 4);
}

#profile fieldset fieldset.radiofield {
    margin: 0;
}

#profile7 fieldset fieldset.radiofield {
    -webkit-box-shadow: none !important;
    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;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--hover-color);
}

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

#profile2 #title {
    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;
    color: var(--text-color--pale);
}

#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;
    color: var(--link-color1);
}

#profile2 p#realname,
#profile2 p#location,
#profile2 p#sex,
#profile2 p#sex~.radiofield,
#profile2 p#interests,
#profile2 p#about-me,
#profile2 p#website,
#profile2 p#birthday {
    display: none;
}

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

#profile4 .fs-box {
    min-height: 204px;
}

#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 td#button-sticker,
#profile5 td#button-mask,
#profile5 td#button-code,
#profile5 td#button-video,
#profile5 td#button-float,
#profile5 td#button-adm-spoiler,
#pun-messages td#button-mask,
#pun-messages td#button-adm-spoiler,
#profile5 td#button-hide {
    display: none !important;
}

#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 {
    -webkit-box-shadow: none;
    box-shadow: none;
}

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

#profile8 fieldset:nth-of-type(7) {
    display: none;
}

#profile8 input#sub4 {
    cursor: pointer;
    text-transform: lowercase;
    border-radius: 20px;
    padding: 6px 8px;
    display: inline-block;
    background: var(--pun-color);
    color: var(--link-color1);
    -webkit-box-shadow: none;
    box-shadow: none;
    transition: all .075s ease-in-out !important;
    -webkit-transition: all .075s ease-in-out !important;
    -moz-transition: all .075s ease-in-out !important;
    -o-transition: all .075s ease-in-out !important;
}

#profile8 input#sub4:hover {
    -webkit-box-shadow: inset 0 0 0 1px var(--border-color1);
    box-shadow: inset 0 0 0 1px var(--border-color1);
    background: var(--pun-content-color);
    color: var(--link-color1);
}

#profile8 input#fld1,
#profile8 input#fld2,
#profile8 input#fld3,
#profile8 input#fld5,
#profile8 input#fld6 {
    width: calc(100% - 20px);
}

#profile8 input#fld4 {
    width: calc(100% - 20px - 188px);
}

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

#profile10 table#filetable,
#profile10 .submitend {
    text-transform: lowercase;
    margin: auto auto auto calc(150px + var(--pun-padding) * 3) !important;
    width: calc(100% - 150px - var(--pun-padding) * 3) !important;
}

#profile10 table#filetable {
    border-spacing: 8px !important;
    -webkit-box-shadow: inset 0 0 0 1px var(--border-color1);
    box-shadow: inset 0 0 0 1px var(--border-color1);
    border-radius: 20px;
}

#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;
    background: var(--pun-container-color);
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 17px;
    position: relative;
    -webkit-box-shadow: 0 0 0 1px var(--border-color1);
    box-shadow: 0 0 0 1px var(--border-color1);
    transition: all .15s ease-in-out !important;
    -webkit-transition: all .15s ease-in-out !important;
    -moz-transition: all .15s ease-in-out !important;
    -o-transition: all .15s ease-in-out !important;
}

#viewprofile:before {
    content: "";
    width: calc(100%);
    height: 125px;
    display: block;
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    border-radius: 20px 20px 0 0;
    background: var(--box-img);
    border-bottom: 1px solid var(--border-color1);
}

#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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: nowrap;
    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: 228px;
    height: auto;
    padding: 0 0 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    border-radius: 0;
    gap: 5px;
    position: relative;
}

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

#viewprofile #pa-avatar img {
    border-radius: 0;
    border: 1px solid var(--border-color1);
    padding: 3px;
}

#viewprofile #profile-name {
    text-align: center;
    margin: 8px auto 0;
    text-transform: lowercase;
    font-family: var(--font-base);
    font-size: 16px;
    color: var(--text-color);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

#viewprofile #profile-title {
    color: var(--text-color--pale);
    text-align: center;
    line-height: 150%;
    width: 180px;
    text-transform: lowercase;
    font-size: 9px;
    font-weight: 400;
    letter-spacing: .6px;
    margin-bottom: 12px;
}

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

#viewprofile #profile-name strong {
    font-weight: 400 !important;
    font-size: 1em !important;
}

#viewprofile #pa-online {
    text-align: center;
    margin: 0 auto;
    line-height: 100%;
    text-transform: lowercase;
    font-size: 11px;
}

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

#viewprofile #pa-edit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: auto;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px;
}

#viewprofile #pa-edit a {
    display: block;
    width: 180px;
    height: auto;
    font-weight: 400;
    padding: 5px 4px 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 20px;
    text-transform: lowercase;
    font-size: 11px;
    letter-spacing: .2px;
    color: var(--button-color1--text);
    background: rgba(var(--button-color1), .9);
}

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

#viewprofile #profile-right {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px 16px;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 12px;
    width: calc(100% - 228px - 18px);
    border-radius: 20px;
    background: var(--pun-container-color);
    -webkit-box-shadow: inset 0 0 0 1px var(--border-color1);
    box-shadow: inset 0 0 0 1px var(--border-color1);
    font-size: 11px;
}

#viewprofile:hover #profile-right {
    -webkit-box-shadow: inset 0 0 0 1px var(--border-color1), 0 6px 12px 0 var(--shadow-color);
    box-shadow: inset 0 0 0 1px var(--border-color1), 0 6px 12px 0 var(--shadow-color);
}

#viewprofile #profile-right li {
    text-transform: lowercase;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px 20px;
    width: calc(100% / 2 - 6px);
    border-radius: 14px;
    background: var(--pun-container-color);
    border: 1px solid var(--border-color1);
}

#viewprofile #profile-right li#pa-fld1,
#viewprofile #profile-right li#pa-fld6 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

#viewprofile #profile-right li#pa-fld6 {
    font-size: 10px;
    line-height: 150%;
}

#viewprofile #profile-right li#pa-fld6 * {
    line-height: 150%;
}

#viewprofile #profile-right li#pa-fld6>* {
    text-transform: none;
}

#viewprofile #profile-right li#pa-fld2 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

#viewprofile #profile-right li#pa-fld5 {
    position: absolute;
    height: 30px;
    width: 34px;
    margin: 0 auto;
    z-index: 2;
    background: var(--pun-container-color);
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 0 1px var(--border-color1);
    box-shadow: inset 0 0 0 1px var(--border-color1);
    left: 97px;
    top: -33px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 0;
}

#viewprofile #profile-right li#pa-fld5 strong {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#viewprofile #profile-right li#pa-fld1 span,
#viewprofile #profile-right li#pa-fld2 span,
#viewprofile #profile-right li#pa-fld5 span,
#viewprofile #profile-right li#pa-fld6>span:first-of-type {
    display: none;
}

/*#viewprofile #profile-right li#pa-positive, #viewprofile #profile-right li#pa-respect, #viewprofile #profile-right li#pa-fld3, #viewprofile #profile-right li#pa-fld4 {width: calc(25% - 9px);}*/
/*#viewprofile #profile-right li#pa-positive span, #viewprofile #profile-right li#pa-respect span, #viewprofile #profile-right li#pa-fld3 span, #viewprofile #profile-right li#pa-fld4 span {min-width: 124px;}*/
#viewprofile #profile-right li#pa-positive {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}

#viewprofile #profile-right li#pa-respect {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
}

#viewprofile #profile-right li#pa-fld4 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
}

#viewprofile #profile-right li#pa-fld3 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
}

#viewprofile #profile-right li#pa-fld3 strong.GamePst2 {
    padding-right: 0;
}

#viewprofile #profile-right li#pa-posts {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
}

#viewprofile #profile-right li#pa-email {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
}

#viewprofile #profile-right li#pa-posts a,
#viewprofile #profile-right li#pa-email a {
    display: block;
}

#viewprofile #profile-right li#pa-posts a:first-of-type,
#viewprofile #profile-right li#pa-email a:first-of-type {
    margin: 3px 0 7px;
}

#viewprofile #profile-right li#pa-register-date {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
}

#viewprofile #profile-right li#pa-time-visit {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
}

#viewprofile #profile-right li#pa-last-visit {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
}

#viewprofile #profile-right li#pa-last-post {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
}

#viewprofile #profile-right li>span {
    display: block;
    text-align: center;
    width: auto;
    min-width: 177px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 20px 6px;
    margin: 0 auto 10px;
    border-radius: 20px;
    font-weight: 400;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: var(--hover-color);
}

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

#viewprofile #profile-right li>span a:hover {
    color: var(--pun-container-color);
}

#profile-right li strong {
    padding-left: 0 !important;
    line-height: 160%;
}

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

#viewprofile #profile-right #pa-fld2 .pl {
    margin: 0 0 0 200px;
    padding: 0;
    border-radius: 10px;
}

#viewprofile #profile-right #pa-fld2 .pl a {
    margin: 0 0 0 -200px;
    border-radius: 10px;
    /*width: 220px;*/
}

#viewprofile #profile-right #pa-fld5 img,
#viewprofile #profile-right #pa-fld5 a {
    height: 16px;
    width: 16px;
    display: block;
}

/*--- Всплывающие уведомления, подсказки и 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: 5px !important;
    padding: 3px 7px !important;
    font-family: var(--font-base);
    text-transform: lowercase;
    font-size: 9px !important;
    letter-spacing: .5px;
    text-transform: lowercase;
    background: rgba(var(--button-color1), .9) !important;
    color: var(--button-color1--text) !important;
    opacity: .9;
    text-align: center;
}

#tooltip,
.tipsy-inner,
#respect figure .prof,
.tipsy-inner a {
    color: var(--button-color1--text) !important;
    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 {
    background: #262626 !important;
    color: #d0d0d0 !important;
    font-size: 11px !important;
    font-family: var(--font-base) !important;
    text-transform: lowercase !important;
    opacity: .9;
}

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

.jGrowl-message strong {
    font-weight: 600 !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(--link-color1) !important;
}

.jGrowl-notification,
.jGrowl-closer,
.notification-spoiler {
    border-radius: 10px !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 .modal-inner {
    width: 700px;
    max-width: 94%;
    height: auto;
    max-height: 44em;
    margin: 12% auto 0;
    position: relative;
    z-index: 120000;
    overflow: hidden;
}

.pun-modal h2,
.pun-modal h1 {
    max-width: 700px;
    margin: 0;
}

.modal-inner h2 span {
    font-size: 0;
}

.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);
    color: var(--select-color--text);
    text-shadow: none !important;
}

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

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

textarea::-webkit-scrollbar,
#tags .container::-webkit-scrollbar,
#tags .container div::-webkit-scrollbar,
.scrollbox::-webkit-scrollbar,
.hvStickerPackModalContent::-webkit-scrollbar,
.banners::-webkit-scrollbar {
    width: 3px;
    height: 0;
}

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

textarea::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-corner,
#tags .container::-webkit-scrollbar-track,
#tags .container::-webkit-scrollbar-corner,
#tags .container div::-webkit-scrollbar-track,
#tags .container div::-webkit-scrollbar-corner,
.scrollbox::-webkit-scrollbar-track,
.scrollbox::-webkit-scrollbar-corner,
.hvStickerPackModalContent::-webkit-scrollbar-track,
.hvStickerPackModalContent::-webkit-scrollbar-corner,
.banners::-webkit-scrollbar-track,
.banners::-webkit-scrollbar-corner {
    background: transparent;
}

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

textarea::-webkit-scrollbar-thumb,
#tags .container::-webkit-scrollbar-thumb,
.scrollbox::-webkit-scrollbar-thumb,
.hvStickerPackModalContent::-webkit-scrollbar-thumb {
    background-color: var(--hover-color);
}

.banners::-webkit-scrollbar-thumb {
    background-color: var(--textarea-color) !important;
}

/*-------------- АДМИНКА --------------*/
#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;
    color: var(--text-color--pale);
}

#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-color: var(--border-color1) !important;
    background-color: var(--border-color1) !important;
    text-align: center !important;
}

#pun-admain .adcontainer td {
    border-color: var(--border-color1) !important;
    text-align: center !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 {
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    background: var(--pun-container-color) !important;
    padding: var(--pun-padding) !important;
    border-radius: 20px !important;
}

#pun-admain legend {
    padding: 0 !important;
    margin: 0 !important;
    font-size: 1em !important;
    color: var(--link-color1) !important;
}

#pun-admain legend span {
    padding: 0 !important;
    margin: 0 !important;
    background-color: transparent !important;
}

#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(--pun-color) !important;
    background-color: var(--textarea-color) !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-color) !important;
    text-transform: lowercase !important;
}

#pun-admain .adinput em {
    text-transform: lowercase !important;
}

#pun-adnav ul {
    padding: 0 !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !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:hover {
    background: var(--hover-color) !important;
    color: var(--hover-color--text) !important;
}

#pun-adnav li a {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    height: 20px !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    padding: 8px 12px !important;
    margin: 0 !important;
    text-transform: lowercase !important;
    background: rgba(var(--button-color1), .9) !important;
    border-radius: 20px !important;
    text-align: center !important;
    font-weight: 400 !important;
    letter-spacing: .4px !important;
    color: var(--button-color1--text) !important;
    width: 100% !important;
    font-size: 11px;
}

#pun-adnav li.isactive a {
    background: var(--extra-color1) !important;
    color: var(--extra-color1--text) !important;
    font-weight: 450 !important;
}

#pun-adnav ul.adsubnav {
    -webkit-box-shadow: 0 0 0 1px var(--extra-color1);
    box-shadow: 0 0 0 1px var(--extra-color1);
    padding: 8px 0 8px !important;
    margin: 0 0 0 !important;
    border-radius: 10px;
}

#pun-adnav ul.adsubnav a {
    font-weight: 400 !important;
    color: var(--link-color2) !important;
    text-decoration: none !important;
    background: transparent !important;
    padding: 0 !important;
    letter-spacing: .2px !important;
    height: auto !important;
}

#pun-adnav ul.adsubnav a:hover {
    color: var(--hover-color) !important;
}

#pun-adnav li.isactive ul.adsubnav {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

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

#pun-admain a {
    cursor: pointer;
    color: var(--link-color1) !important;
}

#pun-admain a:hover {
    color: var(--hover-color) !important;
}

#pun-admain.post {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background: transparent !important;
    border-radius: 0 !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(--border-color1);
}

#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;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#pun-admin_paid_services .linksb strong,
#pun-admin_mail .linksb strong {
    background: transparent;
    font-size: unset;
    font-weight: 500;
    padding: 0 3px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: auto;
}

/*--- ФОРМА ОТВЕТА ГОСТЯ ---*/
.gid3 #pun-viewtopic .fs-box.hashelp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.gid3 #pun-viewtopic .fs-box.hashelp .inputfield.required {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin: 0 0 8px;
}

.gid3 #pun-viewtopic .fs-box.hashelp #form-buttons,
.gid3 #pun-viewtopic .fs-box.hashelp #tags {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.gid3 #pun-viewtopic .fs-box.hashelp .areafield.required {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: .6px;
    line-height: 1;
    font-family: var(--font-base);
    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;
    color: var(--button-color1--text);
    background: rgba(var(--button-color1), .9);
    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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: var(--textarea-color);
}

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

.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-base);
    text-transform: none;
    position: absolute !important;
    left: 50px;
    top: 23px;
    z-index: 100000 !important;
    text-align: center;
    background: var(--pun-color);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 20px;
    border-radius: 0 16px 16px 0;
    height: 170px;
    color: var(--text-color);
    font-size: 11px;
    -webkit-box-shadow: inset 0 0 0 1px var(--border-color1), 0 0 6px 0 var(--shadow-color);
    box-shadow: inset 0 0 0 1px var(--border-color1), 0 0 6px 0 var(--shadow-color);
}

.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: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    right: 100%;
    padding: 10px;
    border-radius: 16px 0 16px 16px;
    text-align: center;
    background: var(--pun-container-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-shadow: inset 0 0 0 1px var(--border-color1), 0 0 6px 0 var(--shadow-color);
    box-shadow: inset 0 0 0 1px var(--border-color1), 0 0 6px 0 var(--shadow-color);
}

.punbb #List-UserNames ul {
    padding: 0;
    overflow: hidden;
    overflow-y: auto;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 120px;
}

.punbb #List-UserNames li {
    position: relative;
    background: rgba(var(--button-color1), .9);
    text-align: left;
    margin: 0 0 4px 0 !important;
    padding: 5px 10px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}

.punbb #List-UserNames li>b {
    color: var(--button-color1--text);
    font-weight: 400;
    width: 100%;
    font-size: 11px;
}

.punbb #List-UserNames li:hover {
    background: var(--hover-color);
    color: var(--hover-color--text);
}

.punbb #List-UserNames li:hover>b,
#List-UserNames ul li:hover>span {
    color: var(--hover-color--text);
}

#List-UserNames ul::-webkit-scrollbar {
    width: 3px;
    height: 0;
}

#List-UserNames ul::-webkit-scrollbar-track {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#List-UserNames ul::-webkit-scrollbar-thumb {
    background: var(--extra-color1);
    -webkit-box-shadow: none;
    box-shadow: none;
}

#List-UserNames ul li>span {
    padding: 0 !important;
    cursor: pointer;
    margin: 0 !important;
    vertical-align: middle;
    color: var(--button-color1--text);
}

#List-UserNames ul li>span:hover {
    color: #000000;
}

#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-color);
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 20px;
}

#form-login>span {
    display: none !important;
}

/*--- Кнопка смены дизов ---*/
#theme_switcher {
    position: absolute;
    top: -290px;
    left: 454px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 22px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    z-index: 1;
    flex-direction: column;
}

#theme_switcher li label {
    display: none;
}

#theme_switcher li input {
    -webkit-appearance: none;
    margin: 0;
    padding: 0;
    border: none;
    height: 12px;
    width: 12px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 20px;
    background: #cfc4a2;
}

/*.dark #theme_switcher li input {background: #ae9081;}*/
.grey #theme_switcher li input {
    background: #dfd4b0;
}

.grey #theme_switcher li input#dark {
    opacity: .85;
}

#theme_switcher li input#dark {
    background: #353c44;
}

#theme_switcher li input#grey {
    background: #e8e8e8;
}

.dark #theme_switcher li input#grey {
    background: #d5d5d5;
}

#stylelist li {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 66px;
    left: calc(50% + 155px);
    height: 14px;
    width: 14px;
    z-index: 100;
    background: #7e9bb6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
}

#stylelist li:nth-of-type(1) {
    background: #999999;
}

#stylelist a {
    font-size: 0;
    display: block;
    z-index: 1;
    width: 100%;
    height: 100%;
}

/*-------------- МОБИЛЬНЫЕ --------------*/
@media screen and (max-device-width: 1024px) {
    body {
        width: 1050px;
        background: var(--body-color);
    }
}

@media screen and (max-device-width: 768px) {
    body {
        width: 1050px;
        background: var(--body-color);
    }

    #post-form .formsubmit {
        text-align: left;
    }

    .post-content {
        margin-bottom: 20px;
    }

    #post input.button.submit:first-of-type {
        margin: 0 10px 0 0 !important;
    }

    #pun-ulinks .container,
    #pun-navlinks .container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #post input.button.submit,
    #post input.button.preview {
        font-size: 14px;
    }
}