@import url(style_cs.1778940897.css);
@import url(https://forumstatic.ru/files/001c/43/fc/27566.css);

/* Иконический шрифт */
@import url('https://fonts.googleapis.com/css2?family=Material+Icons+Outlined');

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

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Manrope:wght@200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');
@font-face {
        font-family: 'courier';
        src: url('https://forumstatic.ru/files/001c/b5/cb/54353.ttf') format('truetype');
        font-weight: 400;
        font-style: normal;
    }


@font-face {
        font-family: 'diarysecrets';
        src: url('https://forumstatic.ru/files/001c/b5/cb/83923.ttf') format('truetype');
        font-weight: 400;
        font-style: normal;
    }
/****************************************
Чистый стиль by Alex Kolmar (бродяга)
****************************************/

/* Полезные сервисные настройки
-------------------------------------------------------------*/

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

#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow: hidden;
  line-height: 0.0;
  font-size: 0;
}
#profile-signature {max-width: 850px;
    margin-left: 65px;}

/* Global
------------------------------------------*/

/* Применяется ко всем элементам */
.night .punbb {    color: var(--text);}
* {
  margin: 0;
  padding: 0;
  border: none;
  text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /*scrollbar-width: thin;
  scrollbar-color: var(--acent) var(--sec-bg);*/
}

/* прокрутка хром etc */

*::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  border-radius: 10px;
}

*::-webkit-scrollbar-track {
  background-color: var(--sec-bg);
  border-radius: 10px;
}

*::-webkit-scrollbar-thumb {
  background-color: var(--acent);
  border-radius: 10px;
}

*::-webkit-scrollbar-thumb:active {
  background: var(--acent);
  border-radius: 10px;
}

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

::selection {
  background: var(--link);
  color: #E9E9E9;
}

:focus {
  outline: none;
}

/* все ссылки */

a,
.punbb #pun-admain a {
  text-decoration: none;
  color: var(--link);
  transition: all .2s linear 0s;
}
.night a, .punbb #pun-admain a {color: #8b615d;}
a:hover,
.punbb #pun-admain a:hover {
  color: var(--link-hover);
}

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

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre {
  margin: 0;
}

h1,
h2 {
  padding: 10px 20px;
  font-weight: normal;
  text-align: center;
}
h1 span {
    font-size: 10px;
    font-family: 'EB Garamond';
    font-style: italic;
}
ul,
dl,
li,
dd,
dt {
  list-style: none;
}

address,
em {
  font-style: normal;
}

/* выключить список модераторов, отредактировано etc */

.modlist,
.lastedit,
.punbb div#pun-live-rusff,
.punbb .topic a.sharelink {
  display: none;
}

/* модальные окна, репутация, закладки etc */

#tags .container,
.post_report,
.post_reputation,
#MyBookmarks,
.inner.popup_graffiti,
.pun-modal .modal-inner,
.punbb-admin #pun-admin-award-form .inner {
  background: var(--sec-bg);
}
.night #tags .container {background: var(--quote);}

/* Формы
------------------------------------------- */

/* ОФОРМЛЕНИЕ КНОПОК */


input[type="text"], input[type="password"], textarea, select {
    padding: 2px 5px;
    border-radius: 5px;
    background: #e6e5e3;
    color: var(--text);
    font-family: var(--font1);
    font-weight: 400;
}
.night input[type="text"],
.night input[type="password"],
.night textarea,
.night select {
    color: var(--pun-bg);
}

textarea,
input,
select,
optgroup {
  font-size: 12px;
}

optgroup {
  font-weight: bold;
}

/* флажки и чекбоксы */

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

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

.formal .container {
  padding: var(--pad1);
}

.formsubmit {
    padding: 0;
    margin: 6px 0 0 -28px;
    text-align: left;
}

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

fieldset {
  border: none;
}

fieldset legend {
  font-weight: bold;
}

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

.fs-box {
    padding: 5px 16px 5px 0;
    margin-left: -29px;
}

.fs-box p,
.fs-box fieldset {
  padding: 0 0 8px 0;
}
#pun-admain textarea, #pun-admain input, #pun-admain select, #pun-admain optgroup {color: #000!important}
.inline .inputfield,
.inline .selectfield,
.inline .passfield {
  float: left;
  margin-right: 10px;
}

.inline .infofield {
  clear: both
}

.datafield br {
  display: none
}

.required label,
.datafield span.input {
  font-size: 10px;
}

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

.hashelp {
  position: relative;
}

/* Админка
------------------------------------------*/

.punbb-admin .adcontainer,
.punbb-admin .adformal {
  border: none;
}

.punbb-admin sup.new {
display: none;
}

/* Тело форума
------------------------------------------*/

/* фон */

html {
  background: var(--link) url() no-repeat top center;
}

/* заплатка для фиксированного фона */

body::before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  min-width: 100vw;
  min-height: 100vh;
  z-index: -10;
  background: var(--body-bg);
}

/* тело */

#pun {
    margin: 30px auto;
    margin-top: 90px;
    width: 1020px;
    background: var(--pun-bg);
}


/* внутреннее тело */

.punbb {
    font: 11px var(--font1);
    display: flex;
    flex-direction: column;
}

/* настройки внутренних блоков */

.punbb > div .container {
  padding: var(--pad1);
}

/* Навигационные ссылки */

#pun-navlinks {
    order: -1;
    font-family: var(--font1);
    /* font-weight: 700; */
    font-size: 11px;
    text-transform: lowercase;
    /* text-align: left; */
    position: relative;
    top: -88px;
    display: flex;
    margin-bottom: -45px;
    /* gap: 1px; */
    height: 31px;
    /* background: red; */
    padding-top: 10px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

#pun-navlinks a {
    color: var(--sec-bg);
    background: none;
    padding: 4px 4px;
    border-radius: 50px;
}
.night #pun-navlinks a {
    color: var(--text);}
#pun-navlinks a:hover {
    color: var(--pun-bg);
    background: var(--link) !important;
    padding: 4px 11px;
    border-radius: 50px;
}
.night #pun-navlinks a:hover{
    color: var(--text);}
#pun-navlinks .container {
  text-align: center;
}

#pun-navlinks li {
  display: inline;
}
li#navawards {display: none;}

/* Пользовательские ссылки */

#pun-ulinks {
    font-family: var(--font1);
    font-size: 11px;
    text-transform: lowercase;
    margin-bottom: 5px;
    display: flex;
    position: relative;
    top: -210px;
    left: 28px;
    font-weight: 400;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    width: 242px;
    gap: 8px;
    text-align: left !important;
    line-height: 19px;
}


#pun-ulinks .container {
  text-align: left;
}

#pun-ulinks li {
  padding: 0 5px;
  display: inline;
}
#pun-ulinks li a {
color: var(--text) !important}
/* Статус */

#pun-status {
    font-family: var(--font1);
    text-transform: lowercase;
    font-size: 9px;
    text-align: left;
    left: 27px;
    font-weight: 300;
    position: relative; margin-top: -97px;
}

#pun-status .container {
    border-top: none;
    border-bottom: none;
    margin-bottom: 54px;
    position: relative;
    top: 44px;
}

#pun-status .container strong {
    font-weight: 500;
}

#pun-status span {
  white-space: nowrap;
  margin-right: 5px;
}

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

/* Хлебные крошки */

.crumbs.container {
    text-align: center;
    font-family: var(--font1);
    font-size: 9px;
    text-transform: lowercase;
}
.crumbs.container a {
    background: var(--sec-bg);
    padding: 2px 5px 3px 5px;
    border-radius: 50px;
    text-align: center;
    border: 1px dashed var(--link);
}
.night .crumbs.container a {
    background: var(--quote);
    padding: 2px 5px 3px 5px;
    border-radius: 50px;
    text-align: center;
    border: 1px dashed var(--link);
    color: #818181 !important;
}
.crumbs.container a:hover {
    background: #e4e1df;
}
/* Копирайт */

#pun-about {
    height: 126px;
    background: var(--footer);
    background-size: 1020px 126px;
    margin-top: 8px;
    z-index: 10;
}

#pun-about .container {
  text-align: center;
}


/* Главная форумная таблица
------------------------------------------*/

.main table {
  table-layout: fixed;
  width: 100%;
}

.main th {
  padding: 5px 10px;     font-size: 0px;
}

.main td {
  padding: 10px;
}

.tcl {
  width: 50%;
}

.tc2,
.tc3,
.tcmod {
  text-align: center;
  width: 10%;
}

.tcr {
  width: 30%;
}

#pun-searchtopics .tcl,
#pun-modviewforum .tcl {
  width: 40%
}

#pun-searchtopics .tc2 {
  text-align: left;
  width: 20%;
}

#pun-debug table .tcl {
  width: 15%;
}

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

tbody.hasicon td.tcl {
  padding-left: 40px;
}

#pun-index .hasicon td.tcl {
  padding-left: 24px;
  width: 60%;
}

/* аватар */

.punbb td .user-avatar, #pun-index td .user-avatar {
}

#pun-index td .user-avatar {
float: left;
    margin: 0 14px 0 12px;
}

.punbb td .user-avatar .avatar-image {
    transition: all .2s linear 0s;
}

.punbb .user-avatar .isonline {    background: #C0975F !important}
.night .punbb .user-avatar .isonline {    background: var(--acent)!important}

/* Иконки */

div.icon {
    position: absolute;
    margin-left: 409px;
    z-index: 6;
    margin-top: -8px;
}

#pun-index .icon {
    width: 98px;
    height: 118px;
    background: var(--old);
    background-size: 98px 118px;
}
#pun-index tr.inew td.tcl .intd {
    position: relative;
}

#pun-index tr.inew {
  position: relative;
}

#pun-index tr.inew td.tcl div.icon.inew {
    z-index: 8;
    background:var(--new);
    background-size: 98px 118px;
}

.hvStickerPackModalAddButton {padding: 4px 10px !important;}
tr.inew div.icon {
  background: var() url() no-repeat top center;
}
.night .hvStickerPackModal {    background: var(--ls) !important;}
.night .hvStickerPackModalTab.active{background: var(--ls-text-2) !important; color: var(--pun-bg) !important;}
tr.isticky div.icon {
  background: var() url() no-repeat top center;
}

tr.iclosed div.icon {
  background: var() url() no-repeat top center;
}


/* Пагинация (Переключаемые страницы, Новая тема + Опрос, Подписка)
--------------------------------------------------------------------------------------------------- */

.multipage {
  margin-top: 10px;
}

.multipage#pun-main h1, .multipage#pun-main h2 {
  display:none;
}

#pun-post h1 {
  display:none;
}

.linkst {
    position: relative;
    padding: 15px 30px;
    display: flex;
    justify-content: space-between;
    text-transform: lowercase;
    font-family: var(--font1);
    font-size: 11px;
}

.linkst .pagelink, .linksb .pagelink {    font-size: 0px;}
.linkst .pagelink strong, .linksb .pagelink strong {
    font-size: 10px;
    margin-right: 7px;
    background: var(--acent);
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    color: var(--pun-bg);
    border-radius: 50px;
    line-height: 20px;
}
.linkst .pagelink a, .linksb .pagelink a {
    font-size: 10px;
    margin-right: 7px;
    background: var(--pun-bg);
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    color: var(--text);
    border-radius: 50px;
    line-height: 20px;
}
.linkst .pagelink a:hover, .linksb .pagelink a:hover{
    background: var(--sec-bg);
}
.linkst .postlink {
  text-align: right;
}

.linksb {
    position: relative;
    padding: 15px 41px;
    flex-wrap: nowrap;
    justify-content: space-between;
    text-transform: lowercase;
    font-family: var(--font1);
}

.subscribelink {
  width: 100%;
  text-align: right;
}

.linksb noindex {
  order: 1;
}

.linksb .postlink {
  margin-left: auto;
  text-align: right;
}

/* Модераторское меню, RSS, Atom */

.modmenu .container {
    padding: 10px 40px !important;
    text-align: right;
}

.modmenu .container strong {
  float: left;
}

.modmenu input {
  margin-left: 10px;
}

#topic-users-in p.container {
    font-family: var(--font1);
    text-transform: lowercase;
}

/* Главная
------------------------------------------*/

/* скрыть "форум, тем, сообщений" */

#pun-index thead, #pun-index .tc2, #pun-index .tc3 {
  display: none;
}

/* категория */

#pun-index .category {
    position: relative;
}

#pun-index .category .container {
    background: var(--light-2);
    max-width: 970px;
    margin: 0 auto;
    box-sizing: border-box;
    border-radius: 6px;
    padding: 28px 20px;
}
.night #pun-index .intd {border: 1px solid #2E2E2E; box-shadow: 0.5px -1px 0px #3B3B3B; }
.night #pun-index .category .container, .night #pun-stats .container {
    background: #424242;}
#pun-category1.category h2, #pun-category2.category h2, #pun-category3.category h2, #pun-category4.category h2, #pun-category5.category h2, #pun-category6.category h2, #pun-category7.category h2, #pun-category8.category h2, #pun-stats.section h2 {
    background-repeat: no-repeat;
    background-size: 123px 233px;
    height: 233px;
    font-size: 0 !important;
    position: relative;
    z-index: 10;
}

#pun-index .category::before {
    content: '';
    position: absolute;
    background-size: 125px 882px;
    background-position: top center;
    width: 125px;
    height: calc(100% - 42px);
    left: 25px;
    top: 42px;
    border-radius: 5px 0 0 5px;
    z-index: 4;
}
#pun-stats .container::before {
    background-image: url(https://upforme.ru/uploads/001c/b5/cb/5/834265.png);
}
.night #pun-stats .container::before {
    background-image: url(https://upforme.ru/uploads/001c/b6/45/6/600706.png);
}
#pun-stats .container::before {
    content: '';
    position: absolute;
    background-size: 340px;
    background-position: top center;
    width: 340px;
    height: calc(100% - 0px);
    right: 0px;
    top: 0px;
    border-radius: 5px 0 0 5px;
    z-index: 4;
}

#pun-index .category.category-1::before {
    background-image: var(--h2);
}
#pun-index .category.category-2::before {
    background-image: var(--h2);
}

#pun-index .category.category-3::before {
    background-image: var(--h0);
}
#pun-index .category.category-4::before {
    background-image: var(--h3);
}
#pun-index .category.category-5::before {
    background-image: var(--h1);
}
#pun-index .category.category-6::before {
    background-image: var(--h4);
}
#pun-index .category.category-7::before {
    background-image: var(--h6);
}
/* заголовок категории */

#pun-index .category h2 {
    text-align: right;
    margin: 0 131px 0 50px;
    padding: 0;
    /* transform: translateY(49px); */
    margin-bottom: -191px;
    top: 80px;
    left: 10px;
    border-radius: 5px 0px 0px 5px;
    z-index: 0;
}

#pun-index .category h2 span {
  font-size: 0px;
}


#pun-index .intd {
    display: flex;
    align-items: center;
    height: auto;
    background: var(--pun-bg);
    position: relative;
    left: 95px;
    width: 747px;
    padding: 30px 23px 15px 44px;
    margin-bottom: -3px;
    border: 1px solid var(--three-bg);
    border-radius: 10px;
    overflow: hidden;
}
#pun-index .tclcon {
    max-width: 352px;
    left: -19px;
    position: relative;
    top: -13px;
}

#pun-index .tclcon h3 a {
    font-family: var(--font3);
    font-style: italic;
    font-weight: 500;
    font-size: 22px;
    text-transform: lowercase;
    color: var(--link);
}
.night #pun-index .tclcon h3 a {    color: var(--text);}
#pun-index .tclcon h3 a:hover {
    letter-spacing: 1px;
    color: var(--link-hover);
}

#pun-index .tclcon .desktext {
    font-family: var(--font1);
    font-weight: 500;
    font-size: 10px;
    text-transform: lowercase;
    color: #323244;
    margin-bottom: 5px;
}

#pun-index .tclcon .desklink {
    background: var(--acent);
    width: fit-content;
    padding: 2px 10px;
    color: var(--add-acc);
}

#pun-index .tclcon .desklink a {
    font-family: var(--font1);
    font-weight: 500;
    font-size: 10px;
    text-transform: lowercase;
    color: #fff;
}

#pun-index .tclcon .desklink a:hover {
    color: var(--link);
    font-weight: 900;
}

#pun-index .category .tcr {
    text-align: left;
    z-index: 3;
    position: relative;
    height: 118px;
    display: block;
    top: 10px;
    width: auto;
    align-items: center;
    box-sizing: border-box;
    padding-top: 41px;
    left: 30px;
    padding-left: 45px;
    border-radius: 0px 5px 5px 0px;
    background-image: repeating-linear-gradient(to bottom, var(--three-bg) 0 6px, transparent 3px 9px);
    background-position: left;
    background-size: 1.3px 100%;
    background-repeat: no-repeat;
}

#pun-index .lastpost-link {
    font-family: var(--font1);
    font-weight: 600;
    font-size: 10px;
    text-transform: lowercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    text-wrap: auto;
    margin-left: auto;
    width: 194px;
    color: var(--text) !important;
}
#pun-index .lastpost-link:hover {color: var(--link)!important;}
#pun-index .lastpost {
    font-family: var(--font1);
    font-weight: 300;
    font-size: 8.5px;
    text-transform: lowercase;
    color: #6e6e6e;
    position: relative;
    top: -2px;
    display: block;
}

/* Статистика */

#pun-stats {
   font-family: var(--font1);
   text-transform: lowercase;
   font-size: 12px;
}

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

#pun-stats h2 {
   display: none;
}

/* всего тем, всего сообщений */

#pun-stats .container {
    display: block;
    width: 969px;
    margin: 25px auto 0;
    box-sizing: border-box;
    padding: 10px 40px;
    border-top: 1px solid var(--sec-bg);
    background: var(--light-2);
    border-radius: 5px;
    z-index: 9;
    position: relative;
    overflow: hidden; height: 258px;
}

#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
    text-align: left;
    padding: 5px 41px;
    transition: 0.4s ease;
    display: flex;
    position: relative;
    z-index: 6;
    margin-bottom: -10px;
    right: -588px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 209px;
    font-size: 10px;
    align-items: baseline;
    gap: 4px;
    top: 16px;
}

#pun-stats li.item1 span, #pun-stats li.item2 span, #pun-stats li.item3 span, #pun-stats li.item4 span {
    display: inline-block;
    font-weight: 600;
    color: var(--link);
    line-height: 19px;
}
.night #pun-stats li.item1 span, .night #pun-stats li.item2 span, .night #pun-stats li.item3 span, .night #pun-stats li.item4 span {color:var(--ls-text-2)}
#pun-stats li.item4 strong a {
    position: relative;
    top: -5px;
    color: var(--text);     display: block;
}

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

/* активны, посетили за сутки */

li#onlinelist {
    width: 60%;
    padding: 5px 0;
    text-align: justify;
    position: relative;
    top: -91px;
    font-size: 10px;     margin-top: 15px;
}

li#onlinelist div > a {
  font-weight: 700;
}

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

#pun-title {
    background: var(--title);
    width: 1020px;
    height: 533px;
    background-size: 1020px 533px;
    margin-top: -30px;
}

/* скрыть заголовок в шаке */

#pun-title .title-logo {
  display: none;
}

/* Объявление
------------------------------------------*/

#pun-announcement {margin-top: -120px;}

/* скрываем слово "объявление" */

#pun-announcement h2 {
  display: none;
}


/* Футер
------------------------------------------*/

#html-footer {}

#html-footer .container {padding: 0;}

/* баннеры */

.banners {
  padding: var(--pad1);
}

.banners .container {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    height: 73px;
    justify-content: center;
    overflow: auto;
}

.banners a {
  opacity: .7;
}

.banners a:hover {
  opacity: 1;
}


/* Топик
------------------------------------------*/

.post {
    margin: 10px auto 0;
    border-radius: 5px;
    background: var(--pun-bg);
    padding: 18px 0 18px 0;
    text-transform: none;
}
#pun-viewtopic .post {
    width: 965px;
}

.toppost,
.topicpost {
  margin-top: 0;
}

/* контейнер поста */

.punbb .post .container {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  padding: 5px;
}

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

.post h3 {
    position: relative;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: auto !important;
    left: 0 !important;

    box-sizing: border-box;
    background: var(--light);
    border: var(--border-1);
    border-radius: 5px;
    padding: 3px 10px; margin-left: 245px !important;
}
.topic .post h3 {
    margin-right: 13px !important;
}

.messages-container .post-body, #messages .post-body, .formal.messages-container .post-body {
    width: 520px;
    position: relative;
}
.messages-container .post h3, #messages .post h3, .formal.messages-container .post h3 .post h3 span {
    padding: 3px;
    display: block;
    font-family: var(--font1);
    font-size: 9px;
    font-weight: 500 !important;
    color: #898989 !important; margin-left: 280px !important;
}
.messages-container .pa-reg, #messages .pa-reg, .formal.messages-container .pa-reg, 
.messages-container .pa-posts, #messages .pa-posts, .formal.messages-container .pa-posts,
.messages-container .post-author ul::after, #messages .post-author ul::after, .formal.messages-container .post-author ul::after {display:none}
.post h3 span {
    padding: 3px;
    display: block;
    font-family: var(--font1);
    font-size: 9px;
    font-weight: 500 !important; color: #898989!important;
}
.messages-container .pa-title, #messages .pa-title, .formal.messages-container .pa-title {
    margin: 10px auto;
} 
/* номер поста */
.post h3 span {
    font-size: 9px;
}
.post h3 span a {
    color: #898989!important;
    font-weight: 500;
}
.post h3 strong {
  float: right;
  text-align: right;
  font-weight: normal;
}

.post h3 strong::before {
    content: '\f0c6';
    font-family: var(--fa);
    font-size: 9px;
    color: var(--text);
    padding-right: 8px;
}

/* Автор */

.post-author {
    width: 210px;
    text-align: center;
    box-sizing: border-box;
    background: #D7D7D7;
    border: 1px solid #D7D7D7;
    border-radius: 5px;
    box-shadow: none;
    top: -15px;
    position: relative;
    overflow: hidden;
}

.night .post-author {    background: #343434;
    border: var(--border-1);}
.post-author ul {
    background: #ededed;
    padding: 10px 15px;
    z-index: 3;
    position: relative;
}
.night .post-author ul {
    background: var(--light);}

.post-author ul::after {
    content: "";
    position: absolute;
    left: -14px;
    bottom: -76px;
    width: 146px;
    height: 146px;
    background: #DFDFDF;
    -webkit-mask: url(https://forumstatic.ru/files/001c/b5/cb/16452.svg) no-repeat center;
    mask: url(https://forumstatic.ru/files/001c/b5/cb/16452.svg) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
    opacity: .9;
    pointer-events: none;
    z-index: 0;
}
.night .post-author ul::after {  background: #505050;}
.pa-author {
    font-family: var(--font3);
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    text-transform: lowercase;
    text-align: left;
    margin-left: 10px;
    margin-top: 0px; z-index: 4;
    position: relative;
}

.pa-author a {color: var(--text)!important}

.pa-title, #profile-title strong {
    font-family: var(--font1);
    font-style: normal;
    font-weight: 400;
    font-size: 8px;
    text-transform: lowercase;
    text-align: center;
    color: var(--text);
    align-items: center;
    position: relative;
    min-width: 80px;
    max-width: 180px;
    width: fit-content;
    height: auto;
    min-height: 16px;
    white-space: normal;
    overflow-wrap: anywhere;
    display: table;
    background: rgb(239 239 239);
    margin: 5px auto 3px;
    box-sizing: border-box;
    padding: 3px 10px;
    border: 0.7px solid #CFCFCF;
    border-radius: 48px; z-index: 7;
}
.night .pa-title, #profile-title strong {background:none; border: var(--border-1);}
.pa-avatar img {
    border-radius: 0px;
}

.pa-fld1 {
    box-sizing: border-box;
    scale: 60%;
    position: relative;
    width: 226px;
    height: 46px;
    border-radius: 0px 0px 50px 0px;
    overflow: hidden;
    top: -20px;
    left: -85px;
    margin-bottom: -15px;
}
.pa-fld1 img{
    position: relative;
    width: 226px;
    height: 46px;
    object-fit: cover;
}
.pa-fld5 {
    font-family: var(--font3);
    font-style: italic;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    text-transform: lowercase;
}
.pa-fld5 a {color: var(--text)!important}
.pa-fld2 {
    font-family: var(--font1);
}

.borform {
    z-index: 7;
    width: 160px;
    border-top: 1px #dbdbdba8 solid;
    margin-left: 9px;
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: row;
    /* background: forestgreen; */
    align-content: flex-start;
    overflow: visible;     position: relative;
}
.night .borform {border-top: 1px #dbdbdb33 solid;}
.lz {
    width: 157px;
    font-family: var(--font1);
    font-style: normal;
    font-weight: 400;
    font-size: 8px;
    line-height: 10px;
    color: #3D3D3D;
    text-align: left;
    left: 10px;
    position: relative;
}
.night .lz {color: #bababa;}
.night .lz a  {color: #8b615d;}
.pa-posts .fld-name, .pa-respect .fld-name, .pa-fld1 .fld-name, .pa-fld2 .fld-name, .pa-fld3 .fld-name, .pa-fld4 .fld-name, .pa-fld6 .fld-name, .pa-fld7 .fld-name, .pa-last-visit .fld-name {
    width: 50px;
    height: 4px;
    display: block;
    font-size: 0px;
    margin: auto;
    font-family: var(--font1);
    color: var(--main1);
    letter-spacing: 1px;
}

.pa-posts, .pa-respect, .pa-fld3 {
    display: flex;
    text-transform: lowercase;
    font-family: var(--font1);
    font-weight: 400;
    font-size: 9px;
    letter-spacing: 0.04em;
    color: rgba(0, 0, 0, 0.72);
    flex-direction: column;
    align-items: center;
    gap: 4px;
    justify-content: flex-start;
    position: relative;
    width: 51px;
}
.night .pa-posts, .night .pa-respect, .night .pa-fld3 {color: #bababa;}
.pa-respect {
    background-image: repeating-linear-gradient(to bottom, var(--three-bg) 0 6px, transparent 0px 3px);
    background-position: right;
    background-size: 1px 65%;
    background-repeat: no-repeat;
    top: -2px;
}
.pa-respect::after {
    content: '';
    background-image: url(https://forumstatic.ru/files/001c/b5/cb/17473.svg);
    width: 9px;
    height: 8px;
    display: block;
    top: 1px;
    position: relative;
    left: 1px;
}
.night .pa-respect::after {
    content: '';
    mask: url(https://forumstatic.ru/files/001c/b5/cb/17473.svg);
    width: 9px;
    height: 8px;
    display: block;
    top: 1px;
    position: relative; background-image: none;
    left: 1px;
    background: #bababa;
}
.pa-posts {
    background-image: repeating-linear-gradient(to bottom, var(--three-bg) 0 6px, transparent 0px 3px);
    background-position: right;
    background-size: 1px 65%;
    background-repeat: no-repeat;
    top: -2px;
}
.pa-posts::after {
    content: '';
    background-image: url(https://forumstatic.ru/files/001c/b5/cb/39571.svg);
    width: 8px;
    height: 8px;
    display: block;
}
.night .pa-posts::after {
    content: '';
    mask: url(https://forumstatic.ru/files/001c/b5/cb/39571.svg);
    width: 8px;
    height: 8px;
    display: block;     background-image:none;
    background: #bababa;
}
.pa-fld3{
    top: 5px;
    position: relative;
}
.pa-fld3::after {
    content: '';
    background-image: url(https://forumstatic.ru/files/001c/b5/cb/95713.svg);
    width: 8px;
    height: 8px;
    display: block; 
}
.night .pa-fld3::after {
    content: '';
    mask: url(https://forumstatic.ru/files/001c/b5/cb/95713.svg);
    width: 8px;
    height: 8px;
    display: block;  background-image: none;
    background: #bababa;
}
.pa-online {
    font-size: 8px;
    font-weight: 300;
    font-family: var(--font1);
    text-transform: lowercase;
    padding: 0px 4px 10px 4px;
    color: var(--link);
    text-align: left;
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    height: 23px;
    /* background: red; */
    align-items: center;
}
.night .pa-online {color: #8b615d;}
.pa-online strong {
    font-size: 0;
}
.pa-online strong::after {
    content: "активно пьёт пиво";
    font-size: 8px;
    color: #777777;
    font-weight: 300;
}
.night .pa-online strong::after {    color: #9e9e9e;}
.pa-online::before {
    content: '\e28f';
    font-family: var(--fa);
    display: block;
    padding-right: 10px;
    position: relative;
    font-weight: bold;
    left: 6px;
}
.pa-last-visit {
    font-size: 0px;
    font-weight: 300;
    font-family: var(--font1);
    text-transform: lowercase;
    padding: 0px 4px 10px 4px;
    color: var(--link);
    text-align: left;
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    height: 23px;
    /* background: red; */
    align-items: center;
    width: 174px;
}
.pa-last-visit strong {
    font-size: 0;
}

.pa-last-visit::after {
    content: "уснул после пятого хофброй";
    font-size: 8px;
    color: #777777;
    font-weight: 300;
    left: -49px;
    position: relative;
    display: inline-block;
    top: 0px;
}
.pa-last-visit::before {
    content: '\f186';
    font-family: var(--fa);
    display: block;
    padding-right: 10px;
    position: relative;
    font-weight: bold;
    left: 6px;
    font-size: 9px;
}
.pa-respect .fld-name a {
    width: 18px;
    display: block;
    height: 12px;
    position: relative;
    z-index: 9;
    top: 20px;
    left: 16px;
}
.pa-gifts, .pa-awards {display: none}
/* Тело поста */

.post-body {
    width: 710px;
    position: relative;
}

.post-box {
    padding: 10px 18px 10px 33px;
}
.post-links {
    margin-left: 246px;
    width: 100%;
    text-transform: lowercase;
    font-family: var(--font1);
    font-size: 10px;
    padding-right: 0px;
}

.post-links ul {
  padding: 0;
  margin-left: calc(var(--pwidth) * -1);
  text-align: right;
}

.post-links li {
  display: inline;
}
.post-links li a {
    color: var(--text) !important;
    padding: 2px 7px;
    background:  var(--light);
    border-radius: 5px;
    border: var(--border-1);
}
li.pl-email.email a {display:none}
.post-links li:not(:first-of-type) {
  padding-left: 10px;
}

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

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


/* Контент поста - цитата, спойлер, таблицы и т.п. */

.punbb .post td {
  border: 0px transparent !important;
}

pre {
  font: 12px/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace;
}

.post-content em {
  font-style: italic;
}

.post .post-content td {
  border-width: 0px !important;
border: none !important;
    border-style: none !important;
}

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

.post-content p {
  margin: 0;
  padding: 0 0 12px 0;
  line-height: 150%;
  text-align: justify;
  text-transform: none;
}

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

.scrollbox {
  width: 100%;
  overflow: auto;
  max-height: 200px;
}

/* цитата и код */

.quote-box, .code-box {
    margin: 4px 10px 10px;
    font-family: var(--font1);
    position: relative;
    background: var(--quote);
    background-image: var(--shp) 0.5;
    border: 1px solid #ddd4cb;
    border-radius: 10px;
    color: var(--text);
    padding: 34px 18px 18px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .06);
}
.night .quote-box, .night .code-box{border: var(--border-1)}
.code-box strong a {
    color: var(--text);
    font: 11px var(--font1) !important;
}

.punbb .code-box strong.legend::before {
    content: '\f0c5';
    font-size: 10px;
    color: var(--text);
    font-weight: 600;
    padding-right: 10px;
    font-family: var(--fa);
}
.punbb .quote-box cite::before {
    content: '\f304';
    font-size: 10px;
    color: var(--text);
    font-weight: 600;
    padding-right: 10px;
    font-family: var(--fa);
}
.spoiler-box {
    padding-top: 17px !important;
}
.quote-box cite, .code-box strong {
    width: fit-content;
    height: auto;
    overflow-wrap: anywhere;
    position: absolute;
    top: -10px;
    left: 16px;
    padding: 5px 12px;
    background: #f3f1ee;
    background-image: var(--shp);
    border-radius: 4px;
    border: 1px solid #ddd4cb;
    font: 600 11px var(--font1);
    color: #6d625b;
    transform: rotate(-1.5deg);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
}
.night .quote-box cite, .night .code-box strong {background: #404040; border: var(--border-1);  color: var(--text);}
.code-box strong.legend {
  display: block;
  padding-bottom: 5px;
  font-weight: bold;
  font-style: normal;
}


.post-sig dt {
  border-bottom: 1px solid var(--link-hover);
  width: 300px;
  margin: 10px auto;
}

/* Форма ответа */

#main-reply {
  box-sizing: border-box;
  border-radius: 0 0 10px 10px;
}
.night #main-reply {
    background: #b7b7b7;
}
#post-form legend {
  display:none;
}

#tags {
  position: relative;
}

#tags .container {
    background: #f5f5f5;
    padding: 10px;
    border-radius: 5px;
    border: solid 1px var(--acent);
    box-shadow: 0px 4px 8px #6b676029;
  top: 0 !important;
}


/* Профиль + ЛС
------------------------------------------*/

#pun-profile {
    font-family: var(--font1);
    text-transform: lowercase;
}

#pun-profile h1 span {
    font-size: 12px;
    padding: 5px;
    border-top: 1px solid var(--three-bg);
    border-bottom: 1px solid var(--three-bg);
}

#profile .container {
  padding-left: 200px;
  min-height: 100px;
}

#profilenav {
  float: left;
  width: 180px;
  margin-left: -180px;
}

#profilenav h2 {
   display: none;
}

#profilenav li {
  padding: 0 0 13px;
}

#profilenav li a {
    background: var(--light);
    text-align: right;
    padding: 3px 11px 2px 11px;
    border-radius: 5px;
    color: var(--text);
    line-height: 18px;
    width: 89px;
    display: block;
    transition: 0.4s ease;
    border: var(--border-1);
}
#profilenav li a:hover {
    color: var(--link) !important;
    transform: translateY(-3px);
}

.night #profilenav li a:hover {color: #8b6054 !important;}

img.avatardemo {
  float: right;
  margin: 0 0 8px 18px;
}

#pun-messages .clearer {
  display: none;
}

/* Прочие страницы
------------------------------------------*/

/* Список пользователей */

#pun-userlist .formal,
#pun-userlist .formal .container {
  margin-bottom: 0;
}

#pun-userlist .tc2 {
  text-align: left;
  width: 20%;
}

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

.usertable .container {}

/* Собщения об ошибках */

.info .container {
  padding: var(--pad3);
}

.info .container .backlink {
  padding-top: 8px;
}

/* Регистрация */

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

.info-box * {
  padding: 0 0 5px 0;
}

.info-box .legend {
  font-weight: bold;
}

.jGrowl-notification .jGrowl-close {
  position: relative;
  right: 6px;
}

.tipsy #respect figcaption {
  margin-top: 0;
}

/* Кнопки вверх-вниз
-------------------------------------------------------*/

.go-up, .go-down {
    cursor: pointer;
    z-index: 9999;
    position: fixed;
    margin-left: 998px !important;
    box-sizing: border-box;
    transition: all .3s linear 0s;
    scale: 60%;
    display: block;
}
.night .go-up, .night .go-down {    filter: grayscale(1) brightness(0.9);}
.go-up {
   top: 37%;
}

.go-down {
   top: calc(40% + 85px);
}

.go-down:hover,
.go-up:hover {
  opacity: 1;
}

#pun-viewforum div[id^="forum_f"] td.tcl .tclcon {
    display: block;
}
#pun-viewforum div[id^="forum_f"] td.tcl .tclcon > a {
    display: block;
}
#pun-viewforum div[id^="forum_f"] td.tcl .byuser,
#pun-viewforum div[id^="forum_f"] td.tcl .pagestext {
    display: inline-block !important;
    font-size: 11px;
    color: rgba(0,0,0,0.45);
}
#pun-viewforum div[id^="forum_f"] td.tcl .pagestext {
    margin-left: 5px;
    margin-top: -18px;
}
.night #pun-viewforum div[id^="forum_f"] td.tcl .byuser, .nignt #pun-viewforum div[id^="forum_f"] td.tcl .pagestext {    color: var(--ls-text-2);}
#pun-viewforum .linksb {
    display: none;
}

.punbb div[id^="forum_f"] > .container > table > tbody.hasicon > tr > td {
    background: var(--light2) !important;
    padding: 14px 50px;
    /* border: 1px solid var(--sec-bg); */
    color: var(--link);
    font-family: var(--font1); border-radius: 5px;
}
.night .punbb div[id^="forum_f"] > .container > table > tbody.hasicon > tr > td {color: var(--text);}
.punbb div[id^="forum_f"] > .container > table > tbody.hasicon > tr::after {
    content: "";
    position: absolute;
    left: 137px;
    right: 40px;
    height: 0.7px;
    background: var(--three-bg);
}
.punbb div[id^="forum_f"] > .container > table > tbody.hasicon > tr > td:first-child {
    box-shadow: inset 25px 0 0 var(--pun-bg);
}

.punbb div[id^="forum_f"] > .container > table > tbody.hasicon > tr > td:last-child {
    box-shadow: inset -25px 0 0 var(--pun-bg)
}

.punbb div[id^="forum_f"] tbody.hasicon td.tcr .user-avatar {
    display: none !important;
}
.punbb div[id^="forum_f"] tbody.hasicon td.tcr a {
    /* margin-bottom: 4px; */
    font-size: 11px;
    font-weight: 600;
    margin-left: -25px;
    color: var(--text) !important;
}

.punbb div[id^="forum_f"] tbody.hasicon td.tcr .byuser {
    /* display: block; */
    font-size: 11px;
}
#pun-viewforum div[id^="forum_f"] tbody.hasicon td.tcl .tclcon a {
    font-weight: 700;
    color: var(--acent) !important;
}
.night #pun-viewforum div[id^="forum_f"] tbody.hasicon td.tcl .tclcon a    {color: var(--text) !important;}
.punbb div[id^="forum_f"] > .container > table > tbody.hasicon > tr {
    position: relative;
}
.punbb .formal .container {
    padding: 16px 10px 17px 30px;
    margin-left: 40px !important;
}
#plng {
    position: static !important;
    display: inline-flex !important;
    align-items: center;
    height: 28px;
    padding: 0 12px;
    margin: 0 !important;
gap: 2px;
    background: var(--org);
    border: var(--border-1);
    border-radius: 5px;

    font: 400 10px/1 var(--font1);
    color: var(--text);
    opacity: .7;
    white-space: nowrap;
}
#pun-viewtopic #post-form {
    margin: 15px 30px;
    border: 1px solid var(--three-bg);
}
#rep_form {
    background: var(--pun-bg);
    border-radius: 5px;
}

#pun_wrap #pun-respect.punbb table {
    border-collapse: separate !important;
    border-spacing: 0 10px !important;
}
#pun_wrap #pun-respect.punbb tbody tr {
    background: #7b97af12;
    border-radius: 12px;
}
#pun_wrap #pun-respect.punbb tbody tr td:first-child {
    border-radius: 12px 0 0 12px;
}

#pun_wrap #pun-respect.punbb tbody tr td:last-child {
    border-radius: 0 12px 12px 0;
}
#pun_wrap #pun-respect.punbb td {
    padding: 14px 18px !important;
}
#pun_wrap #pun-respect.punbb td.tc2 {
    font-weight: 600;
}

#pun_wrap #pun-respect.punbb td.tc2::before {
    content: "";
}
#pun_wrap #pun-respect.punbb td.tc2:has(> span.positive) {
    color: #6c8aa6;
}

#pun_wrap #pun-respect.punbb td.tc2:has(> span.negative) {
    color: #b07a7a;
}
#pun_wrap #pun-respect.punbb td.tc3 {
    font-size: 12px;
    color: rgba(0,0,0,0.75);
    line-height: 1.4;
}
#pun_wrap #pun-respect.punbb td.tc1 {
    font-size: 10px;
    color: rgba(0,0,0,0.45);
}
#pun_wrap #pun-respect.punbb td.tcr {
    font-size: 11px;
    color: rgba(0,0,0,0.6);
}
#pun_wrap #pun-respect.punbb tbody tr:hover td {
    background: rgba(200,210,220,0.18);
}
#pun_wrap #pun-respect.punbb tbody tr {
    position: relative;
}

#pun_wrap #pun-respect.punbb tbody tr::after {
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 0;
    height: 1px;
    background: rgba(0,0,0,0.06);
}
#pun_wrap #pun-respect.punbb #pun-main > .section > .container {
    padding: 20px 40px !important;
}
#pun_wrap #pun-respect.punbb #pun-main > .section > .container > table {
    width: 100% !important;
    border-spacing: 0 10px !important;
}
#pun_wrap #pun-respect.punbb #pun-main > .section > .container > table > tbody > tr > td {
    padding: 13px 14px !important;
    vertical-align: middle;
}
#pun_wrap #pun-respect.punbb td.tc1 {
    width: 180px !important;
}

#pun_wrap #pun-respect.punbb td.tc2 {
    width: 60px !important;
    text-align: center !important;
}

#pun_wrap #pun-respect.punbb td.tc3 {
    width: auto !important;
}

#pun_wrap #pun-respect.punbb td.tc4 {
    width: 80px !important;
    text-align: center !important;
}

#pun_wrap #pun-respect.punbb td.tcr {
    width: 220px !important;
}

#pun_wrap #pun-respect.punbb td.tc2 {
    font-size: 0px!important;
    color: rgba(0,0,0,0.6);
    letter-spacing: 0.04em;
}

#pun_wrap #pun-respect.punbb td.tc2::before {
    content: "+";
    font-size: 11px;
    margin-right: 2px;
    color: #7b96b0;
}
.punbb .user-avatar a {outline: 3px solid #C0975F;
    border-radius: 50px;}
.night .punbb .user-avatar a {outline: 3px solid var(--acent);}
#pun-viewforum div[id^="forum_f"] td.tcl > .intd {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3px;
}


/*************************
Быстрая смена аккаунтов — Feierabend style
*************************/

/* скрытие формы входа без клика */
#pun-navlinks a:not(.NextShow)+span.odd {
    display: none !important;
}

/* иконка выхода */
#pun-navlinks a#New-exit {
    position: absolute;
    z-index: 100000 !important;
    margin-top: -4px !important;
    margin-left: 12px !important;
    display: inline-block !important;
    background: transparent !important;
}

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

#pun-navlinks #New-exit:hover img {
    opacity: .55;
    transform: translateY(-1px) rotate(-4deg);
}

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

/* главная форма */
.punbb #pun-navlinks #form-login {
    position: absolute !important;
    top: 14px;
    left: 0;

    width: 178px;
    min-height: auto;
    padding: 16px 15px 14px;
    box-sizing: border-box;

    background: var(--org);
    background-image: var(--shp);
    border: var(--border-1);
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0,0,0,.14);

    color: var(--text);
    font: 10px/14px var(--font1);
    text-align: left;
    white-space: normal;
    text-transform: lowercase;
    z-index: 100000 !important;
}

#pun-navlinks #navlogin #form-login,
#pun-navlinks #navlogout #form-login,
.ismoderator #pun-navlinks #navlogout #form-login {
    margin-left: -70px !important;
}

/* вводный текст */
.punbb #pun-navlinks #form-login > span:first-of-type {
    display: block;
    margin-bottom: 10px;
    padding: 7px 10px;

    background: rgba(255,255,255,.45);
    border: 1px solid var(--ls-border);
    border-radius: 7px;

    font: 600 9px/13px var(--font1);
    color: var(--text);
    text-align: center;
}

/* подписи */
.punbb #pun-navlinks #form-login span {
    color: var(--text);
}

/* поля */
.punbb #pun-navlinks #form-login input[type="text"],
.punbb #pun-navlinks #form-login input[type="password"] {
    width: 100% !important;
    height: 28px !important;
    margin: 4px 0 8px !important;
    padding: 5px 9px !important;
    box-sizing: border-box;

    background: rgba(255,255,255,.72) !important;
    border: 1px solid var(--ls-border) !important;
    border-radius: 7px !important;

    font: 400 10px/14px var(--font1) !important;
    color: var(--text) !important;
    text-align: center !important;
    outline: none !important;
    transition: .18s ease;
}

.punbb #pun-navlinks #form-login input[type="text"]:focus,
.punbb #pun-navlinks #form-login input[type="password"]:focus {
    background: rgba(255,255,255,.9) !important;
    box-shadow: 0 0 0 2px rgba(104,53,49,.12);
}

/* незаполненные поля */
#form-login input.none {
    outline: 1px dashed var(--acent) !important;
}

/* кнопка войти */
.night .punbb #pun-navlinks #form-login input[type="submit"], .night .punbb #pun-navlinks #form-login span{    color: var(--text) !important;}
.punbb #pun-navlinks #form-login input[type="submit"] {
    width: 100% !important;
    height: 30px !important;
    margin: 4px 0 10px !important;
    padding: 0 12px !important;

    background: var(--link) !important;
    border: 1px solid rgba(0,0,0,.08) !important;
    border-radius: 7px !important;
    box-shadow: 0 3px 8px rgba(0,0,0,.12);

    color: var(--pun-bg) !important;
    font: 700 10px/14px var(--font1) !important;
    text-transform: lowercase;
    cursor: pointer;
    transition: .18s ease;
}

.punbb #pun-navlinks #form-login input[type="submit"]:hover {
    transform: translateY(-1px);
    opacity: .88;
}

/* ссылки регистрация/пароль */
#pun-navlinks #form-login input[value="Войти"]+p {
    margin: 0;
    text-align: center;
}

.punbb #pun-navlinks #form-login a.Rega,
.punbb #pun-navlinks #form-login a.Forgot {
    display: inline-block;
    margin-top: 3px;
    padding: 0 !important;

    background: none !important;
    color: var(--link) !important;

    font: 500 9px/13px var(--font1) !important;
    text-transform: lowercase !important;
    letter-spacing: 0 !important;
    text-decoration: none;
    cursor: pointer;
}

.punbb #pun-navlinks #form-login a.Rega:hover,
.punbb #pun-navlinks #form-login a.Forgot:hover {
    opacity: .7;
}

.punbb #pun-navlinks #form-login a.Rega:before,
.punbb #pun-navlinks #form-login a.Forgot:before {
    content: none;
}

/* список аккаунтов */
#List-UserNames {
    position: absolute;
right: calc(100% - 4px);
    top: 0;

    width: 210px;
    min-height: auto;
    padding: 14px;
    box-sizing: border-box;

    background: var(--org);
    background-image: var(--shp);
    border: var(--border-1);
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0,0,0,.14);

    text-align: left;
}

/* список ников */
.punbb #List-UserNames ul {
    padding: 0;
    margin: 0;

    max-height: 106px;
    min-height: 34px;
    overflow-y: auto;
    overflow-x: hidden;

    scrollbar-width: thin;
}

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

#List-UserNames ul::-webkit-scrollbar-track {
    background: var(--three-bg);
}

#List-UserNames ul::-webkit-scrollbar-thumb {
    background: var(--link);
    border-radius: 10px;
}

.punbb #List-UserNames li {
    position: relative;
    display: block !important;

    margin: 0 0 6px !important;
    padding: 6px 24px 6px 9px !important;
    box-sizing: border-box;

    background: rgba(255,255,255,.55);
    border: 1px solid var(--ls-border);
    border-radius: 7px;
    box-shadow: none;

    text-align: left;
    text-transform: lowercase !important;
    transition: .18s ease;
}

.punbb #List-UserNames li:hover {
    transform: translateX(2px);
    background: rgba(255,255,255,.75);
}

/* ник */
.punbb #List-UserNames li > b {
    cursor: pointer;
    color: var(--text);
    opacity: 1;
    text-shadow: none;
    font: 700 10px/14px var(--font1);
    letter-spacing: 0;
}

/* удалить */
#List-UserNames ul li > span {
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);

    width: 15px;
    height: 15px;
    padding: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--link);
    border-radius: 50%;

    color: var(--pun-bg);
    font: 700 9px/15px var(--font1);
    text-shadow: none;
    opacity: .72;
    cursor: pointer;
    transition: .18s ease;
}

#List-UserNames ul li > span:hover {
    opacity: 1;
    transform: translateY(-50%) rotate(8deg);
}

/* пустой список */
#List-UserNames ul:empty:before {
    display: block;
    padding: 8px;
    content: "нет сохранённых аккаунтов";
    background: rgba(255,255,255,.45);
    border: 1px dashed var(--ls-border);
    border-radius: 7px;
    color: var(--text);
    opacity: .65;
    font: 500 9px/13px var(--font1);
    text-align: center;
}

/* перенос/копирование аккаунтов */
#List-UserNames ul + span {
    display: block;
    margin-top: 10px;
    padding-top: 9px;
    border-top: 1px solid var(--ls-border);

    font: 500 9px/13px var(--font1);
    color: var(--text);
}

#List-UserNames .a1-copy,
#List-UserNames .a1-paste {
    display: inline-block !important;
    cursor: pointer;
    color: var(--link);
    opacity: .75;
    transition: .18s ease;
}

#List-UserNames .a1-copy:hover,
#List-UserNames .a1-paste:hover {
    opacity: 1;
}

#List-UserNames .a1-copy {
    float: left;
}

#List-UserNames .a1-paste {
    float: right;
}

#List-UserNames ul + span b {
    padding: 0 2px;
    color: var(--link);
    font: 700 10px/13px var(--font1);
}

/* поле переноса */
.punbb #List-UserNames input,
#List-UserNames #Paste-And-Copy {
    width: 100% !important;
    height: 26px !important;
    margin-top: 8px !important;
    padding: 5px 8px !important;
    box-sizing: border-box;

    background: rgba(255,255,255,.72) !important;
    border: 1px solid var(--ls-border) !important;
    border-radius: 7px !important;

    color: var(--text) !important;
    font: 400 9px/13px var(--font1) !important;
    text-shadow: none !important;
}

/* скрытия */
#navlogin #exit-2 {
    display: none;
}

#pun:not(.isguest) #navlogout .Rega,
#pun:not(.isguest) #navlogout .Forgot {
    display: none !important;
}

#List-UserNames {
    right: calc(100% + 4px);
    border-radius: 12px 6px 6px 12px;
}

.punbb #pun-navlinks #form-login {
    border-radius: 6px 12px 12px 6px;
}
#pun-navlinks a#New-exit img {
    display: none;
}

#pun-navlinks a#New-exit {
    width: auto;
    height: auto;

    padding: 6px 10px;
    border-radius: 8px;

    background: var(--link) !important;
    color: var(--pun-bg) !important;

    font: 700 9px/12px var(--font1);
    text-transform: lowercase;
    text-decoration: none;

    box-shadow: 0 3px 8px rgba(0,0,0,.12);
    transition: .18s ease;
}

#pun-navlinks a#New-exit::before {
    content: 'точно выйти?';
}

#pun-navlinks a#New-exit:hover {
    transform: translateY(-1px);
    opacity: .88;
}
.punbb #pun-navlinks a#New-exit img {
    display: none !important;
}

.punbb #pun-navlinks a#New-exit {
    position: absolute !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    width: auto !important;
    height: auto !important;
    min-width: 74px;

    margin-top: -4px !important;
    margin-left: 10px !important;
    padding: 6px 10px !important;

    background: var(--link) !important;
    border-radius: 8px;
    box-shadow: 0 3px 8px rgba(0,0,0,.12);

    color: var(--pun-bg) !important;
    font: 700 9px/12px var(--font1) !important;
    text-transform: lowercase;
    text-decoration: none !important;

    overflow: visible !important;
}

.punbb #pun-navlinks a#New-exit::before {
    content: 'точно выйти?' !important;
    display: block !important;
    color: var(--pun-bg) !important;
}
/************************* 
//Конец Стиля для Быстрой смены аккаунтов 
*************************/
#pun-index #forum_f22 {
display: none !important;
}

#fntSlider {
  display: none !important;
}

.fontButtons {
    align-items: center;
    position: absolute;
    right: 70px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    gap: 5px;
    margin: 0 !important;
    float: none !important;
    z-index: 20;
}

.fontButtons button {
    width: 22px;
    height: 22px;
    padding: 0;
    border: 1px solid #d9d6d0;
    border-radius: 4px;
    background: #ebeae9;
    color: #2d2d2d;
    font: 600 12px / 1 var(--font1), sans-serif;
    cursor: pointer;
}
.night .fontButtons button {    background: #4d4d4d;
    border: var(--border-1); color: var(--text);}
.night .fontButtons button:hover {
    background: var(--three-bg);
    border-color: var(--pun-bg);
}
.fontButtons button:hover {
    background: #fef6f2;
    border-color: var(--sec-bg);
}

#pun-main .post-content,
#pun-main .post-content p,
#pun-main .post-content li,
#pun-main .post-content td,
#pun-main .post-content blockquote {
  font-size: var(--font1, 12px) !important;
  line-height: 1.55;
}
.pa-respect img[src*="r_add"] {
    display: none;
}
.pa-respect a {
    display: none;
}

[id*="tooltip"],
[id*="tipsy"],
[class*="tooltip"],
[class*="tipsy"] {
    z-index: 999999 !important;
}

[id*="tooltip"],
[id*="tipsy"],
[class*="tooltip"],
[class*="tipsy"] {
    z-index: 999999 !important;
}
[id*="tooltip"] a,
[id*="tipsy"] a,
[class*="tooltip"] a,
[class*="tipsy"] a,
[id*="tooltip"] img,
[id*="tipsy"] img,
[class*="tooltip"] img,
[class*="tipsy"] img {
    position: static !important;
    display: inline-block !important;
    vertical-align: middle !important;
    float: none !important;
}
[id*="tooltip"] img,
[id*="tipsy"] img,
[class*="tooltip"] img,
[class*="tipsy"] img {
    width: 24px !important;
    height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    margin: 3px !important;
}
.profile-shop .pa-online strong::after {
    content: "\0430\043A\0442\0438\0432\043D\043E\0020\043F\044C\0435\0442\0020\043F\0438\0432\043E";
    font-size: 8px;
    color: #777777;
    font-weight: 300;
}
.night .profile-shop {background: url(https://upforme.ru/uploads/001c/b5/cb/2/794308.png) no-repeat;
    background-size: 836px;}
.ams-maker .pa-online strong::after {
    content: "\0430\043A\0442\0438\0432\043D\043E\0020\043F\044C\0435\0442\0020\043F\0438\0432\043E";
    font-size: 8px;
    color: #777777;
    font-weight: 300;
}
.pravila {
    box-sizing: border-box;
    position: relative;
    width: 896px;
    height: 604px;
    background: var(--light-2);
    border: 1px solid #D7D4CE;
    border-radius: 8px; overflow: hidden;
}
.night .pravila {    background: var(--quote);
    border: var(--border-1);}
.pravila tabl {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 13.8881px;
    gap: 13.89px;
    position: absolute;
    right: 65px;
    top: 20px;
    background: var(--shp);
    box-shadow: 0px 2.77762px 1.66657px rgba(0, 0, 0, 0.25);
    border-radius: 2.77762px;
    z-index: 3;
    width: 102px;
    height: 4px;
    font-family: 'EB Garamond';
    font-style: italic;
    font-weight: 400;
    font-size: 15.329px;
    line-height: 20px;
    letter-spacing: -0.02em;
    text-transform: lowercase;
    color: var(--text);
}
.kart-pravila {
    position: absolute;
    width: 416px;
    height: 604px;
    left: 0px;
    top: 0px; z-index: 2;
}
.night .kart-pravila {filter: brightness(0.89) contrast(0.98) grayscale(1);
}
.kart-pravila img {width: 101%;}
.kart-blank {
    position: absolute;
    width: 467px;
    height: 492px;
    left: 393px;
    top: 35px;
    background-color: var(--pun-bg);
    box-shadow: 2.14773px 0px 3.2px rgba(0, 0, 0, 0.21);
    background-image: url(https://upforme.ru/uploads/001c/b5/cb/2/779654.png);
}
.kart-blank-list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    position: relative;
    width: 399px;
    height: 401px;
    left: calc(50% - 387px / 2 - 0.5px);
    top: calc(50% - 401px / 2 - 0.5px);
    overflow-y: auto;
    overflow-x: hidden;
}
.night .kart-blank {background-image: none}
.kart-blank-list  t{
    width: 378px;
    height: auto;
    font-family: var(--font1);
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: var(--text);
    flex: none;
    order: 5;
    align-self: stretch;
    flex-grow: 0;
}
.kart-blank-list t {
    display: block;
}

.pravila-tabs {
    position: absolute;
    left: 393px;
    top: 540px;
    width: 467px;
    display: flex;
    justify-content: center;
    gap: 8px;
    z-index: 5;
}

.pravila-tabs button {
    border: 1px solid var(--link);
    background: var(--link);
    color: var(--pun-bg);
    border-radius: 20px;
    padding: 7px 12px;
    font-family: var(--font1);
    font-size: 10px;
    text-transform: lowercase;
    cursor: pointer;
    transition: .25s ease;
}
.night .pravila-tabs button {    color: var(--text);}
.pravila-tabs button:hover,
.pravila-tabs button.active {
    background: var(--pun-bg);
    color: var(--link);
    transform: translateY(-2px) rotate(-1deg);
}
.night .pravila-tabs button:hover,
.night .pravila-tabs button.active {    color: var(--text);}
.punbb {
  font-family: var(--post-font-family, var(--font1));
}

.fontButtons .fontSwitch {
  min-width: 28px;
  width: auto;
  padding: 0 6px;
}

.punbb,
.punbb input[type="text"],
.punbb input[type="password"],
.punbb textarea,
.punbb select {
  font-family: var(--post-font-family, var(--font1)) !important;
}

/* профиль: общий контейнер */
#viewprofile {
    width: 1020px;
    margin: 40px auto;
}

#viewprofile table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 45px 0;
}

/* левая карточка */
#profile-left {
    width: 210px !important;
    padding: 0 !important;
    vertical-align: top;
}

/* делаем слева похожее на профиль в постах */
#profile-left {
    box-sizing: border-box;
    background: #D7D7D7;
    border: 1px solid #D7D7D7;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
}

#profile-left li {
    list-style: none;
}

#profile-left::before {
    content: "";
    display: block;
    width: 226px;
    height: 46px;
    background: url(https://upforme.ru/uploads/001c/b5/cb/2/428695.png) center/cover;
    border-radius: 0 0 50px 0;
    transform: scale(.6);
    transform-origin: top left;
    margin-bottom: -18px;
}

#profile-name {
    font-family: var(--font3);
    font-size: 17px;
    font-weight: 500;
    text-transform: lowercase;
    text-align: left;
    margin: 0 0 8px 25px;
}

#profile-title {
    width: fit-content;
    min-width: 80px;
    max-width: 160px;
    margin: 8px auto;
    padding: 3px 10px;
    border: 0.7px solid #CFCFCF;
    border-radius: 48px;
    background: rgb(239 239 239);
    font: 8px var(--font1);
    text-transform: lowercase;
}

#pa-avatar img {
    width: 58px;
    height: 58px;
    object-fit: cover;
}

#pa-online {
    margin: 8px 0;
    font: 8px var(--font1);
    color: var(--link);
    text-transform: lowercase;
}

#pa-edit a {
    display: inline-block;
    margin: 8px auto 14px;
    padding: 4px 12px;
    padding-left: 12px !important;
    background: var(--org);
    background-image: var(--shp);
    border-radius: 4px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .12);
    font: 9px var(--font1);
    color: var(--text) !important;
    text-transform: lowercase;
    text-align: center;
}

/* правая часть */
#profile-right {
    width: 610px !important;
    vertical-align: top;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

#profile-right li {
    list-style: none;
    min-height: 45px;
    padding: 10px 14px;
    box-sizing: border-box;
    background: var(--three-bg);
    border-radius: 5px;
    font-family: var(--font1);
    border: 1px solid var(--border-1);
}
.night #profile-right li {    background: var(--light);}
/* скрываем лз и плашку справа */
#profile-right #pa-fld2,
#profile-right #pa-fld4 {
    display: none !important;
}

#profile-right li span {
    display: block;
    margin-bottom: 5px;
    font-size: 8px;
    font-weight: 600;
    text-transform: lowercase;
    color: rgba(0,0,0,.45);
}

#profile-right li strong {
    display: block;
    font-size: 10px;
    font-weight: 400;
    color: var(--text);
}

/* длинные поля */
#profile-right #pa-posts,
#profile-right #pa-email {
    grid-column: span 2;
}

#profile-left {
    position: relative;
    overflow: hidden;
}

#profile-left::before {
    display: none !important;
}

.profile-card-header {
    width: 226px;
    height: 46px;
    border-radius: 0 0 50px 0;
    overflow: hidden;
    transform: scale(.6);
    transform-origin: top left;
    margin-bottom: -18px;
}

.profile-card-header img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* лз */
.profile-card-lz {
    width: 157px;
    margin: 10px auto 0;
    font: 400 8px/10px var(--font1);
    color: #3D3D3D;
    text-align: left;
}

/* плашка */
.profile-card-pl {
    width: 186px;
    height: 53px;
    margin: 14px auto 0;
    overflow: hidden;
}

.profile-card-pl .pl {
    position: relative;
    top: 0;
    left: 0;
    width: 186px;
    height: 53px;
    overflow: hidden;
}

.profile-card-pl .pl img {
    position: relative;
    z-index: 3;
    top: -14px;
    left: 60px;
    width: 164px;
    height: 67px;
    object-fit: cover;
    border-radius: 50px;
}
#profile-left .profile-post-author {
    top: 0 !important;
    margin: 0 auto !important;
}

#profile-left {
    width: 230px !important;
    padding: 0 !important;
    vertical-align: top !important;
}

.facecast-book {
    width: min(800px, 100%);
    margin: 25px auto;
    display: flex;
    flex-direction: column;
    gap: 22px;
    padding: 20px;
    background: var(--light);
    border: var(--border-1);
    border-radius: 5px;
}

.facecast-letter {
    width: fit-content;
    margin: 0 auto -6px;
    padding: 2px 16px;
    background: var(--org);
    border: 1px solid #D4CEC8;
    border-radius: 30px;
    box-shadow: 0px 2px 1.2px rgba(0,0,0,.15);
    font: 700 11px/16px var(--font1);
    letter-spacing: .08em;
    text-transform: lowercase;
    color: var(--text);
    position: relative;
    z-index: 2;
}

.facecast-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    max-height: 190px;
    overflow-y: auto;
    padding-right: 15px;
    padding-top: 2px;
}
.facecast-grid::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  border-radius: 10px;
}
.facecast-card {
    background: var(--org);
    border: 1px solid #D9D3CC;
    border-radius: 7px;
    min-height: 36px;
    padding: 8px 11px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    backdrop-filter: blur(2px);
    transition: .18s ease;
    position: relative;
    overflow: hidden;
}
.night .facecast-card, .night.facecast-letter {border: var(--border-1);}
.facecast-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
    linear-gradient(
    120deg,
    transparent 0%,
    rgba(255,255,255,.28) 50%,
    transparent 100%);
    transform: translateX(-120%);
    transition: .5s ease;
}

.facecast-card:hover::before {
    transform: translateX(120%);
}

.facecast-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,.08);
}

.facecast-name {
    font: 600 11px / 15px var(--font1);
    text-transform: lowercase;
    color: var(--text);
    background: var(--sec-bg);
    border: 1px solid rgba(121, 148, 132, 0.35);
    border-radius: 3px;
    padding: 2px 6px;
    width: fit-content;
    flex-shrink: 0;
}
.facecast-owner {
    font: 500 11px/15px var(--font1);
    color: var(--text);
    text-transform: lowercase;
    text-align: right;
    overflow-wrap: anywhere;
}

.facecast-owner a {
    color: var(--text) !important;
    text-decoration: none;
    transition: .18s ease;
    position: relative;
}

.facecast-owner a:hover {
    opacity: .65;
}

@media (max-width: 700px) {

.facecast-grid {
    grid-template-columns: 1fr;
}

}
.facecast-col {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.facecast-sex {
    width: fit-content;
    margin: 0 auto 2px;
    padding: 3px 14px;
    background: var(--sec-bg);
    border: 1px solid rgba(121, 148, 132, 0.35);
    border-radius: 30px;
    font: 700 9px/13px var(--font1);
    letter-spacing: .08em;
    text-transform: lowercase;
    color: var(--text);
}

.facecast-col .facecast-card {
    width: 100%;
    box-sizing: border-box;
}